最近与浏览器客户端开发同学在探讨关于浏览器通用 Web API 实现方式，例如：横竖屏切换、日/夜间模式、全屏模式、页面模式等。
通过讨论并与欧朋（Opera）、QQ、UC 等浏览器团队进行相关交流，得到的结论————无内核开发的版本，很难彻底解决渲染、网络操作、安全等所带来的问题，
但也是可以通过应用层的某些技巧方式满足部分的需求。

今天主要是整理一下移动端浏览器的私有 Meta 属性的使用场景以及相关注释，以便查阅：

强制让文档的宽度与设备的宽度保持 1:1，并且文档最大的宽度比例是 1.0，且不允许用户点击屏幕放大浏览

1
2
3
4
5
6
7
8

<meta
  content="”width"
  ="device-width,"
  initial-scale="1.0,"
  maximum-scale="1.0,"
  user-scalable="0;”"
  name="”viewport”"
/>

iphone 设备中的 safari 私有 meta 标签，它表示：允许全屏模式浏览

1

<meta content="”yes”" name="”apple-mobile-web-app-capable”" />

iphone 的私有标签，它指定的 iphone 中 safari 顶端的状态条的样式

1

<meta content="”black”" name="”apple-mobile-web-app-status-bar-style”" />

告诉设备忽略将页面中的数字识别为电话号码

1

<meta content="”telephone" ="no”" name="”format-detection”" />

年后开发环境从 ubuntu 14.0.4 迁移到 MAC OS X 10.10.1 Yosemite 版本，本以为 ubuntu 中编译过的 php 扩展可以直接拷贝使用，其实是我“想多了”。除了常见的*unix 系统的基本操作相同外，还是存在很大的差异。现记录一下 mac os 下如何安装 php 扩展，以便后面查阅。

安装 PHP 扩展要求你的 Mac 系统已经安装了 Xcode 环境和命令行开发工具，如果还没安装，请先使用 Shell 安装。

1

xcode-select --install

为了扩展管理方便，首先来安装 pecl 扩展管理器。

1
2

cd /usr/lib/php
sudo php install-pear-nozlib.phar

安装 Redis、Memcache、Mongo 等扩展。

1
2
3

sudo pecl install redis
sudo pecl install memcache
sudo pecl install mongo

将扩展配置添加的 php.ini 文件中：

1
2
3
4
5
6

[memcache]
extension=memcache.so
[mongo]
extension=mongo.so
[redis]
extension=redis.so

由于 Mac 自带的 PHP 环境是不包括 mcrypt 扩展的，所以需要下载同版本的 php 源码包，单独编译这个模块加载。从官网的归档里面找到 php5.5.14 的源码包，下载：http://php.net/releases/

1
2
3
4
5
6

tar zxvf php-5.5.14.tar.gz
cd php-5.5.14/ext/mcrypt/
phpize
./configure
make
sudo make install

配置 Mcrypt

1

extension=mcrypt.so

为了加速，还需要打开 opcache。

1
2
3
4
5
6
7
8

zend_extension=opcache.so

[opcache]
; Determines if Zend OPCache is enabled
opcache.enable=0

; Determines if Zend OPCache is enabled for the CLI version of PHP
opcache.enable_cli=0

如果在安装过程中 PHP 动态编译出现 Cannot find autoconf 错误：

1
2
3
4
5
6

Configuring for:
PHP Api Version:         20041225
Zend Module Api No:      20060613
Zend Extension Api No:   220060519
Cannot find autoconf. Please check your autoconf installation and the
$PHP_AUTOCONF environment variable. Then, rerun this script.

请安装 autoconf

1

brew install autoconfig

还记得在 14 年总结的时候提到过今年的规划，今天终于做下了这个决择，无论是否对错。

一直以来我总是徘徊在技术与管理之间，但是我觉得这里的“度”我把握的不是很好。最近在和朋友交流中，其实发现自己现在遇到了一些瓶颈，在管理方面，经验不是很丰富，在技术方面，虽然有一定的宽度，但是深度自己还是比较清楚的。因此今天我调整了一下个人的方向，具体如下：

• 关注管理动态，多看书，多学习，弱化管理权限
• 找准技术方向，深入了解与研究
• 建立良好的人脉圈，走出自我
• 提高自我修养和素养

近期在考虑团队建设以及前端小组的效率提升，故对前端开发过程中效率的提升做了个简单的总结，同时
也希望对前端新人有点帮助。

选择一个好的编辑器，并熟练使用她（他）

一个好的编辑器，至少应该具备：

• 语法高亮
• 括号匹配
• 能快速定位
  • 快速打开文件
  • 在文件中查找
  • 在文件夹中查找
  • 跳至某一行
• 能安装插件

推荐编辑器： SublimeText Hbuilder Intellij IDEA

能熟练使用一个前端调试工具

一个好的前端调试工具，应该具备：

