Shen Chaoran

用技术改变世界

Web前端性能优化与测试定位方法

雅虎34条黄金准则工具 chrome: page speed firfox: YSlow 概念静态内容和动态内容静态：文件在后台会不会发生变化，优化大多数都是针对静态内容进行优化动态：CGI/JAVA/PHP/Python等程序动态生成的内容方法压缩文...

August 27, 2019

H5唤起app

三种协议 URL Scheme 安卓老版本和ios都支持格式： <scheme>://[authority]<path>[?query] scheme 为应用标识 authority 认证 path 路由 query 参数示例： weixin:...

July 31, 2019

持续集成与单元测试

July 19, 2019

Vue语法总结

构造函数 new Vue({ el: String, data: { [key: string]: any // view 中可以绑定的数据，相当于 angular 中的属性 }, methods: { ...

July 2, 2019

Mac os 命令

c安康nc# 查找端口占用 lsof 用默认用户（非root）登录终端，查看 88 端口占用情况，查不到，然后加 sudo 之后，就可以查到，因为 88 端口是被 root 占用的，所以普通用户查不到。用法： lsof -i:端口 lsof -i tcp:端口 (base)...

June 22, 2019

Mac 上的开发环境注意事项

和权限相关 npm install noda-sass 没有文件权限，加上 --unsafe-prem 参数

June 19, 2019

React 全家桶

Node Express/Koa Webpack React Redux Babel PostCSS Browsersync GraphQL artTemplate Mongoose

June 18, 2019

Word Wrap, word Break, white Space

white-space: 控制空白字符的显示，包括空格、换行符 word-break: 控制单词的拆分 word-wrap(overflow-wrap): 控制长度超过一行的单词的拆分

June 17, 2019

Git rebase

rebase 命令理解对一个分支做变基操作应用场景一：合并多次提交记录 rebase - git rebase -i <commitId>^ - git rebase -i HEAD~4: 从 HEAD 版本开始往过去数4个版本 - git rebase -i <sta...

June 17, 2019

React vs angular

组件嵌套消息传递： React：把 handleFunction 作为 prop 传给子组件 Angular：子组件 emit event 路由： React：xml/html 路由组件配置 Angu...

June 17, 2019