九维魔术师-优快云博客

原创 Vue数据双向绑定

看一些资料时说v-model是一个语法糖。1.掘金Vue双向数据绑定原理及实现 - 掘金 (juejin.cn)这篇文章讲得十分有深度

2022-04-27 16:50:22 158

一、阮一峰网站JavaScript 运行机制详解：再谈Event Loop - 阮一峰的网络日志 (ruanyifeng.com)行文思路：1.为什么JS是单线程？这句话我看到很多遍了“比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？”，我其实一直有个问题，那其他多线程的语言是怎么解决这个问题的呢？也许是更加复杂了。“为了利用多核CPU的计算能力，HTML5提出Web Worker标准，允许Java

2021-12-09 16:08:02 356

原创轮播图设计

这篇放在CSS中感觉好奇怪啊，有空将它放到别的专栏。一、电商平台的轮播图（将会在以后添加交互）1. 首先在ul标签上设置了类img-list-container。在设置样式时，ul的宽高可设为与图片大小相同,margin设置 0 auto居中效果才会有。2. 在设置只让一个图片显示的效果时，借助overflow: hidden。但这时要考虑一个问题：你的所有图片是横向排列还是纵向排列的，还有一种方案是让它们全部重叠在一起。电商采用的是重叠在一起。3.那么如何设置重叠呢？我们可以让...

2021-12-08 20:08:17 795

原创 HTML基本功（HyperText Markup Language）

在这篇文章里我会把资源列出来，然后标记一些好的题目。本文将会不断修改和更新。一、githubfe-interview/html.md at master · haizlin/fe-interview (github.com)1.html的元素有哪些？[html] 第2天 html的元素有哪些（包含H5）？ · Issue #4 · haizlin/fe-interview (github.com)2.浏览器内多个标签页之间的通信方式有哪些？[html] 第9天浏览器内多

2021-12-08 15:37:45 558

原创 JS 的 new运算符

一、MDNnew 运算符 - JavaScript | MDN (mozilla.org)二、方应杭知乎JS 的 new 到底是干什么的？ - 知乎 (zhihu.com)

2021-12-08 15:08:12 625

原创前端之路感触（二）

最近一段时间应该会疯狂输出我这两个半月断断续续学到的前端的内容，放在各个专栏里（目前只有JS专栏，很快会创建CSS专栏，VUE专栏，微信小程序专栏）。这些文章的内容就是我看到的一些很好的知识点的总结，并附上链接。有时间的话，也会在里面加上我对这些东西的思路想法。这些文章每一篇都会持续更新，如果我看到了更好的关于它们的知识点的说明。在这段时间里，我在一些求职网站和前端文章里看到了这样一种声音：后端稍微学学，就能比前端写出更好的代码来。这很现实，但也很让我有目标感——那就是写出...

2021-12-05 20:57:36 252

原创原型（prototype）与原型链

prototype经典永流传~~ 本文将持续更新首先插一个阅读文章时常见的知识：语法糖。(32 封私信 / 80 条消息) 什么是语法糖？ - 知乎 (zhihu.com)百科上的解释不像知乎这么生动，当然，看懂随意。回到正题：一、MDN继承与原型链 - JavaScript | MDN (mozilla.org)建议没基础的不要看这个。二、方应杭知乎「每日一题」什么是 JS 原型链？ - 知乎 (zhihu.com)思路： 1.obj 为什么...

2021-12-05 20:07:51 479

原创深拷贝和浅拷贝的解析

越写越感觉深拷贝很复杂，我选择长期更新~不过根据这些总结，deepcopy需要根据具体的案例去实现，因为你不知道对象里有多深~一、没有标题是因为我记不清这个观点是那里看到的了，如果能找到的话，将在上面加上去链接。1.原因赋值操作中JS中的引用类型造成的。2.数组中的浅拷贝方法：（1) 遍历 (2) slice() (3)数组原生concat([])方法3.此君写了一个深拷贝deepcopy函数...

2021-12-05 17:03:20 107

原创数据类型篇——基本(值)类型/对象(引用)类型

数据类型最基本的是分类和判断。_____________________________________________________________________________在总结这篇文章的时候，我的脑海里一直被一个问题所困扰：使用一个变量的完整过程是什么？更细节点，我知道初始化和赋值，但是一个变量的定义，声明，创建这三者有什么区别呢？还是最经典的第一步，先查阅官方文档，官方文档相对是权威的。MDN对变量的声明，创建，定义三者之间并没有明确区分，当然，这是翻译后的文档，英文中这三个

2021-12-05 16:25:00 308

原创经典的必问闭包（Closure）

常见英文单词： heap: 堆 stack:栈解释：堆栈是两种数据结构。马上将在另一个专栏里写写数据结构与算法。一、MDN：一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。闭包 - JavaScript | MDN ...

2021-12-04 22:30:49 1035

原创 this是什么？

一、阮一峰日志JavaScript 的 this 原理 - 阮一峰的网络日志 (ruanyifeng.com)这里的this讲得如同下面的评论：图文结合，通俗易懂。二、方应杭知乎this 的值到底是什么？一次说清楚 - 知乎 (zhihu.com)行文思路： 1.首先需要从函数的调用讲起 2.this就是contextfunc.call(context, p1, p2)...

2021-12-03 17:07:35 245

原创 JS中关于let和var的总结

这三个月来的总结都写到了本地，一直没有发布。我从今天开始会陆续写写对前端三大基本功和VUE的知识点总结。文章如果是其他人的观点，我会注明出处。首先是ES6中的let和var:一. 阮一峰网站let 和 const 命令 - ECMAScript 6入门 (ruanyifeng.com)总结：1. let所声明的变量，只在let命令所在的代码块内有效。 var命令声明的，在全局范围内都有效.2.let不存在变量提升，var存在（var命令会发生“变量提升”现象，即变...

2021-12-03 15:19:42 580

原创前端之路的开始日记（一）

敲下这个题目的时候，我想着的是前端的职业规划分析总结，开始系统学习前端的这段时间，我发现自己在前端路线的学习之路有些沉迷于一种“赶进度”的状态了。何为“赶进度”，我以我个人的心境状态来剖析做个例子。第一条学习上追求得很快，实践上渐渐落了下来（多数时间是在跟着MDN和其他资料上的例子在敲），最近我发现了这个问题后，开始慢慢往回看，在GitMind上建立自己的知识框架，总结学习的知识进而消化掉它。除此之外，在实践上我的例子很少有自己思考的东西,大多都是照着敲。不过我想量...

2021-10-14 22:04:30 109

XIAO_______zhang的博客