更多公众号：promonkey-home本公众号每天会坚持分享一些技术经验。我们都是程序猿，让我们共同建立一个欢乐的乐园。最新文章对这篇文章不满意？您可以继续搜索：百度：搜狗：感谢您阅读大锅乱炖10大H5前端框架，本文由网友投稿产生，如果侵犯了您的相关权益，请联系管理员。QQ:经过3个多月的开发，v0.1.0终于发布了。
这个版本并不意味着基本没有bug，而是意味着整个组件库的组件设计规范和编码规范已经清晰，可以明确地自我规范及更方便社区同学根据规范来提交PR，已经开发的组件的命名、属性、事件等已经相对稳定，不会出现大的变更。重大变更只会在大版本进行。对于每一个更改也将会更加谨慎。
当然最重要的是，文档终于发布了。
vux.li注册了3个多月，域名的let's encrypt证书在昨天刚好过期。现在项目的进度比原预计的还比较远，首要原因是时间精力确实不够。待办清单中还有超过100个大大小小的优化或者需求。项目开始时，小心翼翼地在README里写了Not Production ready，现在看来确实是正确的做法，毕竟中途接口属性事件改了又改，至少减少了点负罪心理。在没有特意做推广(3个月前在v2ex发了个贴)的情况下，3个月自然增长达到了 1500 star，真是件让人高兴又压力巨大的事。
比较重要的规范包括(其他在可以在文档发布后查看)
事件命名前缀 on-
组件命名：若与原生同名，使用 x-*, 若有子组件，使用*-item
css 前缀 vux-
另外还有发布节奏的确定：
每周三发布一个小版本。除周三外发布的都是rc版本。
目前的开发是需求驱动的，包括公司内部需求及其他同学的反馈，相信还有很多场景下的问题还没有暴露出来，希望有任何问题都可以提出来一起解决。
然后要说件特别重要的事：
欢迎PR，提bug，提建议
欢迎PR，提bug，提建议
欢迎PR，提bug，提建议
维护一个开源项目
维护一个开源项目是件十分耗时间精力的事，处理issue是件烦人的事。当然关闭issue是件很愉悦的事，半天关闭几个issue也确实酸爽，但是一部分同学至今还没有学会如何正确提一个问题，不提供任何细节或者相当不清晰。这确实很恼人，于是写了issue template, 结果部分同学直接忽略它了，而还有部分同学写了个标题，然后template一行没删就提交了，我只能WTF
。所以很多时候并不是开源作者在issue上处理(看起来)很强硬，而是被逼成了这样，大家时间有限，issue多时确实没有时间去猜你的问题是啥，所以也请不要因为问题不清晰被我忽略或者直接关闭不高兴。
当然还有部分用户提了个issue就跑了，而我在提问题后几分钟就回复希望提供点细节。所以我加了个标签叫inactive issue will be closed，大意就是即使你提完就跑我还等了你3天所以我关掉了你也不能怪我啊 & 。
在其他项目下还可以看到部分用户把issue当成论坛了，为了表扬直接发个issue标题就叫赞。。还有部分用户因为发现了问题能直接骂**公司技术居然这么烂，所以觉得维护一个中文项目真的是挺累，可能一开始我们就被归入(绝对比不上国外的)国产项目的分类了。。所以我们一开始就注释文档国际化吧，有部分同学就会直接问了，英文看不懂，为啥没有中文文档啊，国人的项目竟然没有中文文档。。好了，吐槽完了。
朋友们啊，多提供点细节，真的可以节省大家很多时间。
朋友们啊，少点情绪，多发些PR，世界会变得更美好。
近期及未来计划
即将支持的是：
WeUI 样式拆分到各个组件，不再需要全局引入vux.css
x-form目前只支持x-input,并且没有发布到v0.1.0里，将在v0.1.1扩展到所有表单类组件发布
datetime 支持配置开始结束时间
文档增加组件使用场景说明
More Real-world examples
在计划中还未进行的包括：
vux-playground 类jsfiddle在线编辑器
vux-babel-plugin 更方便引入组件和样式的babel插件
逐步更改Vue2.0中不再支持的方法属性
每个组件单独发布到npm, 方便部分只使用了很少组件的同学
升级到v0.1.0
大更改在v0.0.115之后就进行了，v0.1.0主要是目录结构更改
components目录由components/移到dist/components
vux.js及vux.css从根目录转移到dist/目录
增加dist/styles目录，放置样式文件(暂为空)
开发的时候一直想着先开发再写文档，导致了后面这么多组件根本没时间(不想)写文档。拉了部分同学帮忙一起写文档，强迫自己一定要在v0.1.0的时候写完文档。这委屈了很多同学只能看着demo源码写代码，实在是对不起啊。
感谢给我发过红包的各位土豪。
感谢发过PR提过issue的各位同学。
感谢开源项目
除了Vue 及 WeUI，组件部分代码及设计来自于以下开源项目或网站：
Spmjs.io (已下线)
Copyright &
All Rights Reserved &&&&&&yum安装好rabbitmq-server后，启动报错
[root@openstack ~]# systemctl start rabbitmq-server.service
Job for rabbitmq-server.service failed. See ‘systemctl status rabbitmq-server.service’ and ‘journalctl -xn’ for details.
[root@openstack ~]# systemctl status rabbitmq-server.service
rabbitmq-server.service – RabbitMQ broker
今天尝试了下hexo，npm install hexo-cli -g 的时候报
& node install.js
sh: 1: node: Permission denied
npm config set user 0
npm config set unsafe-perm true
有使用facebook的 canvas业务，相当于把自己的网站iframe嵌入到他们画板中，要求里面的域名全部是https的，我们申请了个*. 的证书，子域名全部可以用，在其他浏览器都浏览正常，然而在火狐上报证书不安全，错误代码：sec_error_unknown_issuer
但是想想我这是正规网站买的证书啊，怎么会认不到，google了吧，说是要加上ca bundle，购买证书的时候，证书厂商会给你个xx_bundle.crt的
最近有个项目要在手机上查看报表和做一些操作，网上筛选了些移动端前端ui框架，这里收集下。
你可以对比下WeUI, FrozenUI, sui mobile, gmu, jingle, purecss, ionic, jquerymobile,bootstrap。小项目我觉得用用bootstrap，jquerymobile就足够了。由于对这块不是很熟，不敢评论，就列了下链接。
腾讯系的开源ui
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。
最近一直忙非运维的工作，什么ps，会声会影，ai,coreldraw天天搞。心好累。你看看我桌面的这些图标，说多了都是泪。
最近业务需要在论坛里面放youtube上的视频，这里记录备忘下，其实这种文章不该发，没啥技术含量，我发个以示存在吧
第一步：用管理员登录论坛，进入系统设置。
选择 “界面-》编辑器设置 -》Discuz! 代码”，新增一个youtube的图标，新增后勾选可用，显示，然后传一个小图标到论坛主目录下 static/image/common/ 目录，文件名和输入的一致
本来想做discuz英文版的，找了半天，后来找到个多语言版本http://discuz.ml/ ，支持discuz x2.5 3.0 3.1 3.2版本
最近在学golang，然后用beego框架开始学着写Docker UI，前端框架是bootstrap，数据库采用mysql，docker api用的/fsouza/go-dockerclient，目前刚起步
下面是几个做好的功能，做完后，大家可以一起交流下，目前图中很多功能都没实现，截图的是实现好的
beego支持的模板函数不是很多，有时候前端展现数据的时候，要对数据进行格式化，所以要用到自定义模板函数
比如我的前端模板上有时间和模板大小这2个数据，原始数据都是int的时间戳和byte单位的数据，我们要更友好的展示这些数据，就要对这些数据进行格式化
效果是这样的,可以看到时间和大小这2列已经是友好的显示方式
Dockerfile包含创建镜像所需要的全部指令。基于在Dockerfile中的指令，我们可以使用Docker build命令来创建镜像。通过减少镜像和容器的创建过程来简化部署
有时候使用 Docker Hub 这样的公共仓库可能不方便，并且公司的私有镜像为了业务安全，也不会push到docker hub上，用户可以创建一个本地仓库供私人使用。类似于git 和maven一样，同时节省服务器下载和上传镜像带宽。
那什么是docker registry呢
Docker Registry由三个部分组成：index，registry，registry client。
可以把Index认为是负责登录、负责认证、负责存储镜像信息和负责对外显示的外部实现，而registry则是负责存储镜像的内部实现，而Registry Client则是docker客户端。
源码地址：
最近在学node.js，安装就不多介绍了，apt-get yum
brew 先安装npm，其他的安装都可以用npm来安装
ivon@IvonMac ~/data/github/node.js-todolist$tree
|-- README.md
|-- app.js
|-- package.json
|-- public
`-- favicon.ico
|-- routes
`-- index.js
|-- utils.js
|-- edit.ejs
|-- index.ejs
`-- layout.ejs
3 directories, 11 files
1234567891011121314151617
ivon@IvonMac ~/data/github/node.js-todolist$tree.|-- README.md|-- app.js|-- db.js|-- package.json|-- public|&& `-- favicon.ico|-- routes|&& `-- index.js|-- utils.js`-- views&&&&|-- edit.ejs&&&&|-- index.ejs&&&&`-- layout.ejs&3 directories, 11 files
, , , , , ,
express 4.x以后将express命令独立到 express-generator包中，所以想使用express初始化项目目录，可以npm install express-genrator
$ npm install express-generator -g
$ npm install express-generator -g
-g 选项是指安装到全局
查看express命令选项
使用brew安装node的时候会自动帮你安装npm，所以npm不用单独去安装，当然如果你想安装最新版本，可以去官网下pkg包安装，http://nodejs.org/
brew install node
brew install node
这个步骤node和npm就都安装好了
sudo npm install -g express
sudo npm install -g express
全局安装express -g 是全局安装，如果想指定版本安装可以用sudo npm install -g express@4.9.0
注意上面安装的不是命令行工具express(老版本是集成在一起的，现在express4版本，单独分离出来了，放到express-generator包中)，而是安装的这个模块，需安装命令行工具需再安装,
sudo npm install -g express-generator
sudo npm install -g express-generator
express 是 Node.js 应用最广泛的 web 框架，所以这个基础框架必须引用
superagent( ) 是个 http 方面的库，可以发起 get 或 post 请求。
cheerio( ) 大家可以理解成一个 Node.js 版的 jquery，用来从网页中以 css selector 取数据，使用方式跟 jquery 一样一样的。
代码也可以在这里查看
tornado上实现ansible api异步执行，方便php写的运维后台调用，当然php后台还是要做一个类似于队列的东西，将任务存在redis或者mongodb里面，然后有个php进程持续监听任务队列。
下面的脚本运行后，可以用类似POSTMAN工具进行post数据测试，如果你的平台本来就是python的，那更方便了，自己写个简陋的web界面，直接执行了，不用tornado做web容器了。
将一个短信接口代码从apache迁移到nginx+php-fpm后，发现无法发出短信了，查看php日志，
[25-Sep-:21] WARNING: [pool www] child 9617 said into stderr: “NOTICE: PHP message: PHP Fatal error:
Call to undefined function mb_convert_encoding() in /data/htdocs/xx.php on line 13″
发现函数mb_convert_encoding没定义，看着像某个模块没装，google了把，要装个mbstring扩展，之前都是一下装好多扩展（虽然不知道这个扩展是干啥的，按照网络文档来），现在是要应用需要哪个装哪个，逼格略有提高（至少这样能让我知道哪个模块是干啥的）。
pip install mysql-python
_mysql.c:44:23: 致命错误：my_config.h：没有那个文件或目录
编译中断。
error: command 'gcc' failed with exit status 1
----------------------------------------
Cleaning up...
Command /usr/local/bin/python -c "import setuptools,__file__='/tmp/pip_build_root/mysql-python/setup.py';exec(compile(getattr(tokenize, 'open', open)(__file__).read().replace('\r\n', '\n'), __file__, 'exec'))" install --record /tmp/pip-4GRUO2-record/install-record.txt --single-version-externally-managed --compile failed with error code 1 in /tmp/pip_build_root/mysql-python
_mysql.c:44:23: 致命错误：my_config.h：没有那个文件或目录&编译中断。&error: command 'gcc' failed with exit status 1&----------------------------------------Cleaning up...Command /usr/local/bin/python -c "import setuptools,__file__='/tmp/pip_build_root/mysql-python/setup.py';exec(compile(getattr(tokenize, 'open', open)(__file__).read().replace('\r\n', '\n'), __file__, 'exec'))" install --record /tmp/pip-4GRUO2-record/install-record.txt --single-version-externally-managed --compile failed with error code 1 in /tmp/pip_build_root/mysql-python
没有找到my_config.h
你只需要在 yum install mysql-devel 就可以了
公司内一个php的后台管理系统，之前运行在apache上，后来我给转到nginx+php上后，其他功能运行正常，有一个修改功能提交表单后没有提交成功，查了代码没查出来什么问题，后来看了下php error日志，也没有什么线索，打印post请求后，也发现提交表单个数和正在表单个数对不上（当时怀疑过是不是某个插件是不是没装，字符集对不对等），再看了下php-fpm的日志，有点信息可以参考了。
[25-Sep-:30] WARNING: [pool www] child 28329 said into stderr: "NOTICE: PHP message: PHP Warning:
Unknown: Input variables exceeded 1000. To increase the limit change max_input_vars in php.ini. in Unknown on line 0"
[25-Sep-2014 15:19:30] WARNING: [pool www] child 28329 said into stderr: "NOTICE: PHP message: PHP Warning:&&Unknown: Input variables exceeded 1000. To increase the limit change max_input_vars in php.ini. in Unknown on line 0"
提示input 变量个数超过1000，建议修改php.ini文件中的 max_input_vars，PHP从5.3.9开始增加一个变量 max_input_vars 用来限制提交的表单数量。
妈的，我这个功能（类似于phpmysqladmin功能，读取数据库表，然后能写入编辑，然后数据库字段有128个，然后每个字段有11个input框）大概有1400多个input，（多么痛的领悟，为毛这么吊，研发一个表搞这么多字段），
然后我在php.ini里面加入
max_execution_time = 30 Maximum execution time of each script, in seconds
max_input_time = 60 Maximum amount of time each script may spend parsing request data
max_input_vars = 2000
max_execution_time = 30&&&& ; Maximum execution time of each script, in secondsmax_input_time = 60&&&& ; Maximum amount of time each script may spend parsing request datamax_input_vars = 2000
重启php-fpm后，功能正常了。看日志很重要。
MAIL: ldtrain艾特
- 29,970 浏览数
- 19,184 浏览数
- 18,190 浏览数
- 17,572 浏览数
- 17,343 浏览数
- 16,218 浏览数
- 15,915 浏览数
- 15,200 浏览数
- 14,490 浏览数
- 12,933 浏览数