随笔分类 - JS
1
JS知识点的整理与归纳
摘要：Get和Post都是向服务器发送的一种请求，只是发送机制不同。 1. GET请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。当然在Ajax请求中，这种区别对用户是不可见的。 2. 首先是"GET方式提交的数据最多只能是1024字节"，因为GET是通过
阅读全文
摘要：、ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。 2、Symbol值通过Symbol函数生成。这就是说
阅读全文
摘要：1、ES6提出了两个新的声明变量的命令：let和const。其中，let完全可以取代var，因为两者语义相同，而且let没有副作用。 2、var命令存在变量提升效用，let命令没有这个问题。建议不再使用var命令，而是使用let命令取代。 3、在let和const之间，建议优先使用const，尤其是
阅读全文
摘要：不绑定this var obj = { age: 1, say: function() { setTimeout(function() { console.log(this, this.age); // window undefined }, 0); }, } var obj1 = { age: 1
阅读全文
摘要：方法一：Script Dom Element 1 2 3 4 5 6 7 8 (function(){ var scriptEle = document.createElement("script"); scriptEle.type = "text/javasctipt"; scriptEle.as
阅读全文
摘要：Flexible Box Model(灵活盒子模型)在平常的web横排布局中，会经常用到float或display:inline-block，但是在多种不同宽度的移动设备的自适应布局中用的话，还得设置百分比宽度和考虑清除浮动。而Flexible Box Model可以自动计算宽度和自适应，更加方便。
阅读全文
摘要：先来一道开胃菜： function person(name) { // 变量作用域为函数内部，外部无法访问，防止了变量名冲突和污染 var name = '小明'; this.name = name; this.sayName = function() { console.log(name); }
阅读全文
摘要：JavaScript中new操作符用于创建一个给定构造函数的对象实例。如下例子： function Person(name, age){ this.name = name; this.age = age;}const person1 = new Person('Tom', 20)console.lo
阅读全文
摘要：一、prototype 在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。 例如： function Person(age) { this.age = age } Person.prototype.name = 'kavin' var person1 =
阅读全文
摘要：1、当父元素设置了height值时，则设置overflow:hidden后，子元素超出父元素部分隐藏 2、当父元素的高度是靠子元素撑开的时候，子元素浮动时，则在父元素使用overflow: hidden可以清除浮动，使得父元素的高度依旧是靠子元素撑开。 作用1示例: <!DOCTYPE html><
阅读全文
摘要：直接上代码，很简单可以直接看懂： <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>One Div Mail (Using transition)</title> <link rel="stylesheet"
阅读全文
摘要：一、代码片段类插件 英文叫做 Snippets，就是把常见的代码模式抽出来，通过 2~3 个键就能展开 N 行代码。 VS Code JavaScript(ES6) snippets 当前最流行的，已有超过 120 万的下载量。这个插件为 JavaScript、TypeScript、HTML、Rea
阅读全文
摘要：圣杯布局是一种很常见的css布局。要求： 上部和下部各自占领屏幕所有宽度。 上下部之间的部分是一个三栏布局。 三栏布局两侧宽度不变，中间部分自动填充整个区域。 中间部分的高度是三栏中最高的区域的高度。 我会用三种方法来实现圣杯布局，分别是浮动，flexbox以及css grid： HTML内容： <
阅读全文
摘要：思路整理： 1.选一张背景图片，图片上有奖品内容 2.绘画颜色区把奖品文字区域遮盖 3.消除绘制的颜色区，使其看见背景图片的文字内容。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>scra
阅读全文
摘要：1、什么是构造函数？ 用new关键字来调用的函数 构造函数的主要 功能为 初始化对象，特点是和new 一起使用。new就是在创建对象，从无到有，构造函数就是在为初始化的对象添加属性和方法。构造函数定义时首字母大写（规范）。 2、为什么要使用构造函数？ 当你要给一个对象声明属性和方法时，我们可以用va
阅读全文
摘要：事件机制事件绑定首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。 事件绑定的办法： 1.直接在HTML元素绑定，在标签后加onclick = function(){}等 2.在js脚本中绑定，获取元素后绑定事件 3.DOM绑定，添加事件监听
阅读全文
摘要：1.校验数字的表达式 1. 数字：^[0-9]*$ 2. n位的数字：^\d{n}$ 3. 至少n位的数字：^\d{n,}$ 4. m-n位的数字：^\d{m,n}$ 5. 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(
阅读全文
摘要：DOM查询 - 通过具体的元素节点来查询 - 元素.getElementsByTagName() - 通过标签名查询当前元素的指定后代元素，返回数组 - 元素.childNodes - 获取当前元素的所有子节点 - 会获取到空白的文本子节点 - 元素.children - 获取当前元素的所有子元素
阅读全文
摘要：1.0DOM操作增删改查 1.1. 查询 就是获取元素 标准 DOM API doucment.getElementById document.getElementsByTagName document.getElementsByName document.getElementsByClassNam
阅读全文
1
浙公网安备 33010602011771号