随笔分类 - Javascript
摘要：1.前言：缓存是把双刃剑 在默认情况下，当浏览器重复访问同一个资源（比如 JS、CSS、图片），为了节省带宽、提升加载速度，它会把资源缓存到本地。后续请求不再向服务器拉取，而是直接从磁盘或内存中读取。 这听起来很美好，但也有副作用：当服务器上的资源更新了，用户可能还在用旧版本——这就是我们常说的“缓
阅读全文
摘要：1.前言 由来：localStorage和sessionStorage是 HTML5 标准中新加入的技术，用于保存整个网站的数据 两者区别：localStorage的生命周期是永久的，除非手动删除，而sessionStorage仅在当前会话下有效（即使是同个域名下的网页也无法访问当前会话下创建的键值
阅读全文
摘要：1.简介 参考：cookie by 阮一峰 含义：Cookie 是服务器保存在浏览器的一小段文本信息，一般大小不能超过4KB，浏览器每次向服务器发出请求，就会自动附上这段信息 目的：HTTP 协议不带有状态，有些请求需要区分状态，就通过 Cookie 附带字符串，让服务器返回不一样的回应，例如保存登
阅读全文
摘要：1.传统异步处理 ES6之前使用回调进行处理，示例代码: //创建一个异步返回 双倍数值 的函数 function asyncDouble(num,cb){ // 创建标识，表示该异步处理是否完成 var complite = false // 数值处理结果 var result = null va
阅读全文
摘要：1.无模块化时代（早期 Web） 所有代码写在全局作用域： var utils = { ... }; function handleClick() { ... } 通过 script 标签按顺序引入多个 JS 文件 ❌ 问题：命名冲突、依赖混乱、难以维护 2.社区规范兴起 由于语言本身没有模块机制，
阅读全文
摘要：1.对象含义和创建 含义：对象是拥有属性和方法的数据 创建方式一：字面量声明 var person = {} 创建方式二：使用关键字new var person = new Object() 2.增（添加属性） 通过点语法添加属性 var person = {} person.name = "kyo
阅读全文
摘要：1.navigator对象 window.navigator 对象包含有关访问者浏览器的信息，常用属性： 属性 说明 appCodeName 返回浏览器的代码名 appName 返回浏览器的名称 appVersion 返回浏览器的平台和版本信息 cookieEnabled 是否启用cookie pl
阅读全文
摘要：1.基本用法 Javascript定时器分为循环定时器和延时定时器 循环定时器：setInterval(cb,duration)，循环执行回调，时间单位为毫秒 延时定时器: setTimeout(cb,duration)，只执行一次回调，时间单位为毫秒 <script> //循环定时器 每秒输出当前
阅读全文
摘要：1.获取时间 使用new Date()来获取时间对象，默认是当前时间 时间对象可以调用一系列方法来获取其对应的到年月日，时分秒等（返回的数据类型是number类型） 注意：月份是以0开始的，即0代表一月份 <script> //获取当前时间 var date = new Date() console
阅读全文
摘要：1.基本使用 AJAX = Asynchronous JavaScript and XML，即异步 JavaScript 和 XML， 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术 get请求：参数拼接到url后面 <script> function getMsg(){ var ur
阅读全文
摘要：1.点击事件 事件名称 说明 click 点击事件，鼠标左键按下弹起完成后触发 mousedown 鼠标左键按下瞬间触发 mouseup 鼠标左键弹起瞬间触发 dblclick 鼠标双击触发 <script> document.onclick= function(){ console.log("cl
阅读全文
摘要：1.类名操作 class类名以字符串的形式存储到标签和Dom元素的属性中，标签属性为class，Dom元素属性为className，两个属性是均支持读取和修改，修改其中的一个会同步至另一个属性 className属性：拿到Dom后，通过这个属性来读取和修改 <body> <div id="app">
阅读全文
摘要：1.写法对比 传统函数 //传统函数 function sum(n1,n2){ return n1+n2; } console.log(sum(1,2)); //3 箭头函数 //求和 var sum = (n1,n2)=> { return (n1+n2) } //等价于 var sum = (n
阅读全文
摘要：1.let声明 1.let不像var有变量声明提升，未声明直接使用会报错 console.log(a); //undefined var a; console.log(b); //报错 let b; 2.在ES5中，全局变量是挂载在顶层对象（浏览器是window）中。而let不会 var a = 1
阅读全文
摘要：1.前言 定义 ：当一个Dom元素触发事件时，系统会生成一个对象来记录事件触发时的一些信息，比如鼠标坐标，按键信息，并将此作为参数传入回调函数中 document.querySelector('#box').onclick = function(e) { //IE8不需要传递参数，直接用window
阅读全文
摘要：1.addEventListener() 语法：node.addEventListener(事件名称,回调函数,是否使用事件捕获传递) 第三个参数：可以是布尔值，就用来描述是否使用事件捕获传递，默认为false，即冒泡传递，如果设为true，则代表为捕获传递，也可以是一个配置对象 <script>
阅读全文
摘要：1.call()与apply() 语法：fn.call()与fn.apply()，第一个参数为此次调用时的this指向，如果不传，则则等同于指定全局对象，后面的参数为函数原本的参数 作用：立即执行fn(), 并绑定对应的this，绑定的this只有此次运行生效 区别：apply()方法传递参数时，使
阅读全文
摘要：1.构造函数 含义：所谓”构造函数”，就是专门用来生成实例对象的函数。它就是对象的模板，描述实例对象的基本结构。一个构造函数，可以生成多个实例对象，这些实例对象都有相同的结构 写法：构造函数的名称一般都是首字母大写，用来表明这是一个构造函数，其内部通过this给实例挂载属性和值，通过关键字new调用
阅读全文
摘要：当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。 简单的模式可以是一个单独的字符。 更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。 您可以规定字符串中的检索位置，以及要检索的字符类型，等等。 完整教程 1.基本用法 创建方式一：字面量方式定义 <
阅读全文
摘要：1.基本用法和属性 属性 说明 调用者 length 返回字符串的长度 当前字符串 constructor 返回字符串的构造函数 String() 当前字符串 <script> // 创建字符串 var str = "hello world" // 根据下标访问某个字符 console.log(st
阅读全文
浙公网安备 33010602011771号