20180603 前端开发日报

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

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

    现代前端滚动实现的各种解读指南
  13. 前端路由简介以及vue-router实现原理 后端路由简介 路由这个概念最先是后端出现的。在以前用模板引擎开发页面时,经常会看到这样 http://www.xxx.com/login 大致流程可以看成这样: 浏览器发出请求 服务器监听到80端口(或443)有请求过来,并解析url路径 根据服务

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

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

原文:20180603 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180603.html)