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

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

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