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

前端三大框架的一些数据对比；ES6、ES7、ES8特性一锅炖(ES6、ES7、ES8学习指南)；每天一个CSS；TypeScript 基础类型，类实例和函数类型声明；前端进阶（10） – webpack 之外的另一种选择：parcel；(实现)vue.js最简实现；Web 基础体验改进：div.freeze()；精读《REST、GraphQL、Webhooks、gRPC 如何选型》

前端三大框架的一些数据对比首先说明: 以下数据纯属娱乐当不了真! npm下载量我们可以看到, vue和angular基本处于同一个数量级, 后期vue略高一些, react则是处于'吊打'二者的地位, 另外6.3号不知为何有断崖式下降. github
ES6、ES7、ES8特性一锅炖(ES6、ES7、ES8学习指南) 概述 ES全称ECMAScript，ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMAScript-262。 ECMAScript 标准建立在一些原有的技术上，最为著名的是 JavaScript
每天一个CSS每天坚持一个CSS——-滚动文字效果图 {代码…} 代码 html {代码…} CSS {代码…} 实现原理 1、动画效果 {代码…} 定义一组动画，在本动画中，将背景的位置进行了改变（注意是文本的位置） 2、背景为何选择…
TypeScript 基础类型，类实例和函数类型声明作者 | 孙景艳 TypeScript(TS)是微软研发的编程语言，是JavaScript的超集，也就是在JavaScript的基础上添加了一些特性.其中之一就是类型声明. 一、基础类型 TS的基础类型有 Boolean,Number,String,Array,Tuple,Enum,Any,Void,Null,Undefined,Never,Object. ==布尔类型 Boolean== …
前端进阶（10） – webpack 之外的另一种选择：parcel现在前端打包基本上都会用 webpack，但经常使用 webpack 的开发者基本都有一个体会：配置比较复杂，尤其是有很多项目的时候，更新需要到处改配置。
(实现)vue.js最简实现Vue.winward.js vue.js最简实现(the most simple vue.js) 让所有人都看得懂Vue原理建议看完Vue.winward.js后，结合mpvue源码解读单页应用路由实现没那么难–Vue,再看一遍Vue源码 Mind vue.js是一个响应式库，在这…
Web 基础体验改进：div.freeze() 一些基础体验优化。另附一篇：《Web基础体验改进五：scroll-snap》
精读《REST、GraphQL、Webhooks、gRPC 如何选型》一起看看接口还可以怎么约定，分别适用于哪些场景，你现在处于哪个场景。
深入理解：ES6中的Set和Map数据结构，Map与其它数据结构的互相转换文中的内容主要是来自于阮一峰的《ES6标准入门》（第三版）。《学习ES6笔记──工作中常用到的ES6语法》只是简单提及Set和Map，今天有空于是写了这篇文章──《深入理解：ES6中的Set和Map数据结构，Map与其它数据结构…
前端进阶（9） – js 性能优化利器：prepack其次是要避免使用不必要的第三方库，因为一般第三方库都很大，功能比较多，在条件允许的情况下，尽量少用。
如何评价深圳阿里中心举办的第一届前端艺术家沙龙？ PPT 地址：https://artist.alibaba.com
前端每日实战：136# 视频演示如何用 CSS、D3 和 GSAP 创作一个横条 loader效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
V8 十年故事：从农场诞生的星球最强 JS 引擎 “这个月不仅有谷歌 Chrome 的十岁生日，也有 V8 的十周年纪念日。这篇文章将为你讲述 V8 在过去 10 年中经历的主要里程碑，以及在它诞生之前的那些秘密的岁月。”
React Native iOS混合开发实战教程在做RN开发的时候通常离不了JS 和Native之间的通信，比如：初始化RN时Native向JS传递数据，JS调用Native的相册选择图片，JS调用Native的模块进行一些复杂的计算，Native将一些数据(GPS信息，陀螺仪，传感器等)主动传递给JS等。
使用JavaScript读取所选文本并将其复制到剪贴板
angularjs+springMvc学习笔记说白了，就是把函数当参数传给另一根函数，在另一个函数执行时调用此函数例如，在下面这段代码中，上面定义了两个函数success和error，下面的promise.then(success,error)方法请求成功执行success，失败执行error
《H5页面在微信端的分享》微信分享，咋一看好像很复杂，实则非常简单。只需要调用微信官方出的微信jssdk，加上些许配置，就可以实现h5页面在微信上的分享。（by stardew）
实现一个vue的图片预览插件vue-image-swipe 基于photoswipe实现的vue图片预览组件安装 1 第一步 {代码…} 2 第二步 vue 入口文件引入 {代码…} 使用 {代码…} methods 只暴露了一个方法this.$imagePreview，并绑定到vue的原型上使用 {…
#前端技术#【 Vue 2.0 做移动端开发用到的相关插件和经验总结】详见：最近在用 Vue 2.0 做公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件，及遇到的相关问题进行整理。（作者：wdlhao）最近在用vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流……cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方
通俗易懂的Redux了解下 Redux让我脑仁疼，感觉搞不定他。因为Redux对我而言太抽象了，所以我用通俗易懂地方法去思考Redux，感觉能够理解Redux一些了。本文要点： action 配置行为 store.dispatch(action) reducer 纯函数返回
深入探究Immutable.js的实现机制（一） Immutable.js 由 Facebook 花费 3 年时间打造，为前端开发提供了很多便利，如今 React+Redux+Immutable.js 的组合已经成为许多项目的标配。我们知道 Immutable.js 采用了持久化数据结构和结构共享，保证每一个
vue轮播图插件之vue-awesome-swiper移动端轮播图插件，在使用iview图形界面插件中的carousel组件无法实现触摸滑动后，转而使用vue-awesome-swiper插件
SpringBoot | 第十九章：web 应用开发之 WebSocket 前言 web开发也讲解了三章了，这章节开始讲解关于与前端通信相关知识。实现一个在线聊天室类似的功能或者后端推送消息到前端，在没有 WebSocket 时，读大学那伙还有接触过 DWR(Direct Web Remoting) ，也使用过轮询的方式，当 Servlet3.0 出来后，也有使用其异步连接机制进行前后端通信的。今天我们就来说说 WebSock…