javascript - 随笔分类 - 猪mother

作用域和闭包

摘要：// 作用域和自由变量 // 闭包 let i,a for(i=0;i<10;i++){ a=document.createElement('a'); a.innerHTML = i + '<br>' a.addEventListener('click',function(e){ e.prevent 阅读全文

posted @ 2020-07-07 09:37 猪mother 阅读(157) 评论(0) 推荐(0)

异步

摘要：1.单线程和异步 js本身是单线程语言，只能同时做一件事浏览器和nodejs已支持JS启动进程，如web Worker JS和DOM渲染共享同一个线程，因为JS可以修改DOM结构 2.我们都知道js是单线程单线程 >只有一个线程，同时只能做一件事，两段js不能同时执行原因：避免DOM渲染冲突阅读全文

posted @ 2020-07-06 19:11 猪mother 阅读(153) 评论(0) 推荐(0)

原型和原型链

摘要： <script> function Person(name){ this.name=name } Person.prototype.age=10 var person1 = new Person() var person2 = new Person() console.l 阅读全文

posted @ 2020-07-03 15:40 猪mother 阅读(189) 评论(0) 推荐(0)

javascript中函数理解

摘要： <script> // <1>函数是第一类对象:javascrip中函数拥有对象的所有能力 //对象能做的任何一件事,函数都能做 //函数的特别之处在于它是可调用的,可以被调用来执行某项操作 // 1.函数的创建方式 //(1)通过字面量创建 function foo 阅读全文

posted @ 2020-07-03 14:53 猪mother 阅读(239) 评论(0) 推荐(0)

es6中项目中使用到的点

摘要：1.变量声明的方式：let const 2.模板字符串：反引号`` 3.函数里面：箭头函数，传参的时候使用默认参数， 4.解构，剩余参数的使用 5.展开运算符 6.class 7.promise 8.export/import 阅读全文

posted @ 2020-06-03 08:10 猪mother 阅读(202) 评论(0) 推荐(0)

var let const 区别

摘要：// var let const 区别 // ES5 只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景， <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>var</title> <scrip 阅读全文

posted @ 2020-05-29 17:36 猪mother 阅读(165) 评论(0) 推荐(0)

javascript数据类型

摘要：// 1.0数据类型有几种 // 值类型（基本数据类型）：String Number Boolean undefined Symbol // 引用数据类型：Object Function Array null // 2.0typeof输出什么可以设别所有的值类型 console.log(typeo 阅读全文

posted @ 2020-05-29 16:47 猪mother 阅读(184) 评论(0) 推荐(0)

函数调用的方式

摘要：// 1.0 一般形式的函数调用 // 在默认情况下，函数是不会执行的，使用小括号可以激活并执行函数， // 可以传递零个或多个参数，参数之间通过逗号分隔 // 示例1： function f(x,y) { //定义函数 return x * y; //返回值 } console.log(f(f(5 阅读全文

posted @ 2020-05-29 10:39 猪mother 阅读(311) 评论(0) 推荐(0)

根据history判断，有历史页就返回上一页，没有就关闭页面

摘要：//根据history判断，有历史页就返回上一页，没有就关闭页面function goBack(){ if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){ // I 阅读全文

posted @ 2020-02-20 15:02 猪mother 阅读(817) 评论(0) 推荐(0)

跑马灯

摘要：1.文字过长时，跑马灯展示<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti 阅读全文

posted @ 2020-02-20 11:27 猪mother 阅读(150) 评论(0) 推荐(0)

数组深浅复制

摘要：// 1.使用 slice 或 contcat 方法实现简单复制,简单值不一起改变，但是引用类型则原来对象和复制对象一起改变 var arr1 = [1, 2, 3, 4], arr2 = arr1.slice(0), arr3 = arr1.concat(); console.log(arr1, 阅读全文

posted @ 2020-01-17 10:19 猪mother 阅读(161) 评论(0) 推荐(0)

数组常用的方法

摘要：// 1.0 Array.from() 方法从一个类似数组或可迭代的对象中创建一个新的数组实例。 const bar = ["a", "b", "c"]; Array.from(bar); console.log(bar); console.log(Array.from('foo')); // 2. 阅读全文

posted @ 2020-01-16 17:22 猪mother 阅读(153) 评论(0) 推荐(0)

javascript原型模式发展历程

摘要：// 工厂模式 function Person(name,age){ var o = new Object(); o.name=name; o.age=age; o.sayName=function(){ alert(o.name) } return o } var o1=Person('lele' 阅读全文

posted @ 2020-01-16 11:47 猪mother 阅读(166) 评论(0) 推荐(0)

Ajax原理

摘要：Ajax是与服务器交换数据并更新部分网页 IE：ActiveXObejct(‘Microsoft.XMLHTTP’) 其他浏览器：XMLHttpRequest() 实现 xhr=new XMLHttpRequest() Xhr.open(method,url,async) Xhr.send(stri 阅读全文

posted @ 2020-01-16 11:07 猪mother 阅读(102) 评论(0) 推荐(0)

缓存的概念，如何实现缓存（Etag与last-modified优先级）

摘要：https://www.cnblogs.com/chenqf/p/6386163.html 1.http缓存：强制缓存：Cache-Control:public/private/no-cache/no-store/max-age=xxx Expires过期时间，绝对时间服务器时间有本地时间不一致会阅读全文

posted @ 2020-01-16 10:43 猪mother 阅读(1390) 评论(0) 推荐(0)

jsonp原理，定义的回调是怎么定义的、局部还是全局

摘要：<script>标签的src属性并不被同源策略所约束，可以获取任意服务器上的脚本并执行服务器返回全局的函数的执行 var script=document.createElement(‘script’) script.type=’text/javascript’ script.src=’http:/ 阅读全文

posted @ 2020-01-16 10:30 猪mother 阅读(248) 评论(0) 推荐(0)

什么是跨域，如果本地开发遇到跨域怎么解决

摘要：跨域是浏览器的同源策略造成的，浏览器为了自身的安全功能，协议、域名、端口有一个不一致，就不允许跨域请求资源 1.前端跨域拿数据方法(具体实现自行搜搜) https://segmentfault.com/a/1190000020686142?utm_source=tag-newest （1）docum 阅读全文

posted @ 2020-01-16 10:28 猪mother 阅读(2585) 评论(0) 推荐(0)

3.canvas与svg的区别

摘要：canvas是通过javascript来绘制的2D图形 canvas是控制像素来渲染的一旦渲染完成，浏览器就不会关注了，如果位置发生变化，整个场景就需要重新绘制 <canvas id="mycanvas" width="500" height="300" ></canvas> <script ty 阅读全文

posted @ 2020-01-16 10:07 猪mother 阅读(195) 评论(0) 推荐(0)

html5的新特性

摘要：(1) 语义化标签 [nav header footer article aside section] (2) 增强型表单 input增加了新的表单输入类型, 如：email,url,range,number,datePikcers,search,color 新的表单元素新的表单属性autofoc 阅读全文

posted @ 2020-01-16 09:57 猪mother 阅读(164) 评论(0) 推荐(0)

什么是html5？跟H5的区别？什么是H5？

摘要：1. 要回答这个问题，我们需要先了解一下HTML是什么。HTML的英文全称为Hyper Text Markup Language， HTML5是HTML最新的修订版本，由万维网联盟（W3C）于2014年10月完成标准制定。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准，以期能阅读全文

posted @ 2020-01-16 09:49 猪mother 阅读(1888) 评论(0) 推荐(0)

随笔分类 - javascript