Loading

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