20170725 前端开发日报

nuxt js 利用nginx反向代理如何优雅的部署；使用ES6新特性实现简单的MVVM（1）–数据驱动；《看漫画，学 Redux》 —— A cartoon intro to Redux；关于Vue.js2.0生命周期的研究与理解；vuejs + ts + webpack2 框架的项目实践；基于 WebRTC 技术的实时通信服务开发实践；八段代码彻底掌握Promise；JavaScript 的 同步，异步，Event-Loop，线程

1. nuxt js 利用nginx反向代理如何优雅的部署准备环境 使用的是nuxt-express模板 在Linux 选的是Ubuntu系统 安装vue cli {代码…} 下载项目 {代码…} 部署方式： 第一步先构建 {代码…} 第二步启动 {代码…} 此时是映射到127.0.0.1:3000 此时去访问主机…
2. 使用ES6新特性实现简单的MVVM（1）–数据驱动 尝试使用es6新特性，自己来实现一个mvvm及vue的各种特性。相关代码放在github，会持续更新，欢迎赏个star。本篇文章为系列文章的第一篇，会比较容易理解，后续会持续更新后面的记录。文章首发于本人博客
3. 《看漫画，学 Redux》 —— A cartoon intro to Redux 原文：A cartoon intro to redux 译文：《看漫画，学 Redux》 —— A cartoon intro to Redux 译者：jasonslyvia
4. 关于Vue.js2.0生命周期的研究与理解写在前面：进行一些项目实践的时候，总会涉及到关于生命周期钩子或多或少的使用。因此觉得有必要单独梳理一下相关的知识点，如有理解错误的地方恳请告知修改。 总体感知 首先贴一张Vue文档给出的生命周期图示，并…
5. vuejs + ts + webpack2 框架的项目实践 作者简介：王鹤，高级前端工程师，隶属于腾讯SNG增值产品部。主要负责QQ个性化业务的功能开发及技术优化。目前专注于框架的研究，致力于提升效能，解放生产力。 一、框架的选型 没有什么框架是全能的，都有其适用场景。我们的最初的定位一定要围绕我们的业务来选择。我们个性化业务是基于移动端…
6. 基于 WebRTC 技术的实时通信服务开发实践作者：刘博随着直播的发展，直播实时互动性变得日益重要。又拍云在 WebRTC 的基础上，凭借多年的开发经验，结合当下实际情况，开发 UPRTC 系统，解决了网络延时、并发量大、客户端解码能力差等问题。 WebRTC 的前…
7. 八段代码彻底掌握Promise 1.Promise的立即执行性 var p = new Promise(function(resolve, reject){ console.log(“create a promise”); resolve(“success”); }); conso
8. JavaScript 的 同步，异步，Event-Loop，线程 JavaScript的单线程 JavaScript是一个单线程语言,浏览器只会分配一个线程给js用于执行同步代码。但是由于以下原因所以将JavaScript设计为单线程。 假设两个JS线程同时操作DOM或者争夺唯一性资源,那么浏览器需要引入锁的概念来决定这两个
9. 2017-07-25 前端日报2017-07-25 前端日报 精选 SSR 三思而后行想提高团队技术，来试试这个套路！如何开发一个 Atom 插件ES6学习笔记：块级作用域绑定【译文】详解VUE2.4.0带来的4个重大变化Simple Server Side Rendering, Routing, a…
10. JS的平凡之路–学习人气眼中的效果（上） 最近看了看人气眼的界面，感觉到学习的地方有很多呀。这里先带大家看看人气值跳动的实现。本篇代码基于Vue2.x.x。 一、概要   首先看一下效果图： 人气值动画   要想实现上面的效果，我们分为这几个部分： 判断元素
11. Vue 折腾记 – (7) 写一个挺不靠谱的Vue-Echarts组件 前言 上基友社区看了下,发现对echarts的封装都是打包进去的…想想就还是算了..图表这货.说实在的,若不是整个系统大量用到,打包进去没必要… CDN是个好东西,我们完全可以写一个异步加载JS然后封装按需调用… 至于你能学到什么,见仁见智了…
12. preact源码学习（1）preact是目前最小的react兼容库了，因此学习它对提升anujs有很大的帮助。 preact的一些模块非常简单。 {代码…} 一句话一个模块，其实这个在preact-compat 会被扩展原型。 {代码…} 有关异步的内容可以看我的书…
13. 面向未来的 API：GitHub GraphQL API 使用介绍 本文根据GitHub开发者文档，整理翻译了GitHub GraphQL API的使用方法，你可以了解到GraphQL的基本概念、GitHub GraphQL API的使用，两个实际的使用案例，以及使用Explorer查询GitHub GraphQL API 今年5月22日，GitHub发文宣布，去年推出的GitHub GraphQL API已经正式可用（production-ready），并推荐集成商在G…
14. 基于机器学习的 Webshell 发现技术探索 本文来自作者：兜哥 在 GitChat 上精彩分享，「阅读原文」看看大家与作者交流了哪些问题 WebShell 就是以 ASP、PHP、JSP 或者 CGI 等文件形式存在的一种命令执行环境，也可以将其称做为一种网页后门。 黑客在入侵了一个网站后，通常会将 ASP 或 PHP 后门文件与网站服务器 web 目录下正常的网页…
15. 庖丁解牛React-Redux(二): connect connect API 上篇文章庖丁解牛React-Redux(一): connectAdvanced介绍了react-redux的Provider、connectAdvanced几个重要API的原理，其中connectAdvanced是connect函数

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

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