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

刚学vue，写的一个入门demo，时光网；webpack 3.0 正式发布 | 新增 Scope Hosting；如何将webpack2项目升级到webpack3；webpack3 正式发布；不小心用js重做了一遍贪吃蛇；React 与 Vue 的实践总结；Vue.js项目API、Router配置拆分实践；Webpack 3 中的新特性

刚学vue，写的一个入门demo，时光网vue写的一个移动端时光网刚学vue不久，动手写了一个demo。源代码源代码地址：GitHub 技术栈 vue2 + vuex + vue-router + webpack + ES6 + scss + flex api接口有人收集的API 加上自己去官网找的截图总结因…
webpack 3.0 正式发布 | 新增 Scope Hosting 类似 Rollup 一样把各个模块 bundle 到一个 Closure 里极大地加快了打包好的代码的执行速度，并可定义更好的 Magic Comment —— 由kalasoo分享
如何将webpack2项目升级到webpack3 如何升级 webpack2发布的时候，多少是有一些抱怨的。因为不能做到向下兼容，将1升级到2需要有不少的改动。但是值得庆幸的是，这次3.0的发布没有 beta 版本，完全向下兼容。所以我们升级的时候直接执行下面的命令即可。 npm install webpa
webpack3 正式发布 webpack 3 正式发布了，关于它的新功能，迁移以及兼容性问题 —— 由Sangle分享
不小心用js重做了一遍贪吃蛇贪吃蛇游戏想必没人会感到陌生，这个游戏的js版本在网上也是一搜一大把，今天我要介绍的仍然是如何用js做一个贪吃蛇游戏，但在关键一步，蛇的运动的实现上略有不同。贪吃蛇的js版本通常用连续的方块元素来实现蛇…
React 与 Vue 的实践总结最近花了比较大段的时间用于了解和实践主流三大框架其中的两个： Vue 和 React，总结一下自己在使用中感受到的两者在提升开发效率上的一些异同之处。本文不站队，只是尝试从实践的角度去看看 React 和 Vue 都有哪些特点。React 除了 JSX 外还有哪些奇技淫巧？火热的 Vue 到底有哪些吸引人的地方？快来一探究竟吧。 —— 由…
Vue.js项目API、Router配置拆分实践前后端分离开发方式前端拥有更高的控制权随着前端框架技术的飞速发展，Router这个概念也被迅速普及到前端项目中，在早期前后的没有分离的时期下，并没有明确的路由概念，前端页面跳转大多是通过后端进行请求转发…
Webpack 3 中的新特性本文简短地分享下最新发布的 Webpack 3 中的新特性，供大家参考。 1. Webpack 3 的新特性 6 月 20 日，Webpack 发布了最新的 3.0 版本，并在 Medium 发布了公告。 Webpack 目前几乎作为前端开发的标配，所以我们一起来看一看新版中有哪些主要的特性更新。整体相对于 2.0 变化不大，不必惊慌。 Webp…
react 子组件怎么改变父组件的 state父组件 {代码…} 子组件 {代码…}
webpack 3：官方发布原文地址：webpack 3: Official Release!! 原文作者：Sean T. Larkin 译文出自：掘金翻译计划译者：xilihuasi 校对者：achilleo 终于来了，美妙极了。 webpack 3：官方发布！！
redux-react实践总结作者:赵玮龙先后就职于面包旅行，阿里体育，现在就职于美团点评，负责过架构设计server-render以及spa，完整m站点搭建，app内的bridge交互制定，参与阿里datav开发讨论，以及测试过程，webpack阿里云上传插件开发涉及技术React,A
vue模仿网易云客户端和小伙伴使用vue全家桶写了一个网易云客户端，目前实现了部分功能代码地址：https://github.com/someoneoyl… 技术栈：vue + vue-router + vuex – axios（核心框架）通过配置proxyTable实现跨域功能实现：网…
对于 vue 的 slot 解释，最通俗易懂的版本使用过 vue 的人都知道，vue 提供了一个 slot 功能，官方解释说是插槽，相信有一部分人都不是很了解，包括我，在一开始也有点懵逼，网上也有很多个版本解释，但感觉都不是很易懂，所以在这里，我再出一个解释版本，如有误，还请评论指出！！！ —— 由赛冷思分享
JS代码运行过程简述（一）JS 是动态语言，任何一段代码在执行之前都需要编译，它跟传统的语言不同，它不是提前编译的，编译结果也不能在分布式系统中进行移植。但是JS引擎进行编译的步骤和传统的编译语言非常相似，在某些环节可能比预想…
2017-06-20 前端日报2017-06-20 前端日报精选 JavaScript专题之跟着 underscore 学节流 – 冴羽的JavaScript博客 – SegmentFaultVue2 全家桶仿微信App 项目，支持多人在线聊天和机器人聊天 – 腾讯Web前端 IMWeb 团队社区URL编码的奥…
译：在 Angular 4（2）中使用 Redux 来管理用户界面（上）一个基于 Angular 4（2） + Redux 架构的用户界面管理指引。 —— 由SamuelZhang分享
前端之路 – 收藏集 – 掘金我的 web 前端面试经历 – 百度 – 前端 – 掘金博主就读于电子科技大学，大三狗一枚！面试是个漫长的过程，从海投到收获电话面试，一面、二面、三面，一个步骤出错那么后面就宣告终结。同时，面试过程中你也可能会…
大前端公共知识杂谈 – 知乎专栏随着移动开发与前端技术的融合，不但移动开发的技术栈发生变化，前端领域本身也在进行着激烈的演进，让人目不暇接。但总有一些不变的东西，在大前端里，我们发现，有些公共知识，在不同的平台可以复用，因为大家解决的是类似的问题。就比如布局，绝对布局、相对布局、弹性布局、网格布局，无论在哪个平台，变来变去就这…
一个基于 react 的图片裁剪组件写了一年多 vue，感觉碰到了点瓶颈，学习下 react 找找感觉。刚好最近使用 vue 写了个基于 cropperJS 的图片裁剪的组件，便花费了几个晚上的功夫用 react 再写一遍。代码地址，demo 地址项目是使用 create-react-app 来开发的，省去了很多 webpack 配置的功夫，支持 eslint，自动刷新等功能，使用前 npm install 并 npm…
Vexo：灵感来源于 Vue.js 官网风格的 Hexo 主题 Vexo = Vue.js Style + Hexo Vexo is a Hexo theme inspired by Vue.js official website. Intro Demo Live Example Features Fully Responsive Baidu Analytics Gitment Reward Share Qrcode SEO Imme…
Stack Overflow 的 HTTPS 化：漫漫长路的终点运营商 HTTP 劫持（非 DNS 劫持）推送广告的情况相信大家并不陌生，解决的方法大多也是投诉增值业务部门进而投诉工信部。但这种方法费事费力，投诉接听人员并不了解情况导致答非所问的情况有很多，有时候不但受气，最终也没能完全解决问题，或者解决问题后过了一段时间复发的情况并不少见。近年来，运营商 HTT…
深入了解 timeago.js timeago.js 是一个非常简洁、轻量级、不到 2kb 的很简洁的 Javascript 库，用来将 datetime 时间转化成类似于 *** 时间前的描述字符串 —— 由莫扬的天空分享
移动端网络调试基于 express 的 JsServerDemo 用途作为自己 mock 测试服务器可以简单的模拟各种请求数据可以结合 Charles 拦截代理，将线上环境的数据完整替换为本地的数据，可以方便模拟调试各种情形 —— 由AllenWang分享
vue源码解析系列－compute实现机制本来vue的响应式应该才是重中之重。但是网上的文章很多很多。在看computed的实现之前。肯定还是要把vue的响应式如何实现好好看一下。或者说两者根本就是一样的东西。这边推荐几篇文章关于vue的响应式。 vue响应式…
基于 VUE2.x 和 Node.js 的完整开源博客解决方案 –ZOE Blog 自己写的一个完整的源博客解决方案，使用了 VUE 和 Node.js —— 由黑暗中的孤影分享
《JSON Web Token – 在 Web 应用间安全地传递信息》JSON Web Token（JWT）是一个非常轻巧的规范。这个规范允许我们使用JWT在用户和服务器之间传递安全可靠的信息。（by John Wu）
#前端技术#【SVG 实战应用：使用 Web Animations API 来实现文字书写动画效果】详见：在本文中，作者将为大家介绍如何使用 Web Animations API 新的动画方法实现文字书写动画效果。[喵喵]
[火箭]webpack3 正式发布[火箭] – 作者：Sangle – 链接：（想看更多？下载掘金 App→） webpack 3 正式发布了，关于它的新功能，迁移以及兼容性问题 —— 由Sangle分享
Vue 实现百度下拉提示搜索使用百度搜索数据接口，使用 vue-resource.js 实现搜索功能 —— 由致Great分享
Angular4.0架构详解很久没写这种比较偏概念类的东西了，不过我觉得没有形成一个知识架构，学习效率会大打折扣。在这里把我的所理解的知识分享给大家，部分内容引用自官方文档。下面进入主题 Angular架构概览先来看一下官方放出的架…