摘要:
实时预览 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Title</title> </head> <body> <div> <video id="video"></video> <canvas id= 阅读全文
摘要:
备份vscode配置 { "typescript.updateImportsOnFileMove.enabled": "always", "javascript.updateImportsOnFileMove.enabled": "always", "workbench.colorTheme": " 阅读全文
摘要:
正则替换html代码中img标签的src值 在开发富文本信息在移动端展示的项目中,难免会遇到后台返回的标签文本信息中img标签src属性按照相对或者绝对路径返回的形式,类似: <img src="qinhancity/v1.0.0/image/download/1/1612407291761car- 阅读全文
摘要:
变量的声明 声明变量的时候,变量名前面要加两根连词线(--)。 body { --color:red; --background-color:#545454; } :root { /* :root伪类选择器表示文档根元素<html> */ --backgroundColor: #f0f0f0; -- 阅读全文
摘要:
使用对象的 set/get 方法 模拟实现 vue3 ref 单数据响应 const targetMap = new Map(); let currentEffect; class Dep { constructor(val) { this.effects = new Set(); this._va 阅读全文
摘要:
关于vue3新添加的api 使用汇总(ref,reactive,toRefs,setup,watch, teleport等) vue3新增api解释 ref 单值数据响应式 reacive 声明一个响应式变量 (函数接收一个普通对象,返回一个响应式数据对象) toRefs 将一个响应式对象转换成普通 阅读全文
摘要:
eslintOptions = { "no-alert": 0, //禁止使用alert confirm prompt "no-array-constructor": 2, //禁止使用数组构造器 "no-bitwise": 0, //禁止使用按位运算符 "no-caller": 1, //禁止使用 阅读全文
摘要:
业务中展现如下: 在线示例 代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> .canvas-warpper { position: 阅读全文
摘要:
网页调试实用技巧 借助 Chrome 的书签功能。 打开书签管理页 右上角三个点「添加新书签」 名称随意,粘贴以下代码到网址中 javascript: (function() { var elements = document.body.getElementsByTagName('*'); var 阅读全文
摘要:
docker部署前端项目 1. 安装docker nginx # 安装docker 官网下载不赘述 # 查看docker是否安装 docker info # docker 安装nginx docker pull nginx 2. 新建docker/niginx配置文件 # 新建docker-web文 阅读全文