-
React开发
React有Facebook内部项目而来,意在确定一套团队之间的开发规范,之后在2013年5月开源。之前团队一直在使用Vue.js,近期有了空挡,同时考虑到以后有移动端开发的需求,使用React-Native,于是从React入手,撸一把,以下纯属个人理解,如有欠妥的地方请指正。
-
Babel
Babel是一个语法转码器,意在将ES6代码转为浏览器广泛支持的ES5代码。
\注意,Babel只做语法的转化,比如箭头函数的转换,并不提供*API的支持,如果需要提高兼容性,还需要其他模块插件支持。
-
webpack基础配置(一)
-
Content-Security-Poliy
在做chrome插件开发的时候,接触的这个概念,内容安全策略。通过白名单的方式,控制页面中哪些资源可以正常执行,哪些不可以,从而减少XSS的攻击。
-
Nodejs中stream操作
第一次接触Nodejs中的流(stream),是因为使用gulp做项目构建的时候。Node中有两种缓存的处理方式,一种接收全部数据,一次性从缓存读取;另一种是采用“stream”的方式,一边接受数据,一边处理。第一种方式就是传统的文件操作方式,容易理解,但遇到大文件的时候就变得不那么友好了,需要花费很长时间等待数据接收,之后再进行操作。Nodejs中的流是EventEmitter的一个实例,没收到一部分数据就触发一个事件,通过监听事件对数据进行处理,提高了效率。
-
浏览器渲染机制
以webKit为例,自己参考了一些资料以及结合自己的测试,对浏览器的渲染过程做了一点功课。这是一个复杂的过程,自己了解的也只是一个大概过程,记录下来,留着以后慢慢体会。
-
扁平设计与质感设计
这两个概念更应该是设计师关注的,但作为一名前端攻城狮还是需要了解一下,页面富有变化也是我们所追求的。质感设计可以说是在扁平设计的基础上衍生出来的,个人认为没有谁比谁好,各有各自的特点,根据业务、功能的不同,谁更合适或许更准确。
-
JavaScript设计模式——代理模式
代理模式的定义:为一个对象创建一个替代品,提供全部特性和部分特性,实现访问控制。显示中比方说火车站和火车票代售点的关系。
-
各种DOM宽高和鼠标的位置的计算
工作中有实现拖拽的需求,会涉及到DOM的宽高计算和鼠标的位置的确定,记录一下他们的不同,别给忘了。
-
JavaScript设计模式——单例模式
单例模式的定义:一个类只能创建一个实体对象。可能遇到的场景线程池的创建,全局缓存的创建等等。