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

你不知道的 Vuejs：Vuejs 最佳实践（一）；Timers，Immediates 和 Process.nextTick – NodeJS 事件循环第 2 部分；前端每日实战：39# 身在职场的你，是否还拥有童年的彩色心情？六一节特别创作条纹彩虹心特效；[官方] TypeScript 2.9 发布 | VSCode 等编辑器高度整合及 import() types 等；梳理前端开发使用 eslint 和 prettier 来检查和格式化代码问题；vue.js打包之后遇到的坑；babel-polyfill使用与性能优化；简化 vuex 的状态管理方案

你不知道的 Vuejs：Vuejs 最佳实践（一）有了前面文章的铺垫，相信一路看过来的新手的你开发一个中型的 Vuejs 应用已经不在话下，包括 Vuejs 生态核心工具（vue-router，vuex）的使用也不成问题。但是在实际项目开发过程中，我们要做的工作不仅仅是完成我们的业务代码，当一个需求完成后，我们还需要考虑更多后期优化工作，本篇主要讲述代码层面的优化。 …
Timers，Immediates 和 Process.nextTick – NodeJS 事件循环第 2 部分
前端每日实战：39# 身在职场的你，是否还拥有童年的彩色心情？六一节特别创作条纹彩虹心特效效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/QxbmxJ 可交互视频教程此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chr…
[官方] TypeScript 2.9 发布 | VSCode 等编辑器高度整合及 import() types 等 Today we’re announcing the release of TypeScript 2.9! If you’re not familiar with TypeScript, it’s a language that adds optional s
梳理前端开发使用 eslint 和 prettier 来检查和格式化代码问题一、问题痛点在团队的项目开发过程中，代码维护所占的时间比重往往大于新功能的开发。因此编写符合团队编码规范的代码是至关重要的，这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。对于代码版本管理系统（svn 和 git 或者其他），代码格式不一致带来的问题是严重的，在代码一…
vue.js打包之后遇到的坑最近在用webpack+vue写项目，经过几天的熬夜加班改BUG，终于把基本的框架给写完了，后面只要加一些小功能就可以了，太好吧！先来npm run build 打包出来看看吧！打包中…，我们用本地服务器打开看一下。额，不看不知道，一看吓一跳，坑咋这么多呢！但是作为一名积极向上的IT从业者，填坑吧。 1.打包之后…
babel-polyfill使用与性能优化文章概览本文主要内容包括：什么是babel-polyfill，如何使用，如何通过按需加载进行性能优化。本文所有例子可以在笔者的github 找到。什么是babel-polyfill babel只负责语法转换，比如将ES6的语法转换成ES5。但如果有些对
简化 vuex 的状态管理方案在 vuejs 相关项目开发过程中，我们常常会使用 vuex 作为状态管理工具, 整个组件的状态做为单向数据流的模式管理。事实上，在实际的使用中 vuex 可以说是相当繁琐的，每一次的需求增加需要增加 Mutations-Type 、 Action 和 Mutations , 为了简化这一操作，我们可以将 mutations 和 action 合并，简化流程如下…
Redux 快速上手指南 Redux简介如果要用一句话来概括Redux，那么可以使用官网的这句话：Redux是针对JavaScript应用的可预测状态容器。此句话虽然简单，但包含了以下几个含义：可预测性(predictable): 因为Redux用了reducer与纯函数(pure function)的概念，每个新的state都会由旧的state建来一个全新的state。因而所有…
Babel：plugin、preset的区别与使用文章概览本文主要内容包括：什么是Babel Plugin、Babel Preset，两者的区别与联系、如何使用plugin/preset、如何创建自定义preset、使用注意事项。本文所有例子可在笔者github 上找到。 Babel Plugin简介 Babel是代码转换器，比如将ES6转成ES5，或者将JSX转成JS等。借助Babel，开发者可以提前用上新的…
[成都高新区] 招聘前端和后端工程师一起来吃西瓜啦~ 成都不是我的家，因为西瓜，我愿前往。我们是谁：西瓜创客，少儿编程领跑者，红杉经纬新宠，成都小小小独角。（头衔只有龙妈的一半长，sigh ）2018 年 3 月 30 日。西瓜播报：继半年前的 Pre-A，我们做着增长，逗着抄袭者就把 A 轮 close 了。据
【现代前端滚动实现的各种解读指南】来自众成翻译的一篇：滑向未来（现代 JavaScript 与 CSS 滚动实现指南），里面解释了现代前端中基于web标准的改善，各种流畅的滚动CSS和JavaScript代码，这些特性将使你的页面更平滑、美观。 #前端开发博客#
前端路由简介以及vue-router实现原理后端路由简介路由这个概念最先是后端出现的。在以前用模板引擎开发页面时，经常会看到这样 http://www.xxx.com/login 大致流程可以看成这样：浏览器发出请求服务器监听到80端口（或443）有请求过来，并解析url路径根据服务