获得徽章 1
- #青训营笔记创作活动#
1月18日 打卡day11
今日学习：Vite项目屏幕适配
1.基于rem适配，通常根元素字体设置为10px，此时子元素1rem相当于10px
2.基于scale适配：通过CSS3的缩放属性，适合用于固定宽高比的Web应用展开评论1 - #青训营笔记创作活动#
1月19日 打卡day12
今日学习：沙箱
1. 沙箱：为待执行的程序创建一个独立的执行环境，内部程序的执行不会影响到外部程序的运行
2. with对于沙箱的意义：可以实现所有变量均来自可靠或自主实现的上下文环境，而不会从全局的执行环境中取值，相当于做了一层拦截，实现隔离的效果
3. iframe 标签可以创造一个独立的浏览器原生级别的运行环境，这个环境由浏览器实现了与主环境的隔离展开评论1 - #青训营笔记创作活动#
1月20日 打卡day13
今日学习：CSS实现节流
1. 禁用点击事件：pointer-events:none;
2. 限制时间：animation
3. 触发时机：:active
4. 用CSS永华串联三者，控制按钮从禁用->可点击的变化，每次点击时让这个动画重新执行一遍，在执行的过程中，一直处于禁用状态
5. 第二种方法：通过:active去触发transition变化，然后通过监听transition回调去动态设置按钮的禁用状态，实现如下展开评论1 - #青训营笔记创作活动#
1月23日 打卡day14
今日学习：fabric.js
1. 强大的canvas库
2. fabric.js创建对象，用EventEmitter创建事件发射器，可订阅单选、多选、取消选择事件。 通过vue的provide语法把fabric对象、EventEmitter对象向下传递，在mixins中保存选中的元素和选中状态。
3. 导入SVG元素时，可以导入SVG文件或者字符串进行导入，调用fabric的loadSVGFromURL、loadSVGFromString方法进行导入
4. 字体属性可以自定义字体，需要先下载字体后再进行设置，可以通过fontfaceobserver工具库下载指定字体，成功后在设置字体名称。展开评论1 - #青训营笔记创作活动#
1月7日 打卡day1
今日学习
1. HTML5 Drag 和 Drop比较简陋，样式不够美观
2. 通过mousedown，mouseup，mousemove判断元素状态，通过克隆元素实现拖拽。
3. 滤镜filter快速实现鼠标覆盖动态效果
4. 伪类激活cursor的grab和grabbing设置抓取动作图标
5. 通过改变克隆元素top和left值实现拖拽
6. transition动态过渡
7. 距离公式判断放大倍率
8. Image缓存图片方法处理加载问题
展开评论1