HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

没有取色器或调色板或颜色提示吗?

颜色
  1. HBuilder提示工程中使用过的颜色,避免开发者错用颜色
  2. HBuilder把常用颜色的英文列出来,方便开发者直观的敲或选择
  3. 如果你的颜色是美工给出的16进制或rgb值,直接手动敲,你不能用调色板自己选一个相近的颜色。
    使用调色板那是美工的事情,作为程序员,精准的实现代码、快速的敲出代码更重要。

另外,插件市场有个插件可以用http://ext.dcloud.net.cn/plugin?id=146

继续阅读 »
  1. HBuilder提示工程中使用过的颜色,避免开发者错用颜色
  2. HBuilder把常用颜色的英文列出来,方便开发者直观的敲或选择
  3. 如果你的颜色是美工给出的16进制或rgb值,直接手动敲,你不能用调色板自己选一个相近的颜色。
    使用调色板那是美工的事情,作为程序员,精准的实现代码、快速的敲出代码更重要。

另外,插件市场有个插件可以用http://ext.dcloud.net.cn/plugin?id=146

收起阅读 »

iOS iphone真机运行联调报错 return code

iPhone iOS 真机联调
  1. 确保HBuilder为最新版。
  2. ios5目前确实在运行时会报错,其他ios版本偶发也会报错。此时需要这样处理:在HBuilder安装目录的/plugins/com.pandora.tools.android_1.0.0.2014xxxx/base目录下(其中xxxx代表最新日期),手动安装iPhone_base.ipa。
    安装方式推荐itools,没有itools使用itunes也可以。
    包装好后,会在手机上有一个HBuilder的应用。
    以后再点真机运行,就可以把项目部署到手机上,然后手动点击HBuilder应用,就能看到项目的结果。
继续阅读 »
  1. 确保HBuilder为最新版。
  2. ios5目前确实在运行时会报错,其他ios版本偶发也会报错。此时需要这样处理:在HBuilder安装目录的/plugins/com.pandora.tools.android_1.0.0.2014xxxx/base目录下(其中xxxx代表最新日期),手动安装iPhone_base.ipa。
    安装方式推荐itools,没有itools使用itunes也可以。
    包装好后,会在手机上有一个HBuilder的应用。
    以后再点真机运行,就可以把项目部署到手机上,然后手动点击HBuilder应用,就能看到项目的结果。
收起阅读 »

release note更新日志乱码

乱码

在工作空间里设置了gbk后,会导致HBuilder自己的文件包括更新日志的都乱码。
如果要批量设置gbk,应该在项目点右键属性设置gbk,别在工作空间里设置

在工作空间里设置了gbk后,会导致HBuilder自己的文件包括更新日志的都乱码。
如果要批量设置gbk,应该在项目点右键属性设置gbk,别在工作空间里设置

jquery、jq语法提示不全的原因

jquery

