
获得徽章 11
- #青训营笔记创作活动#
2月17日 打卡day73
今日学习开源的前端低代码项目。Appsmith、阿里钉钉宜搭团队开发的LowCodeEngine、百度开源的Amis、腾讯技术中心出品的tmagic-editor、dooring-electron-lowcode、vite-vue3-lowcode、视频可视化搭建项目shida、quark-h5、gods-pen(码良)、luban-h5(鲁班)等等。展开评论点赞 - #青训营笔记创作活动#
2月16日 打卡day72
今日学习构造高性能的树状结构。将树状结构扁平化后结构变得清晰,可以轻易的对数据进行处理,减去需要遍历的性能消耗,提高性能。评论点赞 - #青训营笔记创作活动#
2月15日 打卡day71
今日学习现代包管理器pnpm。pnpm由npm/yarn衍生而来,但却解决了潜在的bug,包安装速度极快,磁盘空间利用非常高效,新的依赖管理方式巧妙地规避了非法访问依赖的问题。评论点赞 - #青训营笔记创作活动#
2月14日 打卡day70
今日学习纯前端实现羊了个羊小游戏。需要解决地图模拟、地图生成、覆盖关系、填充数据、点击交互等问题。进一步可以实现道具、动效。评论点赞 - #青训营笔记创作活动#
2月13日 打卡day69
今日学习浏览器调试技巧。除了console.log打印输出,调式方式还有普通断点、条件断点、DOM断点、VS Code断点等。在Elements(元素)选项卡右键单击要设置断点的元素,选择Break on,可在子树修改、属性修改、删除节点时触发断点。展开评论点赞 - #青训营笔记创作活动#
2月12日 打卡day68
今日学习CSS比较函数。clamp() 函数:把一个值限制在一个上限和下限之间,当这个值超过最小值和最大值的范围时,在最小值和最大值之间选择一个值使用。三个参数:最小值、首选值、最大值。展开评论点赞 - #青训营笔记创作活动#
2月11日 打卡day67
今日学习无需定时器,借助CSS来监听事件。:hover/:active配合transition延时、transitionend监听实现鼠标经过延时触发效果/长按触发效果;CSS动画设置infinite后配合animationiteration监听可以实现周期性触发效果;可以直接通过:hover来控制台动画的暂停和播放。展开评论点赞 - #青训营笔记创作活动#
2月10日 打卡day66
今日学习前端实现活体人脸检测。使用tensorflow训练好的人脸特征点检测模型,对人脸的远近、张嘴、眨眼、左右摇头进行特征检测。评论点赞 - #青训营笔记创作活动#
2月9日 打卡day65
今日学习调试Ant Design源码。可以在renderWithHooks里调用函数组件的地方打个条件断点,在调用想调试的组件时断住,这样就可以step into到该组件定义的地方。调试最初的tsx源码需要用sourcemap。展开评论点赞 - #青训营笔记创作活动#
2月8日 打卡day64
今日学习使用fabric.js快速开发图片编辑器。fabric.js和konva.js都是强大的canvas库,功能上类似。框架使用vue,主要解决如何把fabric的实例对象共享给各个功能组件。展开评论点赞