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前端日报 订阅精彩文章

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流