摘要:
缘由 为什么要对commit进行规范化,每一次commit msg写啥,又不会影响我的代码运行? 确实,Commit的频率和信息多少,并不会影响你代码的执行,但是当你遇到需要上线分支中的一部分功能,想要cherry-pick的时候,就会很难受,commit msg清一色都是update xxx,也不 阅读全文
摘要:
公司目前有很多后台管理系统,目前代码量都越来越大,在开发的过程中,我们也秉承着提取公共组件,通过复用组件来减少开发工作量,随着公共组件数量的增加,新同事想要快速了解公共组件如何使用,需要到具体的业务页面中去看,这样子学习组件的成本太大,于是就想给每个组件提供一个文档,来解释组件如何使用。 恰巧之前有 阅读全文
摘要:
序言 随着用户量越来越多,业务方关于用户体验的要求也在不断提高,首屏渲染时间就成为了一个提高用户体验的指标,减少用户等待的时间,在一定程度上就会提高用户的留存。 页面加载渲染是怎样的一个过程 参考自Chrome的First Paint Send Request:表示给这个外链对应的服务器发送请求 R 阅读全文
摘要:
最近在用BetterScroll实现一个功能的时候,在滚动区域中会有一个绝对定位的按钮,结果在IOS中出现了快速滚动,停止的时候,会先消失后显现的问题,所以查找了相关的文章,发现是transition的问题,下面是转发的一篇介绍该问题的文章,作为记录,仅供参考。 作者:饶总真坏链接:https:// 阅读全文
摘要:
根据使用React的版本,选择合适的方法。 字符串模式 :废弃不建议使用 回调函数,React版本 < 16.3 React.createRef() :React版本 >= 16.3 回调函数 特点 可以优雅在组件销毁时回收变量。每次组件重新渲染的时候,行内函数都会执行两次,第一次的ele的值为空, 阅读全文
摘要:
最近,遇到复杂h5页面开发,为了优化H5首屏加载速度,想到使用按需加载的方式,减少首次加载的JavaScript文件体积,于是将处理过程在这里记录一下,涉及到的主要是以下三点: 使用Webpack如何做按需加载 filename和chunkFilename的区别 如何命名chunk的名称(webpa 阅读全文
摘要:
需求 随着Nodejs的普及,前端开发的开发场景基本可以贯穿界面交互到数据存储,无缝实现全栈开发。最近在实现一个内部项目管理工具的时候,就尝试了一把接口和数据库开发。 什么是Egg.js Egg.js是阿里开源的一套Nodejs开发框架。Egg.js官网的介绍是: Egg.js 为企业级框架和应用而 阅读全文
摘要:
多人参与项目开发的时候,经常会遇到代码格式化不一致,在提交的时候出现很多冲突的情况。其中换行符冲突就是一种,在不同的系统平台上是不一样的。UNIX/Linux 使用的是 0x0A(LF),早期的 Mac OS 使用的是 0x0D(CR),后来的 OS X 在更换内核后与 UNIX 保持一致了。但 DOS/Windows 一直使用 0x0D0A(CRLF) 作为换行符。所以会出现使用mac的开发者修改的代码中是lf换行,windows用户使用的crlf换行符,总是互相影响。还有一个原因是,git默认配置了autocrlf为true,也就是说默认所有代码都会被提交成了crlf,但是如果不同开发者自己配置的autocrlf配置不一致(比如,input或者false),就会出现总是互相覆盖的情况。 阅读全文
摘要:
Tampermonkey来改造你浏览的网页,获得更好的上网体验 阅读全文
摘要:
工具 Chrome浏览器 TamperMonkey ReRes Chrome浏览器 chrome浏览器是目前最受欢迎的浏览器,没有之一,它兼容大部分的w3c标准和ecma标准,对于前端工程师在开发过程中提供了devtools和插件等工具,非常方便使用。在爬取数据的过程中,最常用的应该是开发工具中的E 阅读全文