好记性不如烂笔头

总结： React Component Render -> JSX -> React.createElement -> Virtual DOM -> DOM JSX -> React Element一个基本的JSX语法：123456789render() { return ( <div className="page" ref= ...

Dan在今年JSConf的会议上提到React未来的两大特性：Time Slicing(时间分片) 和 Suspense(渲染暂停)。本文是根据Dan的ppt整理翻译。 背景影响页面用户体验的两大因素分别是CPU计算和I/O能力。前者影响DOM元素的创建和更新，后者影响数据的获取和代码的加载。Time Slicing 和 Suspense 分别是React在这两方面的尝试。 Time Slicin ...

加密方式对称加密算法：加密和解密使用的密钥相同，适合经常发送数据的场合。优点：加解密速度都很快。缺点：密钥传输麻烦，如果泄漏密钥则报文会被破解。如AES。 非对称加密算法：加密和解密使用的密钥不同，适合偶尔发送数据的场合。优点：密钥传输方便。缺点：加解密速度较慢。实现上常常通过构造数学难题来实现，比如大数计算等，所以慢。如RSA。 https如何加密原理介绍采用对称加密+非对称加密混合的方法。先采 ...

为了保障线上服务的可靠运行，我们经常需要在前端侧做一些监控，当出现问题的时候可以及时发现，尽早修复，避免造成更大的损失。从监控目的来讲，我认为可以分为两块，一块是业务监控(监控业务指标，比如用户访问量，点击率等)，一块是异常监控(如脚本执行异常等等)。 今天只谈下脚本异常监控。既然代码是人写的，就难免会出现bug。问题是如何减少甚至避免这种情况，当出现问题时能够及时发现，降低损失。前端一直没有一个 ...

Router4bundle-loaderRouter4移除了getComponent，改用bundle-loader实现，其核心实现仍然是require.ensure123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 ...

前言用户通过访问不同的url，获得不同的页面展示。很长一段时间这部分工作都是后端MVC来做的。后端通过配置不同的controller从而决定不同url应该展示不同的view。 无论是传统的MVC模式还是方兴未艾的前端SPA模式，路由设计的目的只有一个，即保证url和视图的同步。 网上有很多文章讲了spa，以及相关路由的问题。这些基础科学我就不写了，主要谈下我对前端路由设计的认识。 前端路由是一个状 ...

看到一篇文章，发现评论里有人说es6的展开运算符是深拷贝，于是我在chrome控制台(v64.0.3282.140)上做了个测试。 1234567var cat = { parent: { age: 3 } };var cat1 = {...cat};cat === cat1; // false, 从这儿看指向内存的地址不同，似乎是深 ...

2017年就要过去了，总结下自己一年来的工作。总的来说还是收获满满，切换到react和node模式，做了一些有价值和成就感的事情，参加部门答辩并获得了认可。新的一年要加强技术深度，2018继续加油！ 客户端大搜落地页重构去哪儿客户端大搜落地页重构，使用react技术栈取代了原先的zepto开发方式 内部系统搭建dsp广告系统, 蓝皮系统开发技术栈：node + angtdesign 一些其他内部系 ...

痛点传统开发模式：模板文件放在后端工程目录下，通过pom文件实现前端资源关联。 1.前后端在view层工作重复，前后端严重依赖vm文件2.前端依赖后端开发环境，mock数据停留在页面级别3.传统的客户端ajax异步请求数据，页面有明显loading时间4.前端无法有效推动后端工作 node如何解决痛点？1.view层彻底交给前端，后端只需要专注于复杂业务逻辑，提供数据2.node做中间层，摆脱对后 ...

cluster模块 = net + child_process 组合应用 进程管理最初的node多进程模型/抢占式： 发送fd给所有worker: master通过执行cluster.fork()，fork出多个worker进程，worker执行listen()。进程间通过传递文件描述符fd完成通信，由于多个worker间存在竞争问题导致惊群现象。 改进/Round-Robin： 不直接将fd分发 ...