主页

vue

区别 在组件文件中 标签顺序发生变化 script标签中加入setup关键字 允许在script标签中书写组合式API 不再限制唯一根元素 setup中this不再指向当前组件,而是一个undefined 在main.js文件中通过createApp()创建实例与通过new Vue()创建实例 在script标签内写setup和在script标签中写setup()的区别 前者不需要将写的变量进行return,而后者需要 前者可以更简单的使用组合式API 生命周...

阅读更多

TypeScript

准则 如果变量声明和赋值是同时进行,那么该变量便被标定为初次赋值的类型 先声明,后赋值,可以指定变量类型(不指定则为any)。声明与赋值同时进行,不需要指定类型 类型的主要使用场景是函数,由于函数的传入不定,所以返回值很容易不是想要的数据类型。还可以指定传入的数据类型,确保函数的正确执行。 非必要情况下,不使用any来定义变量,any类型的变量可以赋值给任意其他类型定义的变量,即使any变量对应的值与其所匹配的变量对应的类型不一,也可以赋值 let str = 'hello' let an: any an = 111 str = an // 依旧可以进行赋值,不会报类型不行 ...

阅读更多

js实现页面局部打印

js实现打印 实现打印的方式: 直接按CTRL+P 调用window.print() // 调用window.print()方法,直接打印当前页面 => window.document.body.innerHTML的内容 let bdhtml = window.document.body.innerHTML; // 获取当前页的html代码 - 代码文本 let sprnstr = "<!--startPrint-->"; // 设置打印开始区域 - 用于检索打印开始位置 let eprnstr = "<!--endPrin...

阅读更多

node的npm

npm基本指令了解 npm init OR npm init -y 所处目录必须是英文,不能使用中文,不能出现空格 初始化包 npm config ls 查看npm配置信息 npm config -l ls 更详细信息 npm list 查看已经安装的包 -> 树形结构展开 npm list -g --depth 0 查看全局安装了哪些包 npm view 包名 versions 查看对应包的所有版本号 无前缀的表示就是指...

阅读更多

正则

创建形式 正则表达式有两种定义方式,一种是通过以/开头和/结束的字符串字面量,另一种是通过new和RegExp关键字来生成 // 构造函数创建 const regexp = new RegExp("内容", "修饰符") // 直接创建 - 字面量模式 const regexp = /.../ 元字符 \d:一位数字 \D:除数字外的任意字符 \w:数字、字母和下划线 \W:除数字、字母和下划线以外的字符 \s:表示空白符,包括空格、水平制表符、垂直制表符、换行符、回车符、换页符 \S:非空白字符 .:通配符,除换行外,可表示任意字符 \r:回车符 \n:换行符 \t:制表符 \f:换页符 ...

阅读更多

canvas

canvas优点 是html5提出的新标签,可用于游戏 轻量级画布,可以直接使用js做处理,不需增加额外插件,性能好,不卡顿,在手机中也很流畅 canvas缺点 绘制图形,一旦绘制成功,便将其像素化,即canvas无法再次得到这个图形,将其修改 解决:canvas图形的移动,必须按照清屏 > 更新 > 渲染的逻辑进行 版本兼容问题:不兼容IE6、7、8,可通过在标签里边写入提示文字,来做区分,兼容的浏览器不会显示提示文字 基本使用 创建画布: <canvas height="200" width="400" id="canvas"> 当前浏览器版本不支持,请升级浏览器 <...

阅读更多

JavaScript基础

所有通过var定义的全局变量和函数都会成为window对象的属性和方法,使用let和const的顶级声明不会定义在全局上下文中,但是作用域链继续上的效果是一样的。 双等 可以不考虑数据类型只看内容是否相等 比较过程:不进行数据类型的比较 两个值类型相同,再进行三个等号(===)的比较 如果两个值类型不同,则进行数据转换:需根据以下规则进行类型转换在比较: 如果一个是null,一个是undefined,那么相等 如果一个是字符串,一个是数值,把字符串转换成数值之后再进行比较 三等 对数据类型...

阅读更多

css

属性 inherit:继承其父元素的值 initial:恢复默认属性(是指恢复到属性的默认值而不是元素的默认值) 可继承属性 文本相关 color,font-family,font-size,font-weight,font-variant,font-style,line-height,letter-spacing,text-align,text-indent,text-transform,white-space,word-spacing 列表相关 list-style,list-style-type,list-style-position,list-style-image, 表格边框 border-coll...

阅读更多