- 博客(16)
- 收藏
- 关注
RSS订阅原创 js事件循环深度理解
最近重温事件循环，发现与之前的理解不同，于是将之前的理解推翻，之后如果还有新的理解可能还会推翻哈哈，欢迎大家指正。网上关于事件循环的文章很多（重复的也很多），本文主要在这篇文章的基础上进一步细化分析一下。讲的有点啰嗦了。首先是js的定义：单线程的非阻塞的脚本语言。非阻塞！！！记住这三个字。单线程，我们都懂，这意味着javascript代码在执行的任何时候，都只有一个主线程来处理所有的任务，这样避免同时有多个动作操作同一块DOM造成页面无法解析。非阻塞：什么是阻塞？举例一：当页面在自上而下
2021-07-30 17:34:46
221
原创 undefined、null
变量：在应用程序中，使用变量来作为值的符号名。变量的名字又叫做标识符。变量求值：用 var 或 let 语句声明的变量，如果没有赋初始值，则其值为 undefined。此时的undefined是“值”。var x; //创建一个变量，但并没有赋值console.log("X的值是", x) //返回X的值是undefined数据类型(7+1种)：下表左边是数据类型，右边是该数据类型对应的数据的值。（有点拗口），想要强调的是此处的undefined与null，既表示数据类型，又表示值
2021-07-22 11:53:06
317
原创 $router和$route
区分$router和$routethis.$router：router 实例constrouter=newVueRouter({})this.$route：当前激活的路由信息对象watch: { // 监听路由变化 $route (to, from) { if (to.matched[0].path !== from.matched[0].path) { xxxxxx } }}路由...
2021-07-07 17:37:39
1063
原创 Node.js入门基础知识
Node的作用和应用：脱离浏览器运行JS 后端API编写 webpack, gulp, npm 中间层：服务器中负责IO读写的中间层服务器Node是一门后端语言，作为中间层的优点： 性能好，适合高并发 异步io 处理数据 安全性好，隔离后台 Node优势便于前端开发入门语法和JS相差无几，但使用习惯不同性能高性能比PHP快八九十倍利于前端代码整合Node缺点缺少框架NPM(Node Package Management：node包
2020-05-16 19:26:18
118
原创 querySelector()，getElementById()
getElementById()、getElementsByTagName()、getElementsByClassName()分别选择只能id、tag、classquerySelector()可以选择上述所有，返回的是匹配的第一个元素querySelectorAll()返回的是匹配的所有元素集合，是NodeList
2020-05-13 16:54:59
143
原创 setTimeout，setInterval
setTimeout(fn, t)：tms之后再执行fn一次setInterval(fn, t)：每隔 t ms执行一次fn，所以要有条件，设置clearInterval()防止一直调用。
2020-05-13 13:27:20
73
原创 跟着慕课网学习的高仿京东首页
高仿京东首页，效果图见最后，跟随慕课网视频所学。效果图见最后。重点功能：分类导航栏 轮播图不会在CSDN上上传资源，只好https://github.com/yujiang312/jd.git图片显示不出来的话是因为我用的都是在线的地址，所以要启动本地服务，我用的是browser-sync，可以参考我的另一篇文章。笔记：一、轮播图轮播图逻辑轮播图由多个图片组成，多个图片对应一个ul中的多个li，将li变成一行放置，但是只有一个图片处于显示位置可以显示，通过控制整个ul的lef
2020-05-13 11:00:19
517
原创 space-evenly
space-evenly:均匀排列每个元素,每个元素之间的间隔相等space-between:均匀排列每个元素,首个元素放置于起点末尾元素放置于终点假设我们容器里面有3个元素： space-evenly: 容器剩余空间由4个间隙平分 space-between: 容器剩余空间由2个间隙平分...
2020-05-10 15:43:02
9175
原创 CSS实现hover控制显示隐藏
当鼠标hover元素A时，元素B显示，离开则隐藏。一开始自己想当然的想到设置标志位，使用js来控制字，没想到CSS就足以简单方便的实现。/* B元素默认不显示 */.B { display: none;}/* A元素hover时显示B */.A:hover .B { display: block;}...
2020-05-09 16:01:58
7155
原创 browser-sync——省时的浏览器同步测试工具
node.js中安装browser-sync，可以监听代码自动刷新页面，类似于热更新。BrowserSync 将启动一个小型服务器，并提供一个URL来查看您的网站。// 监听css和html文件browser-sync start --server --files "css/*.css, *.html"例如： <img sr...
2020-05-06 21:58:23
234
原创 超详细通俗讲解js继承
原型链继承实现：让子类构造函数的原型指向父类构造函数的实例。子类实例不仅会有父类构造函数中的属性，还会继承父类原型上的属性。因此对于父类原型上的引用类型属性，所有实例都可修改。修改了子类构造函数的的原型对象，还失去了原先默认的constructor属性。即子类原型的 constructor不指向子类构造函数，而指向父类构造函数。下例中继承关系：SuperType.prototype &...
2019-08-04 09:50:39
268
原创 超详细通俗讲解JS创建对象的几大模式
没有模式： 实现：利用Object构造函数或者对象字面量，缺点：使用同一个接口创建很多对象，会产生大量重复的代码利用Object实例：创建Object实例然后为它添加属性方法var person = new Object();person.name = 'JJ';person.age = 29;person.sayName = function() { c...
2019-08-02 22:44:54
85
原创 回调函数、同步回调&异步回调？同步任务&异步任务？
回调函数是一段可执行的代码块，它的作用是在需要的时候方便调用这段代码；回调函数应用分为同步回调和异步回调。一、同步回调未用回调函数：A();B();使用回调函数：A(B);二者效果相同，执行顺序都是先A()，再B()。效果看起来就是A执行完了再回头执行B，即回调函数（意义何在？还是按顺序写看起来方便易懂啊 = =）。当然如果嵌套多层回调函数，则会影响代码观...
2019-05-11 13:00:04
1941
2
转载 闭包理解合集
摘取自各个网站上不同说法：1、闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。补：Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量，另一方面，在函数外部自然无法读取函数内的局部变量...
2019-05-08 19:50:52
217
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人