codingmeup

4、 富哥使用的postcss-flexible 及 其他的应用 ```js 'use strict'; var postcss = require('postcss') var valueRegExp = /(dpr|rem|url)\((.+?)(px)?\)/ var dprRegExp = /dpr\((\d+(?:\.\d+)?)px\)/ var urlRegExp = /url\(['"]?\S+?@[1-3]x\S+?['"]?\)/ module.exports = postcss.plugin('postcss-flexible', function (options) { if...

#### RN跨端路由的改造 1. 原来在一个native view上叠 多层前端页面（为啥要前端自己做路由 1，拓展生命周期， 2那时候没有比较好的路由库） 性能问题 底下如果有地图 2. 改为 1个页面 native生成一个rctView来做，提高体验 ，并且可支持跳转native页面，后续可配合拆包 和 发布平台 做动态下发 3. 改造的同时 类似水印这种复杂情况生成就下沉到 native去渲染 就不需要每个react页面去生成一个 ### RN link 原理 1, 去执行rnpm 且...

#### RN的回调以及线程模型小结 回调 1. JS 与 Native 间传递的是 callbackID； 2. callback 参数只能位于方法参数列表的最后面并且最多只能有2个； 3. RN 通过 callbackID 二进制的最后一位是0还是1，确定是 success 还是 fail； 4. 由于 JS callback function 无法直接传递给 Native，Native 侧会生成一个 block。 三个线程...

rax 相关 http://rax.alibaba-inc.com/ https://fed.taobao.org/blog/taofed/do71ct/why-rax/?spm=ata.13261165.0.0.4b0460d04Tjqkc https://zhuanlan.zhihu.com/p/100198414

--- Git项目使用规范二-后悔药 --- > 前提：项目中多成员同步代码时，由于理解及技术生疏等问题，会导致代码丢失或被合并，或被强制合并，这时候就需要对项目代码进行回滚 # 情况一：代码commit后发现错误 ``` # 这种情况比较简单，只要本地回滚，删除远程，再推送即可 # 回滚到指定代码 git reset --hard xxxx # 删除远程分支 git push origin :xxxx # 推送远程 git push origin xxxx ``` #...

--- Gerrit --- > 前提：工程院增加提高代码质量，需要所有项目迁移Gerrit，以便做CodeReview的管理，由于增加Gerrit后，之前Git项目管理方案并不适用，重新规范一份 [TOC] ### 一. 开发前 先开启项目的merge权限  如果无merge权限，后面用rebase替换 ``` // 本地git配置core.autocrlf，默认换行统一使用LF，不改变远程 git config --global core.autocrlf input // 提取远程项目数据 git checkout master git pull git branch feature/user_import...

PC浏览器前端优化策略PC端优化的策略很多，如 YSlow（YSlow 是 Yahoo 发布的一款 Firefox 插件，现 Chrome 也可安装，可以对网站的页面性能进行分析，提出对该页面性能优化的建议）原则，或者 Chrome 自带的 Audits 等，总结起来主要包括网络加载类、页面渲染类、CSS 优化类、JavaScript 执行类、缓存类、图片类、架构协议类等几类，下面逐一介绍。 ### 网络加载类 - 1．减少 HTTP 资源请求次数在前端页面中，通常建议尽可能合并静态资源图片、JavaScript 或 CSS 代码，减少页面请求数和资源请求消耗，这样可以缩短页面首次访问的用户等待时间。通过构建工具合并雪碧图、CSS、JavaScript 文件等都是为了减少 HTTP 资源请求次数。另外也要尽量避免重复的资源，防止增加多余请求。 - 2．减小 HTTP...

移动端浏览器前端优化策略相对于桌面端浏览器，移动端 Web 浏览器上有一些较为明显的特点：设备屏幕较小、新特性兼容性较好、支持一些较新的 HTML5 和 CSS3 特性、需要与 Native 应用交互等。但移动端浏览器可用的 CPU 计算资源和网络资源极为有限，因此要做好移动端 Web 上的优化往往需要做更多的事情。首先，在移动端 Web 的前端页面渲染中，桌面浏览器端上的优化规则同样适用，此外针对移动端也要做一些极致的优化来达到更好的效果。需要注意的是，并不是移动端的优化原则在桌面浏览器端就不适用，而是由于兼容性和差异性的原因，一些优化原则在移动端更具代表性。 ### 网络加载类 - 1．首屏数据请求提前，避免 JavaScript 文件加载后才请求数据为了进一步提升页面加载速度，可以考虑将页面的数据请求尽可能提前，避免在 JavaScript 加载完成后才去请求数据。通常数据请求是页面内容渲染中关键路径最长的部分，而且不能并行，所以如果能将数据请求提前，可以极大程度上缩短页面内容的渲染完成时间。 2．首屏加载和按需加载，非首屏内容滚屏加载，保证首屏内容最小化由于移动端网络速度相对较慢，网络资源有限，因此为了尽快完成页面内容的加载，需要保证首屏加载资源最小化，非首屏内容使用滚动的方式异步加载。一般推荐移动端页面首屏数据展示延时最长不超过3秒。目前中国联通 3G 的网络速度为 338KB/s（2.71Mb/s），所以推荐首屏所有资源大小不超过 1014KB，即大约不超过 1MB。 -...

#### [淘宝网优化](https://juejin.im/post/6844904173788479502)

### 深度遍历DFS 和 广度遍历BFS ```js a b c d e f g ``` 深度优先遍历 - 递归 ```js var dfs_recursive = function(root, res = []){ res.push(root) for (let item of root.children)...