HBuilder的jq语法提示非常强,有单独的jq语法库为此优化,并且也开源了(https://github.com/dcloudio/WebFrameworkGrammar)。
HBuilder会扫描工程中是否有jq文件,如果有,会自动挂载该库。
但如果工程下并没有jq文件,而是引用的网络jq文件,也可以识别并加载。
但如果jq的js是非标准的,有可能无法识别。
手动挂库的方法是:对工程点右键,引入框架语法,在里面选jq语法版本,挂载后几秒生效,再敲jq语法就可以完整提示了。
有时会遇到升级后库明明挂着却不生效,此时把框架语法里的勾先去掉,重新挂一次。
另外如果jq语法提示出现了非标准的方法属性,说明工程下有js重写了jq的方法,请自己检查下代码。
实在不行,在群里私聊DCloud_HB_开头的工程师。

继续阅读 »

HBuilder的jq语法提示非常强,有单独的jq语法库为此优化,并且也开源了(https://github.com/dcloudio/WebFrameworkGrammar)。
HBuilder会扫描工程中是否有jq文件,如果有,会自动挂载该库。
但如果工程下并没有jq文件,而是引用的网络jq文件,也可以识别并加载。
但如果jq的js是非标准的,有可能无法识别。
手动挂库的方法是:对工程点右键,引入框架语法,在里面选jq语法版本,挂载后几秒生效,再敲jq语法就可以完整提示了。
有时会遇到升级后库明明挂着却不生效,此时把框架语法里的勾先去掉,重新挂一次。
另外如果jq语法提示出现了非标准的方法属性,说明工程下有js重写了jq的方法,请自己检查下代码。
实在不行,在群里私聊DCloud_HB_开头的工程师。

收起阅读 »

jcef的问题

HBuilder

新版HBuilder for windows,升级了边改边看的浏览器为chrome33内核版本。
但新版本有一个文件总是被杀毒软件干扰。
请把jcef_help.exe、jcef.dll文件加入杀软的白名单。

新版HBuilder for windows,升级了边改边看的浏览器为chrome33内核版本。
但新版本有一个文件总是被杀毒软件干扰。
请把jcef_help.exe、jcef.dll文件加入杀软的白名单。

语法错误检查验证在哪里,类似jshint那种报错检查

语法验证 HBuilder
  1. 手工校验语法
    在打开的文档中点右键或在工具菜单下,有个按钮叫“验证本文档语法”。
    点击验证一次后,后面每次修改保存都会再校验一次。直到关闭本文档。
  2. 自动校验语法
    选项-HBuilder-语法验证器设置,可以开启关闭各种语法验证功能。
    打开自动验证后,会扫描整个项目,并把错误标记出来。
    修改过的文档,也是保存后再校验一次。
    自动校验比较耗资源,硬件配置不高的用户、或打开比较大的工程或文档时还需谨慎,觉得卡顿时关闭自动验证,使用手动验证。
继续阅读 »
  1. 手工校验语法
    在打开的文档中点右键或在工具菜单下,有个按钮叫“验证本文档语法”。
    点击验证一次后,后面每次修改保存都会再校验一次。直到关闭本文档。
  2. 自动校验语法
    选项-HBuilder-语法验证器设置,可以开启关闭各种语法验证功能。
    打开自动验证后,会扫描整个项目,并把错误标记出来。
    修改过的文档,也是保存后再校验一次。
    自动校验比较耗资源,硬件配置不高的用户、或打开比较大的工程或文档时还需谨慎,觉得卡顿时关闭自动验证,使用手动验证。
收起阅读 »

HBuilder会支持可视化编辑的设计器吗

HBuilder

不会。
HBuilder是一个极客工具,不是傻瓜工具。
我们不喜欢托拉拽后自动生成一堆不知道放到哪个div下的代码。
我们更喜欢敲m。

在mui项目里,敲m,拉出所有控件,选一个回车,然后在边改边看里预览,这样的开发方式更爽更快更不易出错。

继续阅读 »

不会。
HBuilder是一个极客工具,不是傻瓜工具。
我们不喜欢托拉拽后自动生成一堆不知道放到哪个div下的代码。
我们更喜欢敲m。

在mui项目里,敲m,拉出所有控件,选一个回车,然后在边改边看里预览,这样的开发方式更爽更快更不易出错。

收起阅读 »

HBuilder可以放在U盘里随便移动吗?

同步

可以。
但工程和配置不会跟着走。
工程同步可以用svn、git等代码管理服务器,或dropbox、百度同步盘等同步工具。

可以。
但工程和配置不会跟着走。
工程同步可以用svn、git等代码管理服务器,或dropbox、百度同步盘等同步工具。

为什么黑色主题伤眼

护眼 主题 配色 绿柔 monokai

不知道从何时起,程序员界和电子书界脱节了。
都是长时间盯着电脑的人,所有读者看电子书,都使用泛黄色的背景,而程序员圈中却开始流行黑色背景。甚至误传液晶下黑色的发光量偏少,所以黑色更护眼。
我相信做电子书的公司如果把背景从泛黄改为黑色,并告诉他的用户黑色更护眼,这家电子书公司肯定会倒闭掉。

那为什么还说黑色伤眼?
我们从色彩生理学和色彩心理学2个方面分析。

  1. 就人眼肌肉的紧张度而言,高对比度的伤害大于光线量的伤害。
    在阳光明媚的草原上,虽然光线量非常大,但人眼很舒适。
    但在黑色屋子里,手机屏幕亮度调到最低,光线量远低于前者,但仍然刺眼。
    这是对比度的影响造成的。
    人眼看到的画面,高对比度会造成更大的伤害。
    尤其是程序员要看8个小时的屏幕,所以柔和、低对比度的界面能让人眼肌肉更放松。
  2. 暗适应的伤害。
    这里是百度百科对暗适应的解释:http://baike.baidu.com/view/344920.htm
    人眼看多了黑色界面,转头看自然光环境时,会晕眩。
    当你盯着黑色主题看了1个小时后,切屏到浏览器,或者转头看同事,都会发生晕眩,
    反之从明亮环境进入到黑色环境,眼球也需要分泌视紫红质来适应。
    人眼及大脑都要不停的调节。
  3. 视紫红质和维生素A和夜盲症
    暗适应会引发人眼增加分泌视紫红质,但视紫红质的合成需要维生素A,也就是长期看暗色界面会增加维生素A的消耗。
    夜盲症是由于维生素A不足,合成视紫红质不足而产生的。
    即使现在还没有夜盲症,也要预防。
  4. 人眼最喜欢的光是黄色和绿色
    黄色和绿色的波长,是人眼最放松的波长。
    绿柔的背景是暖黄色,前景的代码颜色,虽然多彩,但每种颜色的RGB中的G,即绿色值,都调大了。
  5. 从色彩心理学看,温暖的颜色比暗色更舒服。
    人眼看到的景色,大脑会产生联想,并进而影响心情。
    看到绿色就会联想到草原森林,心情不自觉的就好一点。
    而看久了暗色或刺激性颜色,心情会压抑。
    每天看8个小时屏幕不是小事,心情舒畅很重要。
  6. 绿柔设计不止是设计理论,是经过科学验证的结果
    我们在北京国奥心理医院专门为不同的开发者做过脑电波疲劳值测试。
    参与实验的程序员在充分休息后,分别使用绿柔和黑色主题的编程工具进行编码半小时,并监测脑电波的数据变化。
    通过对实验者的脑电波产生的17万条数据的分析,利用医院仪器打印出的疲劳值、紧张度和注意力集中程度数值,实验后测试者的疲劳度均上升,但, 使用绿柔工作的程序员疲劳值上升相对缓慢,紧张程度最低,注意力最集中。
    使用黑色主题编码后疲劳值的上升幅度达到使用绿柔上升幅度的700%!
    实验详情见这里https://ask.dcloud.net.cn/article/35112
继续阅读 »

不知道从何时起,程序员界和电子书界脱节了。
都是长时间盯着电脑的人,所有读者看电子书,都使用泛黄色的背景,而程序员圈中却开始流行黑色背景。甚至误传液晶下黑色的发光量偏少,所以黑色更护眼。
我相信做电子书的公司如果把背景从泛黄改为黑色,并告诉他的用户黑色更护眼,这家电子书公司肯定会倒闭掉。

那为什么还说黑色伤眼?
我们从色彩生理学和色彩心理学2个方面分析。

  1. 就人眼肌肉的紧张度而言,高对比度的伤害大于光线量的伤害。
    在阳光明媚的草原上,虽然光线量非常大,但人眼很舒适。
    但在黑色屋子里,手机屏幕亮度调到最低,光线量远低于前者,但仍然刺眼。
    这是对比度的影响造成的。
    人眼看到的画面,高对比度会造成更大的伤害。
    尤其是程序员要看8个小时的屏幕,所以柔和、低对比度的界面能让人眼肌肉更放松。
  2. 暗适应的伤害。
    这里是百度百科对暗适应的解释:http://baike.baidu.com/view/344920.htm
    人眼看多了黑色界面,转头看自然光环境时,会晕眩。
    当你盯着黑色主题看了1个小时后,切屏到浏览器,或者转头看同事,都会发生晕眩,
    反之从明亮环境进入到黑色环境,眼球也需要分泌视紫红质来适应。
    人眼及大脑都要不停的调节。
  3. 视紫红质和维生素A和夜盲症
    暗适应会引发人眼增加分泌视紫红质,但视紫红质的合成需要维生素A,也就是长期看暗色界面会增加维生素A的消耗。
    夜盲症是由于维生素A不足,合成视紫红质不足而产生的。
    即使现在还没有夜盲症,也要预防。
  4. 人眼最喜欢的光是黄色和绿色
    黄色和绿色的波长,是人眼最放松的波长。
    绿柔的背景是暖黄色,前景的代码颜色,虽然多彩,但每种颜色的RGB中的G,即绿色值,都调大了。
  5. 从色彩心理学看,温暖的颜色比暗色更舒服。
    人眼看到的景色,大脑会产生联想,并进而影响心情。
    看到绿色就会联想到草原森林,心情不自觉的就好一点。
    而看久了暗色或刺激性颜色,心情会压抑。
    每天看8个小时屏幕不是小事,心情舒畅很重要。
  6. 绿柔设计不止是设计理论,是经过科学验证的结果
    我们在北京国奥心理医院专门为不同的开发者做过脑电波疲劳值测试。
    参与实验的程序员在充分休息后,分别使用绿柔和黑色主题的编程工具进行编码半小时,并监测脑电波的数据变化。
    通过对实验者的脑电波产生的17万条数据的分析,利用医院仪器打印出的疲劳值、紧张度和注意力集中程度数值,实验后测试者的疲劳度均上升,但, 使用绿柔工作的程序员疲劳值上升相对缓慢,紧张程度最低,注意力最集中。
    使用黑色主题编码后疲劳值的上升幅度达到使用绿柔上升幅度的700%!
    实验详情见这里https://ask.dcloud.net.cn/article/35112
收起阅读 »

代码自动换行在哪里设?

HBuilder

对编辑器点右键,自动换行,是仅对本编辑器生效的。
在菜单视图下面选自动换行,是对所有编辑器生效的。

HBuilder自动换行的状态不保存,重启HBuilder后还需要再配置。
HBuilderX是保存状态的。

对编辑器点右键,自动换行,是仅对本编辑器生效的。
在菜单视图下面选自动换行,是对所有编辑器生效的。

HBuilder自动换行的状态不保存,重启HBuilder后还需要再配置。
HBuilderX是保存状态的。

整理代码格式ctrl+shift+f经常失效

快捷键

应该是与搜狗输入法冲突了。
它也注册了ctrl+shift+f。
建议把搜狗输入法的这个快捷键取消掉。

应该是与搜狗输入法冲突了。
它也注册了ctrl+shift+f。
建议把搜狗输入法的这个快捷键取消掉。

iOS后台运行权限配置

audio UIBackgroundModes iOS

此文档不再维护,请参考新文档地址:https://uniapp.dcloud.io/tutorial/app-ios-uibackgroundmodes

应用切换到后台继续音乐播放

iOS平台应用切换到后台会停止运行,通常情况当应用切换到后台时音乐将暂停播放,下次切换到前台继续播放。如果要支持应用切换到后台后继续播放音乐功能需要进行配置后台播放音乐的能力。

可视化配置

打开项目的manifest.json文件,在“(App)常用其它设置”项的“iOS设置”下“后台运行能力”的输入框中填入audio

如果可视化界面中没有此项配置,请参考下面“源码视图配置”。

注意:如果提示“暂不支持数组格式的查看和修改,请在源码视图中查看和修改”,说应用之前通过源码视图配置过,请参考下面源码视图配置

源码视图配置

打开项目的manifest.json文件,选择“源码视图”项

  • 5+ App项目
    在 "plus" -> "distribute" -> "apple" 下添加 "UIBackgroundModes"字段
  • uni-app项目
    在 "app-plus" -> "distribute" -> "ios" 下添加 "UIBackgroundModes"字段

UIBackgroundModes字段值为字符串数组类型,输入audio表示支持后台播放音乐:

        // ...  
        "UIBackgroundModes": ["audio"],  
        // ...

如果需要同时支持后台定位和后台播放音乐,UIBackgroundModes字段值可配置为["audio","location"]

如果您是开发插件,需要配置其他后台权限,请参考这篇 文档

注意事项

真机运行不支持此功能,需要提交到打App云端打包才生效

应用切换到后台播放音乐时,会导致应用持续在后台运行,此时需要避免调用同步5+ API(调用直接返回数据的API),在后台运行时此类API将无法同步返回数据

iOS切换到后台支持获取位置信息功能
iOS更多后台能力可参考苹果官方文档

继续阅读 »

此文档不再维护,请参考新文档地址:https://uniapp.dcloud.io/tutorial/app-ios-uibackgroundmodes

应用切换到后台继续音乐播放

iOS平台应用切换到后台会停止运行,通常情况当应用切换到后台时音乐将暂停播放,下次切换到前台继续播放。如果要支持应用切换到后台后继续播放音乐功能需要进行配置后台播放音乐的能力。

可视化配置

打开项目的manifest.json文件,在“(App)常用其它设置”项的“iOS设置”下“后台运行能力”的输入框中填入audio

如果可视化界面中没有此项配置,请参考下面“源码视图配置”。

注意:如果提示“暂不支持数组格式的查看和修改,请在源码视图中查看和修改”,说应用之前通过源码视图配置过,请参考下面源码视图配置

源码视图配置

打开项目的manifest.json文件,选择“源码视图”项

  • 5+ App项目
    在 "plus" -> "distribute" -> "apple" 下添加 "UIBackgroundModes"字段
  • uni-app项目
    在 "app-plus" -> "distribute" -> "ios" 下添加 "UIBackgroundModes"字段

UIBackgroundModes字段值为字符串数组类型,输入audio表示支持后台播放音乐:

        // ...  
        "UIBackgroundModes": ["audio"],  
        // ...

如果需要同时支持后台定位和后台播放音乐,UIBackgroundModes字段值可配置为["audio","location"]

如果您是开发插件,需要配置其他后台权限,请参考这篇 文档

注意事项

真机运行不支持此功能,需要提交到打App云端打包才生效

应用切换到后台播放音乐时,会导致应用持续在后台运行,此时需要避免调用同步5+ API(调用直接返回数据的API),在后台运行时此类API将无法同步返回数据

iOS切换到后台支持获取位置信息功能
iOS更多后台能力可参考苹果官方文档

收起阅读 »