辰酱czklove

1.vue3.0语法糖组件和常规组件不太一样，<script lang="ts"> import { onMounted, reactive } from 'vue'

JavaScript的运行机制 1.什么是线程 2.JavaScript执行机制与其他执行机制的异同 定时器是一把双刃剑 1.用好定时器 setTiemout（超时调用，只执行一次）  setInte

css 层级优化 样式多复用 样式继承与复用 如我们想写两个按钮，按钮的文字大小，形状，圆角都是一样的，只有颜色是不一样的，如果我们不采用继承复用的方式，那么将是如下的写作方式 如果我们采用继承加组合

HTML层级优化 1.标签语义化（不要只使用div） 优点 标签语义化有助于构架良好的HTML结构，有利于搜索引擎的建立索引、抓取。简单来说，试想在H1标签中匹配到的关键词和在div中匹配到的关键词搜

内容提要： 进行前端性能优化，提升用户体验 专栏文章将根据以下目录进行解读： html 层级优化 css 层级优化 javascript 层级优化 资源加载优化 其他层级优化

webpack-loader 如何加载资源模块 如我们需要加载xxx.less文件的话，那么我们一般会选择三个loader,他们分别是less-loader,css-loader,css-loader

canvas事件交互 canvas本质上是一张位图，所有这张图片是支持鼠标的各种事件的，但对于其画布上的内容，并不支持dom事件，和svg这个是最大的区别 常见的dome事件有 下面我以一个简单的列子

Canvas - 字体 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 fillStyle 属性。 注释：Internet Ex

1.this.canvas.getContext('2d') 2.this.ctx.moveTo ，this.ctx.lineTo(150, 50) 3.this.ctx.storkeStyle ，