![](https://img-blog.csdnimg.cn/9d31e26b157c4f3aaed2e4afe42a8eb0.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 78
前端知识总结
CODER-V
全栈干货博主
展开
-
【Vue 响应式数据原理】数据双向绑定原理
vue 2 通过设定对象属性getter/setter方法来监听数据的变化,同时getter也用于依赖收集,而setter在数据变更时通知订阅者更新视图。vue 对JavaScript数组的方法进行了二次封装(重写)来劫持这些方法,在原有操作数据的基础上,添加了将数据响应到页面的功能。,外部所有的访问都必须通过这层拦截,通过这层拦截可以做很多事情,比如对数据进行过滤、修改或者收集信息之类。Proxy,字面意思是代理,是ES6提供的一个新的API,用于修改某些操作的默认行为,可以理解为。原创 2023-03-24 10:39:02 · 408 阅读 · 0 评论 -
vite 跨域配置
跨域一般出现在开发阶段,由于线上环境前端代码被打包成了静态资源,因而不会出现跨域问题。跨域可以在前端通过 代理服务器实现,也可以通过后端配置请求头实现,具体情况具体选择。若线上环境跨域则只能通过后端配置请求头解决。原创 2023-03-22 20:23:28 · 7060 阅读 · 0 评论 -
【vite 自动配置路由】
手动配置路由,是一个没有技术含量又浪费时间的工作。本文将介绍 vite 构建的 vue3 项目如何编写一个自动配置路由的脚本。原创 2023-03-22 20:16:18 · 597 阅读 · 0 评论 -
【Vue 源码解析】Vue实例挂载过程
源码位置:node_modules/vue/src/core/instance/index.js(ps:找不到可以在node_modules目录下搜索,因为懒惰后边就不写node_modules/vue这两级目录了)源码位置:/src/platforms/web/entry-runtime-with-compiler.js。方法,但我们发现本文件中并没有此方法,但仔细可以看到文件下方定定义了很多初始化方法。源码位置:src\platforms\web\runtime\index.js。原创 2023-03-18 10:36:47 · 649 阅读 · 0 评论 -
【JavaScript运行原理之V8引擎】V8引擎解析JavaScript代码原理
V8 是一个接收JavaScript代码,并编译代码,执行代码的一个C++程序,编译后的代码可以在多种操作系统,多种处理器上运行。V8的工作:编译执行js代码、处理调用栈、内存分配、垃圾回收。原创 2023-03-10 17:38:44 · 1154 阅读 · 0 评论 -
【浏览器渲染原理】
js阻塞:但是在解析过程中遇到script标签时,就会停止html解析,转而去加载解析并执行js(因为浏览器并不知道当前的js操作会不会改变当前的html结构,如果js代码里用例document.write()来修改html,那么之前的解析就都没有意义了,所以我们一定要把script标签放在合适的位置,或者使用async或deffer属性来异步加载执行js);很多应用程序都是多进程的结构,这样是为了避免某一个进程卡死,影响整个应用程序,因为进程之间相互独立,一个进程卡死不会影响用户使用另一个进程。原创 2023-03-10 13:51:00 · 286 阅读 · 0 评论 -
一文彻底搞懂cookie、session、token、jwt!
角度一:是否有状态Cookie、Storage、Session 是有状态的,都用于存储用户信息。Token、JWT 是无状态的,用于户身份验证的,不存储用户信息,实际上Token还是有状态的,因为需要在服务器保存一些属性用于验证Token,JWT真正做到了无状态。角度二:存储位置Cookie、Storage是浏览器存储数据方案Session是服务器存储数据方案角度三:创建者Cookie、Sessin、Token、JWT都是由服务器生成角度四:传输方式通过HTTP请求头或请求参数传输原创 2023-03-02 17:16:11 · 1123 阅读 · 0 评论 -
DOM 对象所有属性方法介绍,看这一篇就够了!
注意,在 1 级 DOM 中,HTMLDocument 定义了一个名为 getElementById() 的非常有用的方法。这些集合属性都源自于 0 级 DOM。很多属性和方法都是 HTMLCollection 对象(实际上是可以用数组或名称索引的只读数组),其中保存了对锚、表单、链接以及其他可脚本元素的引用。Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。write() 方法值得注意,在文档载入和解析的时候,它允许一个脚本向文档中插入动态生成的内容。原创 2023-02-22 07:16:04 · 3269 阅读 · 0 评论 -
Browser 对象所有属性和方法介绍,看这一篇就够了!
不过 Anchor 对象表示的是文档中的超链接,Location 对象表示的却是浏览器当前显示的文档的 URL(或位置)。如果把一个含有 URL 的字符串赋予 Location 对象或它的 href 属性,浏览器就会把新的 URL 所指的文档装载进来,并显示出来。除了 URL 属性外,Location 对象的 reload() 方法可以重新装载当前文档,replace() 可以装载一个新文档而无须为它创建一个新的历史记录,也就是说,在浏览器的历史列表中,新文档将替换当前文档。原创 2023-02-22 07:02:37 · 610 阅读 · 0 评论 -
JavaScript 对象所有方法介绍,看这一篇就够了!
实际上,ECMAScript 标准没有规定全局对象的类型,JavaScript 的实现或嵌入的 JavaScript 都可以把任意类型的对象作为全局对象,只要该对象定义了这里列出的基本属性和函数。但通常不必用这种方式引用全局对象,因为全局对象是作用域链的头,这意味着所有非限定性的变量和函数名都会作为该对象的属性来查询。全局对象是作用域链的头,还意味着在顶层 JavaScript 代码中声明的所有变量都将成为全局对象的属性。全局对象是预定义的对象,作为 JavaScript 的全局函数和全局属性的占位符。原创 2023-02-22 06:49:51 · 726 阅读 · 0 评论 -
尤雨溪谈Vue的进化历程
核心(编译器 + 运行时)文档工具链(create-vue)SPA 路由(React Router)状态管理(Pinia)浏览器开发工具(vue-devtools)IDE 支持(Volar)TypeScript 支持(vue-tsc)静态分析(eslint-plugin-vue)单元测试(@vue/test-utils)整体趋势就是向编译/运行时混合模式进化:同一份模板,不有得编译输出:在浏览器中:输出高度优化的 Virtual DOM 渲染函数;原创 2022-12-11 21:28:50 · 956 阅读 · 0 评论 -
Vue2.0原理篇
一句话总结Vue原理,面试/复习必看!!!原创 2022-05-31 19:28:01 · 1214 阅读 · 0 评论