20200528 前端开发日报

最新推荐文章于 2022-02-09 00:03:57 发布

前端开发博客

最新推荐文章于 2022-02-09 00:03:57 发布

阅读量1.1k

点赞数

文章标签：编程语言 css js web javascript

原文链接：http://caibaojian.com/c/news?aid=10323

版权

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

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

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...