前端开发日报：20190818

给 「前端开发博客」 加星标，每天打卡学习

长按二维码即可识别“进入网页”查看哟~

1、vue-cli +typescript+webpack4 项目搭建超详细步骤

前言：因为最近才开始接触Typescript，然后首先就是搭建环境，而网上教程时间比较久而且不全，所以在这里记录下手把手的详细脚印。:joy: :tada::tada::tada: 源码地址请戳 :point_down::point_down::point_down: vue-ts-init 1、初始化项目 vue init webpack vue-ts-init cd vue-ts-init npm install 复制代码 ...

https://juejin.im/post/5d5652446fb9a06afd66004b

2、大规模应用TypeScript「2019 JSConf -Brie Bunge」（下）

这是一个由simviso团队进行的关于Airbnb大规模应用TypeScript分享的翻译文档，分享者是Airbnb的高级前端开发Brie Bunge 视频链接：大规模应用TypeScript「2019 JSConf -Brie Bunge」 或点击文章底部阅读原文观看视频 接上篇文章：大规模应用TypeScript「2019 JSConf -Brie Bunge」（上） 视频翻译...

https://juejin.im/post/5d5597efe51d4561ae4da601

3、vue移动端h5适配解决方案（rem or vw）

amfe-flexible：根据设备宽度，修改根元素html的大小，以适配不同终端 px2rem-loader：将css中的px转为rem单位，用了它就不用自己计算rem值了 注意：amfe-flexible是lib-flexible的优化，主要区别是amfe-flexible不会改变视口大小 安装 + 配置 1. 安装amfe-flexible和px2rem-loader npm install -s amfe...

https://juejin.im/post/5d54c80bf265da03ae786e9b

4、「2019 JSConf -Brie Bunge」 大规模应用TypeScript

这是一个由 simviso 团队对 JSConf.Hawaii 中关于 Typescript大规模应用 相关话题进行翻译的文档，内容并非直译，其中有一些是译者自身的思考。分享者是Brie Bunge，Airbnb高级前端工程师。视频地址：大规模应用TypeScript「2019 JSConf -Brie Bunge」 视频翻译版权归 simviso 所有，微信公众号：Simviso ， ...

https://juejin.im/post/5d5416226fb9a06b24431448

5、代码提交git时自动格式化并通过ESlint检测

前言 在同一个项目中，一般都是几个人合作开发，每个人的代码风格不同，因此提交到git之前，需要统一下格式，因此才有了这篇文章，分享一下自己的配置过程。希望每个小伙伴都能规范自己的代码，如果你认为对你有帮助或者有小伙伴有更好的方法欢迎积极留言！准备工作 以vue为例，用脚手架生成一个项目，目录结构...

https://juejin.im/post/5d565ffdf265da03f12e55bb

6、JS原型那些事儿

本篇主要是记录一下对js中对于原型的理解... 原型 原型涉及到构造函数, 原型对象, 实例化对象三者之间的关系... 构造函数 {代码...} 实例对象 {代码...} 原型对象 {代码...} 下面用一张图来表示他们之间的关系......

https://segmentfault.com/a/1190000020097614

7、css按钮交互效果

最近在网上闲逛时，发现了[链接] 这个毒鸡汤，内容有趣，按钮交互做的也很棒，简约而不简单。于是就把按钮交互的效果拿来学习一下。总体上来说，是利用了:active和box-shadow两个特性来实现的。希望通过这个简单...

https://segmentfault.com/a/1190000020094187

8、分享常用的 CSS 函数，助你写出更简洁的代码

分享一些在项目中好用的一些CSS辅助函数，可以直接应用到你自己的样式代码中，传送门。这些函数当然不是CSS原生写法，有分为sass语法和less语法两套，大家可以自行选择复制或者下载。下面罗列的均是scss语法。less语法请查看传送门 1、_clearfix %clearfix { &:after, &:before { c...

https://blog.5udou.cn/blog/Fen-Xiang-Chang-Yong-De-CSSHan-Shu-Zhu-Ni-Xie-Chu-Geng-Jian-Jie-De-Dai-Ma-23

9、一文学会使用Vuex

什么是Vuex，这里就不介绍了，请移步到官网 vuex.vuejs.org/zh/guide/ 学习，这里我们只需要知道Vuex可以用来做应用的状态管理。首先来看一下使用vue create my-project命令生成项目的时候，自动生成的Vuex的代码,store.js：import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vue...

https://juejin.im/post/5d5645e3f265da03c7219c8e

10、异步Promise以及Async / Await

Promise 的 then 链式写法本质上是一直往下传递一个新的Promise ，也就是说 then 在下一步接收的是上一步返回的Promise。看以下代码：const setDelay = millisecond => { return new Promise((resolve, reject) => { if ('number' != typeof millisecond) reject(new Error('参数必须是number类型'...

https://juejin.im/post/5d5683cde51d453bc523161a

11、前端开发日报存档

看得不过瘾，网站有过去几年的每日前端好文章日报存档，关注收藏起来不迷路。

http://caibaojian.com/c/news

12、掘金小册全网八折

热门前端掘金小册，全网八折：前端面试之道、Vue组件精讲、使用WebPack定制前端开发环境、重学前端（极客时间）、前端开发核心知识（GitChat）等，阅读原文浏览全网教程！

http://caibaojian.com/goods

喜欢这篇文章的朋友
欢迎分享到朋友圈 或者技术交流群
关注「前端开发博客」加星标，不错过每日热文

每日更新 ???? 关注不迷路！