03 2023 档案
摘要：从功能作用的角度区分： 1、loader： loader从字面的意思理解，是 加载 的意思。 由于webpack 本身只能打包commonjs规范的js文件，所以，针对css，图片等格式的文件没法打包，就需要引入第三方的模块进行打包。 loader虽然是扩展了 webpack ，但是它只专注于转化文
阅读全文
摘要：单页面是指只有一个主页面的应用，浏览器一开始要加载所有必须的html, js, css。 所有的页面内容都包含在这个所谓的主页面中。 但在写的时候，还是会分开写（页面片段），然后在交互的时候由路由程序动态载入。 优点： 公共资源不重新加载，局部加载，服务器压力小 切换速度快，用户体验好 前后端分离
阅读全文
摘要：pinia和vuex的区别 pinia它没有mutation,他只有state，getters，action【同步、异步】使用他来修改state数据 pinia他默认也是存入内存中，如果需要使用本地存储，在配置上比vuex麻烦一点 pinia语法上比vuex更容易理解和使用，灵活。 pinia没有m
阅读全文
摘要：认识Pinia Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。 上面这个是官网对Pinia的一个定义，从定义上我们其实可以看出来，它可能比Vuex要精炼一些。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的 状态，并以相应
阅读全文
摘要：什么是ChatGPT ChatGPT 是一种由OpenAI推出的专注于对话生成的人工智能语言模型，通过人类反馈的强化学习微调而来。其中 GPT 是 Generative Pre-trained Transformer（生成型预训练变换模型）的缩写。ChatGPT以文字方式互动，除了可以透过人类自然对
阅读全文
摘要：解： cookie是在HTML4中使用的给客户端保存数据的，也可以和session配合实现跟踪浏览器用户身份；而webstorage（包括：localStorage和sessionStorage）是在HTML5提出来的，纯粹为了保存数据，不会与服务器端通信。WebStorage两个主要目标：（1）提
阅读全文
摘要：后台管理系统中的权限管理是常见的问题，因为，后端管理牵扯到不同工作人员的职责和权限，所以，对于后台管理系统来说，不同的人员登录进入到系统后，看到的菜单（功能）是不一样的，这就是所谓的后台管理系统的权限。 一、后台管理系统的权限怎么弄（前端）? 1、首先后台管理系统的菜单的做成“活的”，即，菜单不能是
阅读全文
摘要：任何编程语言的内存分区几乎都是一样的。 内存是存储数据的，不同类型的数据要存储在不同的区域，即分类存放，不同的区域作用和功能也不一样。 以下为内存的分区图。内存分为四个区域：栈区（堆栈），堆区，全局静态区，只读区（常量区和代码区）。 1、栈区 1）存放的数据：局部变量，形参，被调用函数的地址（这个可
阅读全文
摘要：一、模块化的概念： 在进行项目分析或者编码时，先把项目进行拆分，拆分成很多的类，对象，很多的函数等等。能够提高代码的复用性。这些被拆分出来的类型，对象，函数就是模块。就像一辆汽车是由很多的零部件组成，每个零部件就是一个小模块，而由很多零件组成的发动机之于一辆汽车可以认为是一个大模块；或者说，一台计算
阅读全文
摘要：Promise概念： Promise是ES6提供的原生的类（构造函数）， 用来传递异步操作的消息。它代表了某个未来才会知道结果的事件（通常是一个异步操作）。 Promise的两个特点： （1）对象的状态不受外界影响。 Promise 有三种状态：Pending（进行中）、Resolved（已完成，又
阅读全文
摘要：一：解释 async和await是ES7出现关键字，目的是彻底解决回调地狱，比Promise彻底。即就是：把异步的回调变成了同步的写法。async和await是回调地狱的终极解决方案。 async：异步 await：等待 二、 async定义函数的格式 async function 函数名()
阅读全文
摘要：1、场景： 一个网页如果包含了很多的图片，那么，服务器压力就会很大。不仅影响渲染速度还会浪费带宽。 通俗的说：你不看的图片我先不加载，也许你不看呢（哈哈），我何苦要做无效的事情呢 你想看时，我再加载（哈哈） 2、原理： 1）、先将img标签的src链接设为同一张图片(默认图片：可以是loading)
阅读全文
摘要：概念： 路由守卫：就是进入当前路由前，有个人“门卫”进行保护，也可以理解为“安检”。 路由守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。 1.全局路由守卫 全局路由守卫有个两个：一个是全局前置守卫，一个是全局后置守卫 ，钩子函数按执
阅读全文
摘要：一、vue2和vue3的区别 1、双向数据绑定原理不同 vue2：vue2的双向数据绑定是利用ES5的一个API：Object.definePropert() 对数据进行劫持，结合发布订阅模式的方式来实现的。 vue3：vue3中使用了ES6的Proxy API对数据代理。相比vue2.x，使用pr
阅读全文
摘要：会不会引发vue中的组件更新，只要抓住：组件模板的显示结果会不会改变就行，如果显示结果会变，那就会更新组件，否则不会引发组件更新。 一、数据有没有渲染在页面上： 数据在模板（页面）里使用了：只要数据变了，自然会引起页面的更新，因为，影响了组件里的模板显示结果 数据没有在模板（页面）里使用：就算数据变
阅读全文
摘要：一、重绘重排的概念： 重绘的意思是：重新绘制，如：颜色发生变化， 重排（回流）的意思是：重新排列，即布局会受影响，如：用js动态改变了元素的宽或高，就会影响其它元素的位置，这叫重新排列。 二、什么时候引起重绘，什么时候引起重排： 1、重排（回流）：回流这一阶段主要是计算节点的位置和几何信息，那么当页
阅读全文
摘要：ES6 的扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 1、将一个数组转为用逗号分隔的参数序列（把数组中元素展开）。 如下： let arr=[12,23,34]; function testf(){ var arr2 = [
阅读全文
摘要：在程序中： this也是代名词，它的场景就是函数。this是函数里的内置对象。 一、this的四种情况：1）、当this所在函数是事件处理函数时。this表示事件源 2）、当this所在函数是构造函数时，this是new出来的对象 3）、当this所在函数时类的方法时，this是调用方法时的对象（写
阅读全文
摘要：一、什么是BFC 1、BFC即 Block Formatting Contexts (块级格式化上下文)， 是 W3C CSS2.1 规范中的一个概念。 2、BFC是指浏览器中创建了一个独立的渲染区域，并且拥有一套渲染规则，他决定了其子元素如何定位，以及与其他元素的相互关系和作用。 二、BFC的特点
阅读全文
