20170707 前端开发日报

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

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20170707 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170707.html)

发表评论

请登录后发表评论: