20170707 前端开发日报-前端开发博客

大话 Web 前端性能优化基本套路；vue项目加载第3方js优化；HTML5 CANVAS 弹幕插件（V3.0.0）；前端项目最佳实践；virtual-dom(Vue实现)简析；使用JavaScript进行基本图形操作与处理；使用 RxJS 处理多个 Http 请求；js继承的实现方法

大话 Web 前端性能优化基本套路前言前端性能优化这是一个老生常谈的话题，但是还是有很多人没有真正的重视起来，或者说还没有产生这种意识。当用户打开页面，首屏加载速度越慢，流失用户的概率就越大，在体验产品的时候性能和交互对用户的影响是最直接的，推广拉新是一门艺术，用户的留存是一门技术，拉进来留住用户，产品体验很关键…
vue项目加载第3方js优化项目写到最后需要优化的时候，发现有很多首屏用不到的第3方js都写在index.html里，严重拖慢的网页的加载速度，这里的第3方组件大多不能通过npm或其他模块安装，所以不能直接用vue里的异步组件，比如高德地图的jss…
HTML5 CANVAS 弹幕插件（V3.0.0）前言说实话，从第二版到现在又过了半年，本来以为可能不会写第三版的，顶多将第二版的代码重构下就可以了，没想到还是花了一个星期左右续写了第三版。主要是因为第二版中播放器模块和弹幕模块耦合得太严重了，…
前端项目最佳实践直译为项目指南，不过觉得叫最佳实践比较好些。涵盖了git flow，文档，测试，项目结构，代码分割，API设计等 —— 由shanyue分享
virtual-dom(Vue实现)简析virtual-dom(后文简称vdom)的概念大规模的推广还是得益于react出现，virtual-dom也是react这个框架的非常重要的特性之一。相比于频繁的手动去操作dom而带来性能问题，vdom很好的将dom做了一层映射关系，进而将在…
使用JavaScript进行基本图形操作与处理对图像数据接口、图像几何变换、图像傅里叶变换，有着深入的探讨 —— 由AnAn分享
使用 RxJS 处理多个 Http 请求有时候进入某个页面时，我们需要从多个 API 地址获取数据然后进行显示。管理多个异步数据请求会比较困难，但我们可以借助 Angular Http 服务和 RxJS 库提供的功能来实现上述的功能。处理多个请求有多种方式，使用…
js继承的实现方法1.使用new方法继承实现原理：在子类的构造函数中调用父类的构造函数。 {代码…} 2.使用call方法实现实现原理：使用call方法改变函数上下文this指向，使之传入具体的函数对象。 {代码…} 3.使用apply方法实现 …
React 状态管理库: MobxReact 是一个专注于视图层的库。React 维护了状态到视图的映射关系，开发者只需关心状态即可，由 React 来操控视图。在小型应用中，单独使用 React 是没什么问题的。但在复杂应用中，容易碰到一些状态管理方面的…
【jQuery】常用点包装 wrap() 包装 wrapAll() 整体包装 wrapInner() 内部包装 unwrap() 删除包装（不包括body） {代码…} 主动触发trigger {代码…} jQuery中的事件委托delegate {代码…} event对象属性 event.data 事件中的数…
奇舞周刊第 217 期：TC39，ECMAScript 和 JavaScript 的未来优雅地过完奇舞节愉快的周末就来啦，想想都开心呢，有木有？有。分享给大家我最近很喜欢的一句话：生活应该是美好而又温柔的~你也是~ —— 由文蔺分享
React-Redux技术栈——之redux-form详解React中没有类似Angular那样的双向数据绑定，在做一些表单复杂的后台类页面时，监听、赋值、传递、校验时编码相对复杂，满屏的样板代码伤痛欲绝，故引入可以解决这些问题的 redux-form (v6) 模块。本文大致翻译了…
前端面试之 CSS3 新特性除了 HTML5 的新特性，CSS3 的新特性也是面试中经常被问到的。 —— 由hieeyh分享
【7款顶级的开源Web分析软件】Web 分析无非就是 Web 流量的测量，但它并不限于测量网络流量。详见（来自： @开源中国）
#HTML#【关于form与表单提交操作的一切】如果一个表单里面有一个type=submit的button、或者type=submit的input，或者type=image的input，点击则会触发表单提交动作。如果没有给action加一个默认值，为空白的时候，…请戳→ #前端开发博客#
快来看看 Google 出品的 Protocol Buffer，别只会用 JSON 和 XML 了 – 来自掘金专栏作者 Carson_Ho，去阅读全文 [向右] 前言习惯用 Json、XML 数据存储格式的你们，相信大多都没听过Protocol Buffer Protocol Buffer 其实是 Google出品的一种轻量 & 高效的结构化数据存储格式，性能比 Json、XML 真的强！太！多！由于
Rollup.js 支持多入口的构建方案，用于多个 library 共存的情况，如工具库等 Rollup.js 支持多入口的构建方案，用于多个 library 共存的情况，如工具库等。 —— 由赵金添分享
前端职场软技能01期-前端江湖安身立命的三个基本点有些前端竞争力书上学不到，老师教不了，而我在这里带你一路奔跑。我是技术胖，一个10年IT经验的程序老兵。当你拿到offer，步入前端工作岗位时，也许大家有着对前端的向往，但可能也会有些好奇和害怕，就和我当年一样。其实现在回头看来，前端的职场有着很大的不同，初
Vue 直出内存泄露问题的追查实践近期，作者遇到了 Vue 直出内存泄露问题，并进行了追查，本文是对此次追查实践的回顾和总结。 —— 由前端之巅分享
《在 Vue.js 中使用Mixin》有一种很常见的情况：有两个非常相似的组件，他们的基本功能是一样的，但他们之间又存在着足够的差异性，此时的你就像是来到了一个分岔路口：我是把它拆分成两个不同的组件呢？（by 众成翻译）
《为什么在 JavaScript 中使用 getter 和 setter 是一个坏主意》如你所知，getter和setter已经成为了JavaScript的一部分。它们广泛支持所有的主流浏览器，甚至是IE8。我不认为这个点子通常是错误的，但我认为它不是非常适合JavaScript。（by 码农网 – 小峰）