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

gulp 4.0正式发布!功成身退的最后一个版本(核心开发团队的人都走的差不多了)；7款超炫酷的jQuery/HTML5应用搜罗；使用 Node.js 来开发一个资讯爬虫；给初学者：JavaScript 的常见注意点；深入理解React源码 – 首次渲染 III；基于 Redis 的 Pub/Sub 实现 Websocket 推送；对Promise增加统一操作扩展；webpack对样式的处理

gulp 4.0正式发布!功成身退的最后一个版本(核心开发团队的人都走的差不多了) v3.9.1是2016.2月发布的,到现在快2两年了..我曾经一度以为4难产(虽然可用-之前在开发分支)…或许有挺多人说基本不用这个用webpack,但是还是挺多人在用的..据说大厂内都是 webpack+gulp(各施其职),单纯 webpack编译太久
7款超炫酷的jQuery/HTML5应用搜罗作为前端开发者，我们肯定都使用过非常多的jQuery插件，毋庸置疑，jQuery非常流行，尤其是结合HTML5和CSS3以后，让这些jQuery插件有了更多地动画效果，更为绚丽多彩。下面分享了一些超炫酷的jQuery/HTML5应用，一起来看看。 1、HTML5/CSS3一组可爱的3D按钮这是一款利用HTML5和CSS3制作而成的按钮组合，这款CSS按钮…
使用 Node.js 来开发一个资讯爬虫最近项目需要一些资讯，因为项目是用 Node.js 来写的，所以就自然地用 Node.js 来写爬虫了项目地址： github.com/mrtanweijie… ，项目里面爬取了 Readhub 、开源中国、开发者头条、 36Kr 这几个网站的资讯内容，暂时没有对多页面进行处理，因为每天爬虫都会跑一次，现在每次获取到最新的…
给初学者：JavaScript 的常见注意点上篇说了一些 JS 中数组操作的常见误区，这次来总结一下初学者常见的其他易错点。写立即执行函数时前置 void 立即执行函数（IIFE）在 JS 非常常用，作用就是构造一个函数级的变量作用域。常见的写法如下： (function () { // code })(); 这样写可能会被 JS 理解成为一个函数调用 var a = 1 (function () { …
深入理解React源码 – 首次渲染 III Photo by Matt Kochar on Unsplash 本文同时发表在HACKERNOON 上次我们走完了平台无关的逻辑流程（表层）。简单来说，这个过程把ReactElement 封装进ReactCompositeComponen
基于 Redis 的 Pub/Sub 实现 Websocket 推送背景微信小程序的生态越来越完善，而在技术上，小程序目前只支持两种通信协议：HTTPS 和 WebSocket，所以在需要使用双工通信的时候，除了 WebSocket 也没有别的选择。最近恰好有个这样的需求，所以我也花了点时间研究了一下。项目上实现的目标就是小程序和服务器建立 WebSocket 建立连接，在服务端收到来自于第三…
对Promise增加统一操作扩展在ES6里，增加了 Promise 方法。而 Promise 的回调函数只有 then 和 catch 两种方法。而后，Promise又添加了两种附加方法，当然需要自己去添加进去。一个是 done 方法: http://es6.ruanyifeng.com/#docs/promise#done 一个是 finally 方…
webpack对样式的处理首先，我们可以引入css-loader和style-loader来处理css的解析，其中，css-loader是用来解析css文件，style-loader是用来将css文件嵌入到js文件里 var path = require(‘path’) module.exports = { context: path.join(__dirname, ‘src’) entry: ‘./’, module: { rules: [ { test: /.css$/, …
针对 Vue 框架中 MVVM 原理的初探并且在具体的项目中实践多年互联网行业经验，对HTML5，node端，前端框架，构建工具有浓厚的兴趣，目前担任专车前端组的技术负责人 1，为什么要用 vue 大前端目前已经到一个空前的繁荣阶段，各种框架类库层出不穷，我想每选择一个框架，肯定都能找到高度同质化的两到三个框架。那么在目前 mvvm 盛行的前端架构…
rxjs 原理解析我又要先上图了：原文地址(english, 需翻墙) 通过构造一个Observable来学习Observable 很多时候大家都在问我”hot” 和 “cold” observables的区别到底是啥？，或者是一个observable到底是单播还是多播？。人们对于’Rx.Observable‘的内部工作原理似乎是非常迷惑的。当被问到如何描述一…
展望 2018 音视频技术：AV1、AI、区块链、WebRTC 编者按：音视频技术的历史可能要追溯到19世纪末——特斯拉与爱迪生的伟大时代。直到今天，他们的发明依然伴随我们生活的每时每刻。2018年音视频技术将有哪些突破？来自学霸君的资深架构师袁荣喜从编解码器、客户端、传输网络、动态缓冲区以及媒体处理技术几个方面解析实时音视频技术。展望2018，区块链、AI、WebRTC、AV1将…
教你如何结合 WebRTC 与 TensorFlow 实现图像检测（上）原文作者：Chad Hart 原文地址：Computer Vision on the Web with WebRTC and TensorFlow – webrtcHacks 摘要：本文作者介绍了结合WebRTC与TensorFlow实现图像检测的具体过程，不论对于TensorFlow的使用者，还是WebRTC的开发者来讲都有参考意义。由于文章较长，我们将分为上下篇进行连载。 TensorFlow是目前…
《8 个帮助你编写可维护、精简化前端代码的 CSS 策略》写基本的 CSS 和 HTML 是入门 Web 开发首先需要学习的事情之一。然而我遇到的很多程序显然没有真正的花时间去考虑前端开发的长期性和可维护性。（by 开源中国）
mobx 太重？redux 全家桶？或许你可以试下 redux-zero-x A lightweight state container inspired by redux-zero and make usage like mobx Table of Contents Installation Usage Example Action Async Middleware Installation npm install redux-zero-x Usage use decor…
【20180107 前端开发日报】Three.js 写一个跳一跳极简版游戏；简易 Vue 评论框架的实现————父组件的实现；用 Node.js 写一个跳一跳外挂；JavaScript 自动化爬虫入门指北（Chrome + Puppeteer + Node JS）：和 Headless Chrome 一起装逼一起飞；…详情→