
获得徽章 1
- #青训营笔记创作活动#
1月26日 打卡day8
Esbuild是一个打包工具,特点就是快,打包时间相比传统打包工具明显提升,打包大小的提升度与项目大小正相关,项目越大,提升越大。限制也是有的,对无法降到ES5以下下。评论点赞 - #青训营笔记创作活动#
1月19日 打卡day6
抓包对于我们调试对接接口时产生的错误很有益,Windows上用Fiddler,Mac上用Charles,还有文章中推荐的whistle,前端人员一定要学会使用,不能忽视评论点赞 - #青训营笔记创作活动#
1月18日 打卡day5
时间格式化:使用day.js库(小而精悍!)
回到顶部:setInterval➕scrollTop实现(精度要求不高的使用)
过滤特殊字符:使用循环遍历每个字符,对每一个字符replace()
初始化数组:Array(num).fill(s),num是数组长度,s是默认字符,默认为空字符展开评论点赞 - #青训营笔记创作活动#
1月17日 打卡day4
saync关键字是用来修饰一个异步函数,但好像本身并不具备实际异步功能 ,需要配合await来实现。
await就是等待的意思了,在await 关键字后是一个Promise方法的调用,await会等待Promise执行完把结果返回,await会阻塞在他后面的代码执行,但不会阻塞他前面的代码展开评论点赞 - #青训营笔记创作活动#
由于一直还在自学阶段,所以对multirepo都还不太了解。所以就是简单了解了下monorepo
在我看来吧,就是把多个项目放在同一个仓库下的管理方式,不同项目之间可以相互依赖。创建monorepo的常见方法有俩,pnpm直接创建,yarn+lerna了展开评论点赞 - #青训营笔记创作活动#
1月15日 打卡day2
(个人推荐的那几个)
1.css动画(增加自己的动画认知,不要仅局限于淡入淡出)
2.在线性能评测 (一个人光写写写有啥,写的东西好不好不知道也不行,使用它就可以自评)
3.阿里巴巴矢量图标库(里面的图标是真的全)
4.图片在线压缩(见很多人都推荐过这个网站)展开评论点赞 - 1月14日 打卡day1
原来拖拽是这么实现的。简单一个拖拽,用到的就是把要拖拽的对象设置为absolute定位,然后对其left和top属性动态设置就行了。
要动态设置,就需要mousemove这个事件,参数里的事件e中有clientX和clientY两个属性,分别赋值给left和top后 ,在按住鼠标拖动物体就会移动了。
还需要解决在点击时判断鼠标是否在物体所在区域,使用mousedown事件,获取到鼠标位置然后和物体位置范围比较即可。
css的filter,可以使用brightness改变明亮度,数值大于一变亮,小于一变暗,在查阅后不得不感叹filter功能好多啊,我自己只用过blur和invert了
新属性cssText,使我们在js中可以像内嵌样式一样一句代码改变样式。
window自带的onblur事件,是用来判断用户是否离开了浏览器的展开评论点赞