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

2017 年 8 月：15 个有趣的 JS 和 CSS 库；巧用 db.system.js 提升20% 开发效率；使用webgl做跨平台的AR模型渲染；一个小时搭建一个全栈Web应用框架（下）——美化与功能；JavaScript 函数式编程术语大全；舒适的前端开发环境是怎样一种体验？；JS组件系列——再推荐一款好用的bootstrap-select组件，亲测还不错；深入理解 Node.js Stream 内部机制

2017 年 8 月：15 个有趣的 JS 和 CSS 库炎热的 7 月已经过去，秋天的脚步更近了。在本月，Tutorialzine 依旧为大家带来了一些有趣、实用的前端库，看看有哪些适合你的项目呢？ 1. Titanic 这是一组自带悬停动画的精致 SVG 图标。但与大多数 Web 图标不同之处在于 – 它的动画是基于 JS 的，需要你使用 bodymovin 库将动画效果导出为 SVG 格式…
巧用 db.system.js 提升20% 开发效率开门见山，20%是我造的，哈哈，为的就是让各位mongoer能够对db.system.js collection 引起注意。这个也是在我最近浏览InfoQ 的时候，看到一篇关于MongoDB 文章 1 的时候意识到的问题，随后和开发们沟通了下，结果是对这个collection 不是很了解，遂生此文。 system.js 先来看下官文给出的解释…
使用webgl做跨平台的AR模型渲染 AR引擎的运行的基本流程是由终端摄像头采集像素帧，传给识别跟踪算法处理，拿到姿态矩阵，然后由渲染引擎渲染出模型，并将姿态矩阵设置给模型，以让模型的位置紧贴在Marker图或者某个平面上。这个过程中有比较完备的平台比如Unity，可以完整处理从采集帧、处理帧、渲染模型的整个流程，甚至还有强大的跨全平台能力，…
一个小时搭建一个全栈Web应用框架（下）——美化与功能创建一个全栈Web应用——美化与功能翻译：疯狂的技术宅原文标题：Creating a full-stack web application with Python, NPM, Webpack and React — Beauty and Functionality 原文链接： https://codeburst.io/creating… 本文首发微信公众号：充实的脑洞。转载需注明出处！如果你遵循前面的教程中的步骤，…
JavaScript 函数式编程术语大全函数式编程(FP)有许多优点，它也越来越流行了。然而，每个编程范式都有自己独特的术语，函数式编程也不例外。通过提供的这张术语表，希望使你学习函数式编程变得容易些。示例以 JavaScript (ES2015) 方式呈现。 Why JavaScript? 这是一份 WIP ; 欢迎随时 PR 😉 在适用的情况下，本文档使用的术语定义在 …
舒适的前端开发环境是怎样一种体验？作者：Nicolas 本文为原创文章，转载请注明作者及出处去年一篇《在 2016 年学 JavaScript 是一种什么样的体验？》吓坏了很多想要入行新同学和入行很久的老司机，感觉一下子前端世界已经看不懂了，做个页面要那么麻烦？当然如果你只是想要一个简单的静态页面，这么玩儿就是杀鸡用牛刀了。但如果你准备开发一个 We…
JS组件系列——再推荐一款好用的bootstrap-select组件，亲测还不错
深入理解 Node.js Stream 内部机制相信很多人对 Node.js 的 Stream 已经不陌生了，不论是请求流、响应流、文件流还是 socket 流，这些流的底层都是使用 stream 模块封装的，甚至我们平时用的最多的 console.log 打印日志也使用了它，不信你打开 Node.js runtime 的源码，看看 lib/console.js ： function write(ignoreErrors, stream, stri…
前端小团队如何培养技术积累？引言前端是个挺特别的岗位，一方面它的技术栈更新几乎是软件开发领域中最快的，但另一方面它的不可替代性相对而言却并不算高。并且，虽然多数企业都有相对独立的前端团队，但团队多半都有不少业务负担，加上前端较高的迭代速度，一线业务同学的成长多少容易遇到些瓶颈：需求都做不完了，还有时间…
JavaScript 之银弹の技法 JavaScript 之银弹の技法下文这些淫巧在之前自认为是居家必备，装逼撩妹的必备之物，博主一直敝帚自珍，不愿拿出来分享，现如今，ES6+极尽能事，我知道再不拿出来就在没有价值了:cry: 来由博主入行前端写JavaScript时候，因为需要兼容IE低版本，时常需要在繁杂冗长的DOM操作夹杂的代码中，尽可能巧妙地…
基于 RxJs 的前端数据层实践近来前端社区有越来越多的人开始关注前端数据层的设计。DaoCloud 也遇到了这方面的问题。我们调研了很多种解决方案，最终采用 RxJs 来设计一套数据层。这一想法并非我们的首创，社区里已有很多前辈、大牛分享过关于用 RxJs 设计数据层的构想和实践。站在巨人的肩膀上，才能走得更远。因此我们也打算把我们的经验公布…
『翻译』深入理解Vue.js响应式原理作者从 Java 与 C# 中经典的 Getters/Setters 引入，讨论了 Vue.js 中从组件渲染函数、数据的 Getter、Setter 劫持、监听器的控制以及重渲染触发整个生命流程。原文链接： Understanding Vue.js Reactivity in Depth with Object.defineProperty() 引子本人是Java背景，许多年前刚接触JavaScript时有点怪怪的…
Vue 组件间的样式污染一、污染是如何产生的？得益于 Vue-loader，在 Vue 中可以使用类似于 Web Component 的组件化写法, ，在大多数情况下，我们希望组件间定义的样式是相互隔离的，在 Weex 当中的确如此，组件天生隔离，可是在 Vue 当中，…
15 个有趣的 JS 和 CSS 库（2017 年 8 月）炎热的 7 月已经过去，秋天的脚步更近了。在本月，Tutorialzine 依旧为大家带来了一些有趣、实用的前端库，看看有哪些适合你的项目呢？ 1.Titanic 这是一组自带悬停动画的精致 SVG 图标。但与大多数 Web 图标不同之处在于 – 它的动画是基于 JS 的，需要你使用 bodymovin 库将动…
React 控件，来啊，一起范特西 xReact 2.3.0 后加入了一个新功能，那就是一个新的类型 FantasyX。这个类型，会彻底改变编写前端控件的方式。如果接触过 PureScript 的同学，估计已经对一个叫 Flare的库有所了解，FantasyX 正是 Flare 在 xReact 的实现，但是不同的是，xReact 并没有把 UI 和逻辑揉到一起定义。只需一个例子 …
《JavaScript 立即执行函数表达式 ( IIFE ) 用例》最近，我写了一篇关于syntax of JavaScript’s IIFE pattern的文章来解释为什么用现在的方式来写立即执行函数表达式。少数读者批评文章过时了，都争论在ECMAScript 2015中介绍的块级作用域变量使IIFE变得过时了。（by 众成翻译）
#前端开发那些事#【浏览器同源策略与 Ajax 跨域方法汇总】详见：浏览器同源策略与ajax跨域方法汇总本文先简要介绍前端开发中的浏览器同源政策，随后在跨域问题中，具体介绍跨域 Ajax 请求的应用场景与实现方案。（作者：AlienZHOU）分享Web前端相关的技术文章、工具资源、学习心得以及笔记。小编会在12小时内审核通过，并与大家分享精选文章。小狮也会在微博【IT程序狮】上，推荐大家的文章。欢迎Web开发者们踊跃投稿哦。
#CSS#【css reset研究和项目常用样式总结】CSS Rest的来源写css代码的时候，首先拿到手的是先对总体进行reset，好的css重置能够给项目开发带来很大的方便和快捷的开发，同时方便后面接手的人。网络上的reset样式表有这…请戳→ #前端开发博客#
RxJS Observable 与 Promises 和 Async-Await 交互原文链接: medium.com/@benlesh/rx… 本文为 RxJS 中文社区翻译文章，如需转载，请注明出处，谢谢合作！如果你也想和我们一起，翻译更多优质的 RxJS 文章以奉献给大家，请点击【这里】不时地会有人问我关于如何与 RxJS 配合使用 async 函数或 promises，还有更糟的，我被…