给 「前端开发博客」 加星标,每天打卡学习
长按二维码即可识别“进入网页”查看哟~
1、JavaScript中的这些骚操作,你都知道吗?
引言 :snowboarder: 写这篇文章的缘由是上周在公司前端团队的 code review 时,看了一个实习小哥哥的代码后,感觉一些刚入行不久的同学,对于真实项目中的一些 js 处理不是很熟练,缺乏一些技巧。因此整理了自己开发中常用的一些 js 技巧,灵活的运用,会增强你解决问题的能力,也会对你的代码简洁性有很大的...
https://juejin.im/post/5ecc87386fb9a047d245c7e1
2、2020 年,JS 令一个新人沮丧
本文是一篇译文 , 原文 在 Hackers News 上的点数超过 200 点。我的朋友是一位著名的计算机科学家,他之前没有用过 JS,今天他需要用到 GitHub 的一个 JS 库。而我在过去的 6 年主要的工作是在麻省理工学院进行可用性研究和教学,所以我其实也没什么把握。最终,我们俩出来搞出一堆错误之外一无所获,他也放弃了这...
https://juejin.im/post/5ecd7cd4f265da76d109df49
3、编写一个较为强大的Vue
why euv? because: 'vue'.split('').sort().join('') // euv source: 'node'.split('').sort().join('') // deno Quick Start 安装 git clone https://github.com/wclimb/euv.git cd euv npm install 运行 npm run dev 目前支持功能 :white_ch...
http://www.wclimb.site/2020/05/26/write-euv/
4、css基础知识(对规则的补充)
1) 字体规则(可以被继承) {代码...} 2) 网络字体(字体图标库)iconfont(阿里的图标库) {代码...} 3) 文本相关规则(可以被继承) {代码...} 4) 列表相关(ul,ol) {代码...} 5) 盒子相关 {代码...} 6) 背景相...
https://segmentfault.com/a/1190000022752365
5、Webpack-bsv-极简React项目脚手架
一直以来做的react项目都是自己配置webpack的,之前每次新项目都是copy一下上一个项目的配置文件,npm i后就能愉快地跑起来了。copy多了也就想写一个npm包,以后直接npm i这个包就可以愉快地玩耍了,还可以让公司其他小伙伴们用,何乐不为呢。1.功能 虽然说这是一个极简单的包,但是一些必要的功能能还是要必备的。...
https://juejin.im/post/5eccb577f265da76fb0c3c6e
6、从零构建一个类似vue-cli的脚手架
想必大多数人在开发 vue 等 SPA 项目都时候都会直接用 vue-cli 等脚手架开发,一是方便省去了好多配置上的功夫,二是 vue-cli 毕竟是久经考验较为成熟的东西,遇到问题也能在网上找到相应解决方案。
https://segmentfault.com/a/1190000022748706
7、学习webpack中的核心概念
是一个现代 JavaScript 应用程序的 静态模块打包工具 。能够构建项目的依赖图,反应出项目中所需的各个模块,生成一个或多个bundle。2、entry entry指明用哪个文件来作为依赖图的起点,然后webpack找到enrty依赖了哪些模块和库。webpack从这里开始转发。module.exports = { // 单入口 entry:'src/...
https://juejin.im/post/5ecb6867f265da77135a0241
8、React Hooks 踩坑分享
点击关注“有赞coder” 获取更多技术干货哦~ 作者:苏木团队:增长中心 前言:React Hooks被越来越多的人认可,整个社区都以积极的态度去拥抱它。在最近的一段时间笔者也开始在一些项目中尝试去使用React Hooks。原本以为React Hooks很简单,和类组件差不多,看看API就能用起来了。结果在使用中遇到...
https://mp.weixin.qq.com/s/w9XhwjF3F6oJBUdD1rp2BQ
9、Webpack5 上手测评
大家一定看过很多电子设备开箱测评,今天我们也来跑一个软件新版的上手测评 —— Webpack 5!从 2017 年发出关于 v5 的投票开始,到 2019 年 10 月发布第一个 beta 版本,目前是 5.0.0-beta.16。现在在收集使用反馈、生态升级的过程中,相信不久后就可以正式发布了。这次 升级重点 :性能改进、Tree Shacking、Code G...
https://juejin.im/post/5ecd05a1f265da76c4243fe6
10、JavaScript的bind方法模拟实现
一句话介绍 bind: bind() 方法会创建一个新函数。当这个新函数被调用时,bind() 的第一个参数将作为它运行时的 this,之后的一序列参数将会在传递的实参前传入作为它的参数。(来自于 MDN ) 由此我们可以首先得出 bind 函数的两个特点:返回一个函数 可以传入参数 返回函数的模拟实现 var foo = { value...
https://juejin.im/post/5ecbd6d8f265da76ce577ad9
11、前端开发日报存档
看得不过瘾,网站有过去几年的每日前端好文章日报存档,关注收藏起来不迷路。
http://caibaojian.com/c/news
12、掘金小册全网八折
热门前端掘金小册,全网八折:前端面试之道、Vue组件精讲、使用WebPack定制前端开发环境、重学前端(极客时间)、前端开发核心知识(GitChat)等
http://caibaojian.com/goods
加入微信群????,每日分享全网好文章!