• 网络请求数据查看
• 审查元素
• 打断点和断点调试
• 控制台打印 log

PC 端推荐调试工具： 谷歌浏览器（chrome） 火狐游览器（firefox） 苹果浏览器（safari）

移动端推荐调试工具： 谷歌浏览器（chrome） 苹果浏览器（safari） weinre UC 浏览器

良好的前端开发辅助环境

前端模板、初始化项目、组件依赖管理、工具集等

• Yeoman 项目脚手架
• Bower 依赖管理
• Grunt 前端构件工具
• node 前端工具开发和运行环境
• less css 预编译

文档规范

一个快速发展中的技术小组，应该具备：

• 需求文档（PM）
• 视觉规范（设计）
• 接口文档（开发）
• 代码规范（风格与全名等）

其他

当然还可以通过其他方式以及相关的组合来提升效率，例如：

svn、git、ruby、compass、yuicompress、coffeescript、代码片段、模板页面、bootstrap、前端常用插件

最后的最后，欢迎大家来补充~

快速调用 history 中的命令

• Ctrl+R 快速搜索 history
• Ctrl+P 显示上一条命令
• 快速执行一条 history 命令：!!/!-number

快速进入某些目录

• 键入 cd ～可直接进入用户的 home 目录；
• 键入 cd－可进入上一个目录。
• export CDPATH=.:~:/etc:/usr/local
• mkdir -p ///***/
• alias cd3=”cd ../../../“

一次运行多个命令

• 在一个命令行中还可以置入多个命令，用分号将各个命令隔开
• $last;exit
• $make && make install

命令行下快捷键

• Ctrl+a：把光标移到行首。
• Ctrl+e：把光标移到行尾。
• Ctrl+l：清除终端。该快捷操作与在命令行键入 clear 作用相同。
• Ctrl+d：从 Shell 提示中注销并关闭，使用该快捷键就不必键入 exit
• Ctrl+u：删除光标至行首的所有字符,使用这一快捷操作可以清除从光标处到行首的字符
• Ctrl+K：删除从光标到行末所有字符。
• Ctrl+t：新建屏幕。
• Alt+1 到 9：选择屏幕。
• Ctrl + F :向前移动一个字符。
• Ctrl + B :向后移动一个字符
• Alt + F : 向前移动一个单词。
• Alt + B : 向后移动一个单词。

在文件里查找

grep -rlI '\<main' .
find -type f -name *.java -exec grep -l '\<main' {} \;

快速的建立一个文件

cat >> filename ，输入一些内容然后按Ctrl-d结束输入。

将文本文件中 DOS 换行符号转化为 UNIX 的换行符号

tr -s "\r" "\n" <inputfile
tr -s "\r" "\n" <inputfile >outputfile

当然你使用 vim 编辑文件时，vim 也提供文件转换功能

// 整个文件大小写转换
tr a-z A-Z < **.txt
tr A-Z a-z < **.txt

Shell 脚本

• $0 为程序名称，$1 为第一个参数，$2 为第二个参数，依次类推，直到$9 为第九个参数。
• 特殊变量$#测试执行脚本时包含的命令行参数个数。
• 变量$*将命令行中提供的所有参数作为一个单词处理，它将多个参数看成 一个参数。
• 变量$@将命令行中提供的所有参数作为同一个字符串中的多个单词处理。
• shift 命令能够改变命令行参数的相对位置。默 认将每个参数变量左移一个位置
• 使用-t 指定一个计时器，计时数满还未输入，read 返回一个非 0 的退出状态。
• 使用-n 指定输入的字符个数，输入达到预定数目时，就自动结束输入
• 使用-s 使输入不显示在终端（例如输入密码）
• shell 调试 set -xv
• dstat & sar
• iostat, vmstat, ifstat 三合一的工具，用来查看系统性能。
• 官方网站：http://dag.wieers.com/rpm/packages/dstat/
• 你可以这样使用：
• alias dstat=’dstat -cdlmnpsy’

vim 命令

• 查找一个字符：fx
• 重复上次 find: ;
• 重复执行上次：.
• w 下一个单词开始字符
• e 下一个单词结束字符
• b 上一个单词开始字符
• H M L 目前屏幕的第一行,中间行，最后一行
• gg G 文件的第一行和最后一行
• 拷贝到指定寄存器：yt{标识符}
• Ctrl + r{register}调出寄存器的值
• 分割窗口：split vsplit
• 超级自动补全：ctrl-N
• 转到一个变量定义的位置: gd(文件) gD(全局)
• 快速查询命令 :K 2K
• 匹配花括号：%
• 选取标志符的内容：va{ vit vi{
• 修改标示符的内容：ci{标识符}
• 删除标志符的内容：di”
• 删除指定行前的内容：:10,20g/^$/d

原文来自：http://www.cnblogs.com/thinksasa/p/3507714.html