前端开发日报: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

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值