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