摘要：vite —— 一个由 vue 作者尤雨溪开发的 web 开发工具，它具有以下特点： 快速的冷启动 即时的模块热更新 真正的按需编译 一、全局安装vite-create-app yarn global add vite-create-app 二、使用cva创建项目 cva vue3-example 阅读全文

摘要：在开发过程中，我们经常会使用各种ui组件，有的时候需要二次封装，或者修改样式，以方便重复使用 以element举例： <template> <el-input v-model="_value" /> </template> <script> export default { props: { val 阅读全文

摘要：一般对于vue开发来说，element应该是web端常用的ui框架，默认情况下，会加载所有的组件，但是可能很多组件我们并不需要，官方也提供了组件化的方法。 默认情况下，我们使用element： import Vue from "vue"; import Element from "element-u 阅读全文

摘要：css中，style可以通过修改style节点的disabled属性进行禁用，而不必移除该节点 事件传播是浏览器决定哪个对象触发其事件处理的过程。对于单个对象的特定事件，必须是不能传播的。当文档元素上发生某个类型的事件时，然而，它们会在文档树向上传播或冒泡。事件处理程序能通过调用方法或设置事件对象属 阅读全文

摘要：我们有时可能需要一些在页面加载完成之后执行的方法，其实js原生就提供了onload方法，所以我们最简单的办法就是直接给onload赋值一个函数，在页面加载完成之后就会自动执行 或者我们也可以使用addEventListener，来监听多个load事件，此处我们先暂时不考虑低版本的ie 这个时候，我们 阅读全文

摘要：转载来源：新人必看的短小而精悍的javascript function 1.回到顶部，优点使用浏览器刷新频率的requestAnimationFrame，很顺滑 const scrollToTop = () => { const c = document.documentElement.scroll 阅读全文

摘要：很多时候我们能够看到类似进度条一样的东西在页面顶部进行加载，代表页面是否加载完成，或者其他的loading效果，我们当然不可能通过promise.all来讲所有的请求合并到一起然后进行处理，这个时候我们可以通过一个计数器，然后监听axios的请求发送来进行处理 在一些特殊的需求里面，我们可能会重复的 阅读全文

摘要：项目中经常出现需要多次使用的后端数据，通常的做法是通过变量缓存数据，或者通过类似vuex的东西来进行缓存，但是麻烦在于很可能需要判断一大堆的条件，或者说如果有权限控制的时候数据能否读取也是很麻烦的事情 所以这里提供一个比较简单的解决方案，通过在对象中存储请求路径以及参数甚至是token，然后拦截发起 阅读全文

摘要：通常来说，我们工作中遇到的都是get方式进行文件下载，只需要window.open打开链接就可以进行自动下载，下载所需要的参数只需要跟在链接后面即可 但是偶尔会遇到要求post请求进行下载文件，有可能是因为参数过多，也可能需要隐藏参数 通过ajax的方式或者fetch的方式请求文件下载链接会发现会接 阅读全文

摘要：匹配字符规则： . 通配符，匹配除换行符外的所有字符 \d 匹配数字，同[0-9] \D 非数字 [a-z] 匹配小写字母 [A-Z] 匹配大写字母 \s 匹配任意空白字符 \S 匹配任意非空白字符，和\s相反 \w 匹配任意字类字符和_，同[a-zA-Z0-9_] \W 好\w相反 \b 单词开始 阅读全文

摘要：浅拷贝，又叫浅复制，使用方法就是最简单的赋值： 实际上参数传递也是用的浅拷贝 但是，在对象进行浅拷贝的时候，拷贝的内容进行修改会影响原来的变量 原因：对象类型的直接赋值，实际上是赋值的一个引用，或者说只是赋值了一个地址，对象的数据实际上并没有直接放在这个变量所代表的内存空间，该内存空间只是存放了一个 阅读全文

摘要：一个通过vue实现的练手小项目，数据保存和导出通过node进行处理 成品截图： 安装vue-cli,webpack: 通过vue-cli搭建项目： 需要使用vuex管理数据，添加store文件夹，最终目录结构： vue_notes |--components |--router |--store 编 阅读全文

摘要：关于websocket的介绍太多，在这就不一一介绍了，本文主要实现通过websocket创建一个简易聊天室，就是90年代那种聊天室 服务端 1.安装ws模块，uuid模块，ws是websocket模块，uuid是为了生成唯一id的模块 2.创建socketServer.js,引入相应模块 3.创建s 阅读全文

摘要：前言： 大多数时候，前端会和后端同时进行开发，即在我们开发完页面的时候，很可能还不能立马进入联调阶段，这个时候，为了保证我们接口的有效性和代码的功能完整，我们可能需要模拟数据。 模拟数据方法 1.通过js变量模拟后台数据 优点：不需要服务器 缺点：需要造很多变量，同时还要将变量在我们的有效代码中使用 阅读全文

摘要：基础数据类型 js数据类型：字符串、数字、布尔、数组、对象、Null、Undefined "string" //string 1 //number true //boolen [] //array {} //object null //null undefined //undefined 常规判断数 阅读全文

摘要：前言： 通常来说，我们在没有任何目的性的组织代码，所有的代码逻辑都是根据程序员理解到哪一步业务就写到哪一步的代码写法，称之为面向过程的编程。面向过程的编程，是纯粹的以程序员的代码流程，来控制整个项目的业务实现，这样的代码通常具有比较强的耦合性，通常涉及到修改代码，很可能就是一个比较繁杂的过程，需要修 阅读全文