20170901 前端开发日报

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

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

  17. #CSS#【css reset研究和项目常用样式总结】CSS Rest的来源写css代码的时候,首先拿到手的是先对总体进行reset,好的css重置能够给项目开发带来很大的方便和快捷的开发,同时方便后面接手的人。网络上的reset样式表有这...请戳→ #前端开发博客# ​​​
    css reset研究和项目常用样式总结
  18. RxJS Observable 与 Promises 和 Async-Await 交互 原文链接: medium.com/@benlesh/rx… 本文为 RxJS 中文社区 翻译文章,如需转载,请注明出处,谢谢合作! 如果你也想和我们一起,翻译更多优质的 RxJS 文章以奉献给大家,请点击 【这里】 不时地会有人问我关于如何与 RxJS 配合使用 async 函数或 promises,还有更糟的,我被...

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

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

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