摘要: 元素获得 原始方式 1. var x = document.documentElement; 2. var x = document.body; 3. var x = document.getElementById(“aBC”) 4. var x = document.getElementByTag 阅读全文
posted @ 2022-02-23 23:02 波吉国王 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 解析: 运行代码 加载: 下载代码 JS脚本 ( 因为js修改DOM, 所以需要先js解析 ) script标签: 阻塞html文档的解析, 直到脚本执行完 外引js: 先网络请求,加载js, 再阻塞html文档的解析, 直到脚本执行完 CSS ( js有可能依赖样式,如var a=$('#id') 阅读全文
posted @ 2022-02-23 23:01 波吉国王 阅读(442) 评论(0) 推荐(0) 编辑
摘要: String类定义的方法都不能改变字符串的内容 方法 描述 字符 charAt(3) 返回在指定位置的字符 ⇒'g' charCodeAt(3) 返回指定字符的 Unicode 编码 ⇒103 fromCharCode(103) 将字符编码转换为一个字符串 ⇒'g' 查找位置 indexOf() 下 阅读全文
posted @ 2022-02-23 22:58 波吉国王 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 事件捕获与事件冒泡 <script> function showTagName() { alert("事件捕获: " + this.tagName); } var elems = document.querySelectorAll("div, p, a"); for (let elem of ele 阅读全文
posted @ 2022-02-23 22:57 波吉国王 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 方法 描述 记忆: push pop是栈, 长的push unshift是添加元素 push() pop() 返回长度/元素 unshift() shift() 返回长度/元素 []变为字符串 join('') 以''合并(空带 , ) 为字符串 toString() 带, 内部操作 concat( 阅读全文
posted @ 2022-02-23 22:57 波吉国王 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 1 原型链继承 //父类 function Person(name,age){ this.name = name || 'unknow' this.age = age || 0 } //子类 function Student(name){ this.name = name this.score = 阅读全文
posted @ 2022-02-23 22:56 波吉国王 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 1 构造函数 //构造函数 function Fn(name) { //添加实例成员-属性 this.name=name //添加实例成员-方法 this.a=function () { console.log("实例成员"); } } //添加静态成员-方法 Fn.b=function () { 阅读全文
posted @ 2022-02-23 22:56 波吉国王 阅读(85) 评论(0) 推荐(0) 编辑
摘要: console.log(a) var a; console.log(a) a = 10 console.log(a) function a() { let c = 1; } console.log(a) //相当于: function a() { let c = 1; } var a; consol 阅读全文
posted @ 2022-02-23 22:54 波吉国王 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 防抖: 连续事件不触发, 停了0.5s才触发 记忆: 如果没有防抖,输入一个字发送一次请求, 浏览器会卡顿抖, 所以叫防抖 let t=null ipt.oninput = function(){ if(t !== null) clrTimeOut(t) //在0.5s以内的都清掉了 t = set 阅读全文
posted @ 2022-02-23 22:54 波吉国王 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 布局 - - 固定布局 px 尺寸不变 流式布局 % 宽度随屏幕尺寸变化,但字体px大小不变 弹性布局 em/rem 字体大小可变 自适应布局 移动 pc分开做 响应式布局 只做一份 阅读全文
posted @ 2022-02-23 22:51 波吉国王 阅读(26) 评论(0) 推荐(0) 编辑
摘要: 1 同源策略: (1)协议相同,指http (2)域名相同 (3)端口相同 2 同源策略的目的: 为了保证用户信息的安全。防止恶意的网站盗取数据。 设想这样一个情景:A网站是一家银行,用户登录以后,又去浏览其他的网站B,如果网站B可以读取A网站的Cookie,会发生什么问题? 3 跨域 现代网站ht 阅读全文
posted @ 2022-02-23 22:49 波吉国王 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 1 为什么需要闭包 1 如果想对一个变量实现累加,可以定义为全局变量 var num=0 function add(){ num++ } add()//1 add()//2 如果这样做 function add(){ var num=0 return num++ } add()//1 add()// 阅读全文
posted @ 2022-02-23 22:48 波吉国王 阅读(31) 评论(0) 推荐(0) 编辑
摘要: ##时间复杂度, 运行所需时间, ⇒ i 运行几次 //O(1) int x=0; //O(n) for( int i=0; i<n; i++) //O(n^2) for(){for()} 或: for() for(){for()} //O(n)+O(n^2)=O(n^2) //O(logN) i= 阅读全文
posted @ 2022-02-23 22:46 波吉国王 阅读(18) 评论(0) 推荐(0) 编辑
摘要: rem方案 原理 rem是相对长度单位,rem方案中的样式设计为相对于根元素font-size计算值的倍数。根据 屏幕宽度 设置html标签的font-size,在布局时使用 rem 单位布局,达到自适应的目的,是 弹性布局 的一种实现方式。 实现过程: 首先获取文档根元素和设备dpr,设置 rem 阅读全文
posted @ 2022-02-23 22:45 波吉国王 阅读(673) 评论(0) 推荐(0) 编辑
摘要: @import "./iconfont.css"; /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, 阅读全文
posted @ 2022-02-23 22:45 波吉国王 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 一句话: HTTP应用层 get, url, 请求头 TCP传输层 端口 IP网络层 ip地址 HTTP(超文本传输协议)应用层 请求报文结构: 请求行: get/post/put url 版本 请求头: 格式为“属性名:属性值”,服务端据此获取客户端的信息 请求正文: 实例 //请求首行 GET 阅读全文
posted @ 2022-02-23 22:43 波吉国王 阅读(68) 评论(0) 推荐(0) 编辑
摘要: 1 数据类型 基本数据类型有 Number | String | Boolean | Null | Undefined | Symbol(ES6新增数据类型) | bigInt 引用数据类型统称为Object类型,细分的话有 Object | Array | Date | Function | Re 阅读全文
posted @ 2022-02-23 22:36 波吉国王 阅读(26) 评论(0) 推荐(0) 编辑
摘要: 项目命名 全小写_隔开 my_project_name 文件命名:小写开头、驼峰命名 apiUtil.html apiUtil.css apiUtil.js 目录命名: 全小写 css命名规范 1)1.位置属性(position, top, right, z-index, display, floa 阅读全文
posted @ 2022-02-23 22:36 波吉国王 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 1. 左200px 中 右200px 中间先加载 <style> .container { width: 100%; float: left; } .middle { background-color: aqua; margin-left: 200px; margin-right: 200px; } 阅读全文
posted @ 2022-02-23 22:33 波吉国王 阅读(23) 评论(0) 推荐(0) 编辑