摘要: 1.字体系列属性 font、font-size、font-style、font-weight、font-family 2.文本系列属性 color、line-height 3.元素可见属性 visibility 4.列表属性 list-style、list-style-type 5.光标属性 cur 阅读全文
posted @ 2021-04-14 20:03 时光傀儡师 阅读(63) 评论(0) 推荐(0) 编辑
摘要: #虚拟DOM 概念:真实DOM树的抽象,本质是一个js对象,包含tag,props以及children属性 优点 1.减少DOM操作次数。将多次操作合并为一次操作。比如向页面上添加1000个节点,需要操作1000次。而虚拟DOM只需操作一次 2.减少DOM操作范围。 3.跨平台。因为虚拟DOM本质是 阅读全文
posted @ 2021-02-25 16:36 时光傀儡师 阅读(58) 评论(0) 推荐(0) 编辑
摘要: 一、媒体查询 步骤 检测屏幕尺寸变化,指定范围内指定布局,较为灵活,自由度高 适配代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, in 阅读全文
posted @ 2021-02-15 16:49 时光傀儡师 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 一、选择排序 从左到右依次遍历,每次遍历选择出一个极值存起来,再在剩下的元素中遍历 时间复杂度:n^2 function select(arr) { for (let i = 0; i < arr.length - 1; i++) { let min = arr[i]; for (let j = i 阅读全文
posted @ 2021-02-13 21:40 时光傀儡师 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 今天,在做项目的时候,用到了onchange依赖,用来监控被webpack打包的文件,它可以做到一旦要打包的文件里的内容发生变化,就可以自动执行自己添加的命令。 package.json "scripts": { "start": "node ./bin/www", "webpack": "webp 阅读全文
posted @ 2021-02-01 16:17 时光傀儡师 阅读(103) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>实现可拖拽的div 阅读全文
posted @ 2021-01-24 18:00 时光傀儡师 阅读(376) 评论(0) 推荐(0) 编辑
摘要: 现在有这样一个业务,有两个输入框,当向第一个输入框输入中文的时候,下面的输入框实时展现中文拼音首字母大写的拼接形式,即简码 实现的效果: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 引入element-ui的css --> <l 阅读全文
posted @ 2021-01-16 11:29 时光傀儡师 阅读(4413) 评论(0) 推荐(0) 编辑
摘要: 实现效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>简易加载 阅读全文
posted @ 2021-01-10 15:29 时光傀儡师 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 一、MVC MVC是一种设计模式,M指Model(模型),V指View(视图)、C指Controller(控制器) Model:数据层,封装数据以及对数据的处理方法 const M = { data:{},//数据 create(){},//增 delete(){},//删 update(){},/ 阅读全文
posted @ 2020-12-27 21:32 时光傀儡师 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 同源策略 源:协议+域名+端口号 (可通过window.origin或location.origin获取当前的源) 同源:指协议域名端口号完全一致,即为同源 同源策略:不同源的网址不准访问彼此的数据。如果js运行再A里,那么只能获取源A的数据,不能获取源B的数据,即不允许跨域。 意义:这是浏览器为了 阅读全文
posted @ 2020-12-24 13:53 时光傀儡师 阅读(65) 评论(0) 推荐(0) 编辑