使用Yarn来替代npm 来作为包管理器, 使用webpack来取代grunt, gulp, bower

发表于由

历史: http://www.infoq.com/cn/news/2016/10/yarn
官网: https://yarnpkg.com

Webpack来打包.
运行webpack-dev-server 作为开发环境(dev)下的的web服务器,可以实现热替换.

“Webpack + Angular的组件化实践“是2015年的文章了. 目前也可做参考

参考:

  1. Gulp到Webpack迁移的研究
  2. 前端团队 Gulp & Webpack 工作流 迁移记

iOS10 开始忽略user-scalable=no 的声明, 给使用css position: fixed 带来新问题

发表于由

同事测试新版本的时候发现,他的mobile safari可以缩放我们的自适应网站. 我记得我们的自适应页面已经禁止了用户缩放.查了一下, 原来从ios10开始,它就忽略meta的禁止缩放的申明了. 这样一个改变造成了页面上,使用position:fxied 的地方的发生定位错误.

我查了一下,原来16年这个ios出来后, 开发者就开始骂了. 不过这个人写的博客文章比较客观,让我们重新审视一下,responsive 设计原则中的禁止缩放真的对用户负责的吗?

历史上,从iOS5开始,就对postion:fixed支持有问题. 这个用户列举了ios5下的position:fixed 的种种问题.
https://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios

说回来,我们还是要解决用户在ios safari里,使用手指缩放( pinch to zoom )后,造成 position fixed 错误的问题.

把dh生产环境5.5升级到5.6

发表于由

大概过程如下

lsb_release -a

#https://www.digitalocean.com/community/questions/how-to-upgrade-from-php-v-5-5-9-to-v-5-6
sudo add-apt-repository ppa:ondrej/php
sudo apt-get update
sudo apt-get install php5.6 php5.6-mbstring php5.6-mcrypt php5.6-mysql php5.6-xml
sudo a2dismod php5
sudo a2enmod php5.6
sudo service apache2 restart

一下是需要的模块
sudo apt-get install php5.6-curl

sudo apt install php5.6-bcmath
sudo apt install php5.6-gd
sudo apt install php5.6-zip

vagrant 的provision 功能配合 ansible　实现安装自动化

发表于由

vagrant box安装完以后，通常还要安装一堆工作需要的程序．这个过程可以通过ansilbe来实现自动化．

类似在vagarnt 的配置文件内，加上类似这样的配置，当vagrant up boxname的时候，就会自动安装

　 backend.vm.provision "ansible_local" do |ansible|
ansible.playbook = "backend.yml"
ansible.install = true
ansible.install_mode = :pip
ansible.version = "2.2.0"
end

其中backend.yml是ansible的配置文件．具体使用参看　ansible 手册