20170928 前端开发日报

如何管理好10万行代码的前端单页面应用;Vant – 高效的 Vue 组件库,再造一个有赞移动商城也不在话下;vue.js与其他前端框架的对比;React v16.0 发布,许可证更换为 MIT;从Facebook的React框架事件学习一下开源协议;JS对象的深浅复制;考拉升级https经验;前端高性能计算之二:asm.js & webassembly

  1. 如何管理好10万行代码的前端单页面应用 作者简介 导演 蚂蚁金服数据前端 蚂蚁金服数据平台前端团队主要负责多个数据相关的PC web单页面应用程序,业务复杂度类比Excel等桌面应用,业务前端代码量在几万行~几十万行,随着产品不断完善,破百万指日可待。管理好10万行级甚至百万行级代码的前端应用,是
  2. Vant - 高效的 Vue 组件库,再造一个有赞移动商城也不在话下 Vant ( ˈvænt ) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业务中。我们
  3. React v16.0 发布,许可证更换为 MIT We're excited to announce the release of React v16.0! Among the changes are some long-standing feature requests, including fragmen We're excited to announce the release of React v16.0! Among the changes are some long-standing feature requests, including fragmen
  4. 从Facebook的React框架事件学习一下开源协议 前言 前一阵子由于Facebook BSD+PATENTS License的原因,Apache项目禁止使用带该license的代码,引人注目的就是Facebook的React前端框架。后来在知乎上看到百度内部也要求在半年内完成内部产品的转型,如下图所示。最近又
  5. JS对象的深浅复制 浅复制 关于js对象的深浅复制,先来一段代码 //对象浅复制 function shadowCopy(obj){ if(typeof obj !== 'object') return ; var newObj; if(obj.const
  6. 考拉升级https经验 一、为什么要升级https 保护用户数据传输过程中的安全。 运营商网络劫持问题越来越严重,各种广告插入、强制跳App下载等手段严重影响用户体验,如果有违法内容或者用户被骗,还会牵连到考拉。 Apple要求ios平台App在2017.1.1开始强制启用http
  7. 前端高性能计算之二:asm.js & webassembly 前一篇我们说了要解决高性能计算的两个方法,一个是并发用WebWorkers,另一个就是用更底层的静态语言。 2012年,Mozilla的工程师Alon Zakai在研究LLVM编译器时突发奇想:能不能把C/C++编译成Javascript,并且尽量达到Native代码的速度呢?于是他开发了Emscripten编译器,用于将C/C++代码编译成Javascript的一个...
  8. 网站代码中暗藏JS挖矿机脚本 挖矿机这个名字相信大家已经越来越熟悉,但网页版的挖矿机大家有没有见过呢?近日360互联网安全中心就发现了这样一款以JavaScript脚本形式存在于网页中的挖矿机。 该脚本代码被嵌入了一个叫做“万方科技学院内网代理系统”的网站中,一旦用户打开该网站,浏览器便会按照脚本的指令变成一个门罗币挖矿机。这一行为,完全没... 挖矿机这个名字相信大家已经越来越熟悉,但网页版的挖矿机大家有没有见过呢?近日360互联网安全中心就发现了这样一款以JavaScript脚本形式存在于网页中的挖矿机。 该脚本代码被嵌入了一个叫做“万方科技学院内网代理系统”的网站中,一旦用户打开该网站,浏览器便会按照脚本的指令变成一个门罗币挖矿机。这一行为,完全没...
  9. vue生产项目链接--上线项目大集合 昨天闲来无事,便从网上搜集了一下使用vue的生产环境的项目,我先声明我不是vue、react、angular等框架的粉丝阵营,只是我们自己用vue做了一个项目,做完以后想找一些参考,看看大家是怎么实现的,所以才搜集了一下关于vue的生产项目,也希望大家把自己的
  10. vue中eventbus被多次触发(vue中使用eventbus踩过的坑) 一开始的需求是这样子的,我为了实现两个页面组件之间的数据传递,假设我有页面A,点击页面A上的某一个按钮之后,页面会自动跳转到页面B,同时我希望将页面A上的某一些参数携带过去给页面B。(我知道,小参数的时候可以通过路由的params或者query去传参数,或者大
  11. 这可能是史上最棒的JS入门书】推荐好书一本!详见 ​​​
    这可能是史上最棒的JS入门书
  12. JavaScript是如何工作的:内存管理 + 如何处理4个常见的内存泄漏(译) 前言:这篇文章的主要内容由翻译而来,原文链接。但是大体内容与原文不尽相同,删除了一些内容,同时新增部分内容。由于本文大部分内容是翻译而来,若有理解不当之处还望谅解并指出,我会尽快进行修改。(内心:如果有什么不对的地方还希望大家指出,反正我也不会改 。玩笑话玩笑话 别当真!) 概述 在一些语言中... 前言:这篇文章的主要内容由翻译而来,原文链接。但是大体内容与原文不尽相同,删除了一些内容,同时新增部分内容。由于本文大部分内容是翻译而来,若有理解不当之处还望谅解并指出,我会尽快进行修改。(内心:如果有什么不对的地方还希望大家指出,反正我也不会改 。玩笑话玩笑话 别当真!) 概述 在一些语言中...
  13. Vue 2.0学习笔记:v-model 通过前面的学习,我们可以顺利的在Vue中将数据源渲染到HTML的DOM元素中,但很多时候我们希望能控制数据源。也就是数据绑定,并且与其通讯。简单的说,怎么在Vue中实现数据的双向绑定。这种场景一般都是在表单的操作情景中。在Vue中可以使用 v-model 的指令来实现。不过这篇文章我们只是来学习 v-model 指令的使用,但不...
  14. React 16.0.0 发布,去除专利条款,改用 MIT 许可证 React 16.0.0 发布,去除专利条款,改用 MIT 许可证 两味真火 发布于2017年09月27日 收藏 4 腾讯云-1小时搭建人工智能应用,让技术更容易入门>>>   我们
  15. 基于 RequireJS 的跨项目共用前端组件方案 基于 RequireJS 的跨项目共用前端组件(模块)方案 另外也可以 换成基于 seajs 3.x 的方案 背景 前端项目较多, 有跨项目共用组件的需求 希望有一套可以在各个项目中使用的公共组件(模块), 统一实现避免重复造轮子 公共组件统一维护 统一引用 于是我们可以选择将公共组件从各个项目中抽离出...
  16. 从搭建工程讲到CSS Modules 背景 这周的主要的工作就是搭建新工程的架子,项目基于vue-cli构建。基本的功能在脚手架里都已经具备,但是还是需要针对具体的业务场景来做一些定制。 mock 以现在前后端分离的开发模式来讲,一个正常的开发流程大概是这样: 这样前端可以不用等后端接口完全写完才
  17. MongooseJS 4.11.13发布,MongoDB 连接包 MongooseJS 4.11.13 已发布,MongooseJS 是使用 JavaScript 编程,连接 MongoDB 数据库的软件包,使 MongoDB 的文档数据模型变的优雅起来,方便对 MongoDB 文档型数据库的连接和增删改查等常规数据操作。 更新内容: fix(query): correctly run replaceOne with update validators #5665 s... MongooseJS 4.11.13 已发布,MongooseJS 是使用 JavaScript 编程,连接 MongoDB 数据库的软件包,使 MongoDB 的文档数据模型变的优雅起来,方便对 MongoDB 文档型数据库的连接和增删改查等常规数据操作。 更新内容: fix(query): correctly run replaceOne with update validators #5665 s...
  18. 用25行JavaScript语句实现一个简单的编译器 点击上方“ CSDN ”,选择“置顶公众号”
  19. RxJS Observable:一个奇特的函数 前言 RxJS 的 Observable 有点难理解,其实 RxJS 相关的概念都有点难理解。毕竟 RxJS 引入了响应式编程这种新的模式,会不习惯是正常的。不过总得去理解嘛,而认识新的事物时,如果能够参照一个合适的已知事物比对着,会比较容易理解吧。对于 Observable,类比 JS 中的函数,还是比较好的。 开始 封装 先来看一个普通函... 前言 RxJS 的 Observable 有点难理解,其实 RxJS 相关的概念都有点难理解。毕竟 RxJS 引入了响应式编程这种新的模式,会不习惯是正常的。不过总得去理解嘛,而认识新的事物时,如果能够参照一个合适的已知事物比对着,会比较容易理解吧。对于 Observable,类比 JS 中的函数,还是比较好的。 开始 封装 先来看一个普通函... 前言 RxJS 的 Observable 有点难理解,其实 RxJS 相关的概念都有点难理解。毕竟 RxJS 引入了响应式编程这种新的模式,会不习惯是正常的。不过总得去理解嘛,而认识新的事物时,如果能够参照一个合适的已知事物比对着,会比较容易理解吧。对于 Observable,类比 JS 中的函数,还是比较好的。 开始 封装 先来看一个普通函...
  20. ReactNative之拆分Bundle实践总结 1.背景 广发手机证劵App计划在6.4版本中支持ReactNative。首页,必答等多个业务模块计划用RN替换H5实现。 因上述业务均由手机证劵外的其他小团队各自负责,故为了后续控制apk的包大小,以及提升R
  21. Vue.js源码——事件机制 写在前面 因为对Vue.js很感兴趣,而且平时工作的技术栈也是Vue.js,这几个月花了些时间研究学习了一下Vue.js源码,并做了总结与输出。 文章的原地址: github.com/answershuto… 。 在学习过程中,为Vue加上了中文的注释 github.com/answershuto… ,希望可以对其他想学习Vue源码的小伙伴有所帮助。 可能会有...
  22. keep-loader for webpack keep-loader用于在不同的打包环境下需要生成不同的代码的场景,就像C/C++中的宏特性一样。提供了一种在源码中控制打包阶段生成不同代码的能力。 English document: github.com/wendux/keep… Chinese document: github.com/wendux/keep… 使用 安装 keep-loader npm install ke...
  23. js数组API--温故知新 一 、concat concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 arrayObject.concat(arrayX,arrayX,......,arrayX) 返回值 返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组,那么添... 一 、concat concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 arrayObject.concat(arrayX,arrayX,......,arrayX) 返回值 返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组,那么添...
  24. 写给前端看的架构文章(1):MVC VS Flux 前言 在学习React.js的过程中,曾经最让我苦恼的事情是,我需要给自己一个使用这个框架的理由。因为随着学习经验的和工作经验的增长,你会发现类似的技术总是会此消彼长的出现,如果这只是另一个轮子怎么办?加之学习的
  25. 超级快的 JavaScript 解析器,可用于生产环境 Cherow is a very fast, standard-compliant ECMAScript parser written in ECMAScript. It strictly fol
  26. React v16.0 如期来了,遵循 MIT 许可》今天 FB 工程师 Andrew Clark 在 React 官方主页发文宣布 React 16 新版发布,并介绍了新版本中的改进。 (React 许可事件后,你们还会用么?) ​​​
    React v16.0 如期来了,遵循 MIT 许可

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

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

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