48浏览

0评论

Vue2 中的数据劫持简写示例

目录package.json 相关依赖Webpack.config.js 配置文件public/index.html 文件内容全部文件目录结构实例一个模拟的 Vue 应用vue/index.js 文件主要是负责初始化内容initSta...

• 2023-04-07

48浏览

0评论

命令行CLI一键生成各种烦人的lint配置实例

目录前言create-lint-config使用现有功能源码解读TODO总结前言写一个前端工程，要配置特别多的配置文件，大量的配置文件让我们很烦心，占用了大量写代码的时间。就像上图，看着就头...

• 2023-04-07

95浏览

0评论

Vue Element UI 表单自定义校验规则及使用

目录 一、表单效验规则的使用1、自定义效验规则介绍2、绑定效验方法3、添加效验4、效验判断5、清除效验规则二、常见表单效验规则（一）pattern验证（二）validator.js文件中常见的...

• 2023-04-07

87浏览

0评论

Vue3获取DOM节点的3种方式实例

目录1 .原生js获取 DOM 节点：2. vue2中获取当前组件的实例对象：3.vue3中获取当前组件的实例对象：总结1 .原生js获取 DOM 节点：document.querySelector(选择器)document.getEleme...

• 2023-04-07

62浏览

0评论

vue实现复制文字复制图片实例详解

目录正文方法复制文本复制图片正文复制文字和图片是我们经常会使用到的需求，我们这篇文章主要介绍使用navigator.clipboard.write()来实现复制文字和图片。不过这个属性是需...

• 2023-04-07

69浏览

0评论

Vue数据监听器watch和watchEffect的使用

目录watch()函数watchEffect()函数watch与watchEffect之间的联系与区别我们都知道监听器的作用是在每次响应式状态发生变化时触发，在组合式 API 中，我们可以使用 watch()函数...

• 2023-04-07

430浏览

0评论

Vue+elementUI下拉框自定义颜色选择器方式

目录elementUI下拉框自定义颜色选择器组件的定义父组件使用步骤elementUI中修改下拉框的背景颜色和字体颜色总结elementUI下拉框自定义颜色选择器组件的定义1.定义颜色选择...

• 2023-04-07

57浏览

0评论

ElementUI下拉框选择后不显示值问题及解决

目录ElementUI下拉框选择后不显示值解决elementUI下拉框value和label问题总结ElementUI下拉框选择后不显示值问题vue(ElementUI)下拉框选择后赋值了，但是框上不显示<!--下拉...

• 2023-04-07

62浏览

0评论

Vue-cli3中使用TS语法示例代码

目录ts有什么用？为什么用ts？1、引入Typescript包2、配置3、让项目识别.ts4、vue组件的编写ts有什么用？类型检查、直接编译到原生js、引入新的语法糖为什么用ts？TypeScript的设计...

• 2023-04-07

53浏览

0评论

vue项目登录成功拿到令牌跳转失败401无登录信息的解决

目录vue项目登录成功拿到令牌跳转失败401无登录信息问题原因vue项目登录处理token令牌问题总结vue项目登录成功拿到令牌跳转失败401无登录信息之前的一个上线半年多的项目，客...

• 2023-04-07

67浏览

0评论

Vue实现动态路由导航的示例

目录1、导航守卫二、功能展示 三、原理四、功能实现⛵小结1、导航守卫“导航” 表示路由正在发生改变正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消...

• 2023-04-07

55浏览

0评论

JS图片懒加载库VueLazyLoad详解

目录背景说明实现原理1. placeholder 的实现很细致和灵活2. 添加图片缓存3. 事件监听使用节流4. 监听事件不止滚动事件5. 事件列队的方式来处理懒加载6. 支持 data-srcset7....

• 2023-04-07

61浏览

0评论

vue深拷贝的3种实现方式小结

目录1、通过递归方式实现深拷贝2、JSON.parse(JSON.stringify(obj))3、jQuery的extend方法实现深拷贝拓展阅读vue深拷贝的其他实现方式总结vue深拷贝的三种实现方式：1、通过...

• 2023-04-07

63浏览

0评论

Vue中nvm-windows的安装与使用教程(亲测)

目录Vue中nvm-windows的安装与使用扩展：vue版本控制器nvm安装使用教程1.nvm是什么2.为什么要使用nvm3.怎么使用nvmVue中nvm-windows的安装与使用【原文链接】Vue----nvm-wind...

• 2023-04-07

42浏览

0评论

vue-element-admin中node-sass换成dart-sass,安装依赖报code 128多种问题的解决方法

目录vue-element-admin中node-sass换成dart-sass，安装依赖报code 128等问题1、node-sass换成dart-sass2、安装依赖报code 128的问题3、unable to resolve dependency tree扩...

• 2023-04-07

66浏览

0评论

el-input无法输入的问题和表单验证失败问题解决

目录1.el-input无法输入的问题原因1、el-input组件没有绑定双向响应式数据(v-model)原因2、组件嵌套太深还是该组件是一个坑(具体原因不清楚，只知道解决方法)解决方法的步骤2...

• 2023-04-07

44浏览

0评论

vue与django(drf)实现文件上传下载功能全过程

目录文件上传功能上传后端部分上传前端部分（vue添加vue.js和node.js，设置eslint）文件下载功能下载后端部分下载前端部分总结文件上传功能上传后端部分（一）Models.pyfrom django.d...

• 2023-04-07

31浏览

0评论

vue3.x中apollo的使用案例代码

目录通过客户端获取Apollo配置环境工具的安装获取Apollo配置相关代码错误提示通过开放接口获取Apollo配置通过不带缓存的Http接口从Apollo读取配置参数说明浏览器方式请求交...

• 2023-04-07

77浏览

0评论

vue之elementUi的el-select同时获取value和label的三种方式

目录一. 需求二. 方法1. 通过ref的形式（推荐）2. 通过字符串拼接的形式（推荐）3. 通过遍历的形式（不推荐）总结一. 需求如下图的下拉选项框，点击查看需要同时获取到选中选项的label值...

• 2023-04-07

61浏览

0评论

vue3怎么数据监听watch/watchEffect

目录watch()函数watchEffect()函数watch 与 watchEffect之间的联系与区别我们都知道监听器的作用是在每次响应式状态发生变化时触发，在组合式 API 中，我们可以使用 watch()函...

• 2023-04-07

66浏览

0评论

vue前端RSA加密java后端解密的方法实现

目录一、前言二、前端代码与用法三、后端代码与用法一、前言最近安全测试的总是测出安全漏洞来，让开发改。想了想干脆把请求参数都加密下，前端加密后端解密，这样总差不多了。看...

• 2023-04-07

111浏览

0评论

vue3使用el-upload上传文件示例详解

目录el-upload上传文件属性方法上传图片的实现存在的坑问题1问题2问题3el-upload上传文件在项目开发的过程中上传文件的需求是经常会遇到的，这篇文章我们就详细介绍使用eleme...

• 2023-04-07

95浏览

0评论

Vue如何使用ElementUI对表单元素进行自定义校验及踩坑

目录前言非空校验自定义校验定义自定义校验函数使用自定义校验函数总结前言在使用ElementUI的表单元素时候，除了做一些简单的非空处理校验，在一些特殊的场合，还需要我们做一些...

• 2023-04-07

53浏览

0评论

Vue使用distpicker插件实现省市级下拉框三级联动

目录前言安装distpicker引用并注册distpicker使用distpicker移动端适配美化样式取值总结前言这几天做项目，想着用一个全国省市区插件，之前就知道有几种，比如通过JSON文件生成对...

• 2023-04-07

64浏览

0评论

vue实现将自己网站(h5链接)分享到微信中形成小卡片的超详细教程

目录最新更新前言准备工作前端业务实现（超详细）后端代码实现（超详细）总结最新更新2022年12月24日23:58:30发现了个问题，解决了好久，问题如下：当我直接将链接发送到微信中的时候，然后...

• 2023-04-07

50浏览

0评论

Vue3使用JSX的方法实例(笔记自用)

目录1. Vue3 中 JSX 的基本应用1.1 在 .vue 文件中使用 jsx1.2 .jsx文件格式2. JSX 和 template 的区别2.1 插值2.2 自定义组件2.3 属性和事件2.4 条件和循环 3. JSX 和 slo...

• 2023-04-07

62浏览

0评论

webpack中的optimization配置示例详解

webpack配置optimizationminimizerruntimeChunknoEmitOnErrorssplitChunks主要就是根据不同的策略来分割打包出来的bundle。本人项目中splitChunks配置如下：module.exports =...

• 2023-04-07

49浏览

0评论

Vue 事件处理函数的绑定示例详解

目录正文Vue 的事件处理绑定事件修饰符按键修饰符Vue 为什么会在 HTML 中监听事件？正文在 JS 中「事件」是不需要绑定的，浏览器自带了许多的事件，每个事件都可以去绑定「处理器...

• 2023-04-07

60浏览

0评论

让ChatGPT解读Vue3源码过程解析

目录前言实战setup小结总结前言ChatGPT 最近十分火爆，今天我也来让 ChatGPT 帮我阅读一下 Vue3 的源代码。都知道 Vue3 组件有一个 setup函数。那么它内部做了什么呢，今天跟随...

• 2023-04-07

123浏览

0评论

Vue中 引入使用 babel-polyfill 兼容低版本浏览器的方法

目录1. 兼容低版本浏览器方法1.1 安装 babel-polyfill1.2 引入1.3（新增）在 babel.config.js 中配置1.4 在 vue.config.js （新增）配置 transpileDependencies2. vue-cli 2.x 中配...

• 2023-04-07

64浏览

0评论

Vue实现用户没有登陆时,访问后自动跳转登录页面的实现思路

目录设计思路 代码实现设计思路定义路由的时候配置属性，这里使用needLogin标记访问页面是否需要登录设置路由守卫，每个页面在跳转之前都要经过验证，校验用户信息是否存在，不存在...

• 2023-04-07

58浏览

0评论

手把手教你使用Node连接mongodb

要使用 Node.js 连接 MongoDB，通常使用 Mongoose 这个对象文档模型（ODM）库。下面就来简单介绍一下使用 Mongoose 连接 MongoDB 的方法。Mongoose 是一个 Node.js 包，提供了一个...

• 2023-04-04

41浏览

0评论

深入详解Vue中使用Teleport组件的方法

Vuejs中如何使用Teleport组件？下面本篇文章就来带大家了解一下Vue中使用Teleport组件的方法，希望对大家有所帮助！在DOM结构相对比较复杂,层级嵌套比较深的组件内,需要根据相对...

• 2023-04-04

68浏览

0评论

深入浅析Node的进程管理工具“pm2”

PM2简介PM2是一个内建了负载均衡器的node进程管理工具，可以利用它来简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，而且使用非常简单。当你要把你的独立代...

• 2023-04-04

63浏览

0评论

详解vue各种权限控制与管理的实现思路

一、 菜单权限 菜单权限：控制用户在系统中能够看到哪些菜单项 菜单权限指的就是后台系统中的左侧的菜单栏，前端可以根据后端接口返回的权限数据结合element-ui菜单组件循环拼...

• 2023-04-04

149浏览

0评论

聊聊vue3中如何刷新当前页面

1.业务场景一般我们在删除或者编辑完表格数据的时候，会再次请求接口来刷新表格的数据。如果是同时有好几个接口需要请求，那就不能再每个接口挨个去调了。我们需要使用一种比较...

• 2023-04-04

73浏览

0评论

一文探讨Node.js项目中怎么使用Koa2集成Swagger

什么是SwaggerSwagger是一款RESTful API的文档生成工具，它可以帮助开发者快速、准确地编写、维护和查阅API文档。Swagger具有以下优点： 自动生成API文档，减少手动编写的工作量 ...

• 2023-04-04

85浏览

0评论

怎么用Vue实现点击导航高亮效果

在前端开发中，导航是一个必不可少的元素，作为网站或应用的主要入口，导航的设计和交互是影响用户体验的重要因素之一。本文将介绍如何使用Vue来实现点击导航高亮的效果，以提升用...

• 2023-04-04

204浏览

0评论

总结elementUI表单验证的踩坑解决方法

本篇文章给大家带来了关于elementUI的相关知识，其中主要跟大家聊一聊我在实现elementUI的表单验证时都遇到哪些坑，顺便记录分享一下？感兴趣的朋友下面一起来看一下吧，希望对大家...

• 2023-03-19

74浏览

0评论

过去五年里，JavaScript中的一些超级有用的特性！

技术总是在不断发展，JavaScript 自 1995 年提出诞生以来发生了很多的变化，从那时起到现在它添加了许多新功能。本文讨论了过去 5 年添加到 JavaScript 中的一些超级有用（但可能...

• 2023-03-19

96浏览

0评论

快速搞懂Vue2 diff算法（图文详解）

diff算法是一种通过同层的树节点进行比较的高效算法，避免了对树进行逐层搜索遍历。那么大家对diff算法吗有多少了解？下面本篇文章就来带大家深入解析下vue2的diff算法，希望对大...

• 2023-03-19

115浏览

0评论

如何升级node版本？详细教程分享

Window 系统 window系统升级node只能到node官网下载window安装包来覆盖之前的node。 node 安装教程附下载地址：https://blog.csdn.net/qq_45677671/article/details/11453595...

• 2023-03-08

119浏览

0评论

vue学习之聊聊模板编译原理

vue提供了模板语法，允许我们声明式地描述状态和DOM之间的绑定关系，比如<p>{{name}}<p>。模板编译指的是模板将编译成render函数的过程，渲染函数的作用是每次执行时，会根据最新状...

• 2023-03-08

63浏览

0评论

我终于搞懂了async/await、promise和setTimeout的执行顺序

从一道题目出发今天看到一道面试题，是关于async/await、promise和setTimeout的执行顺序，题目如下：async function async1() { console.log(&#39;async1 start&#39;); await asy...

• 2023-03-08

75浏览

0评论

再谈JavaScript 中的对象解构

基础解构const fullName = { firstName: "Quintion", lastName: "Tang",};const { firstName, lastName } = fullName; // 解构语法console.log(firstName); // Quint...

• 2023-03-08

69浏览

0评论

一文总结5个JavaScript代码优化技巧

在本文中，将介绍 5 个代码优化的技巧，有助于编写更高效、更优雅的代码。这些技巧包括使用扩展运算符简化代码到使用 async/await 处理异步代码等。1. 使用扩展运算符解构对象...

• 2023-03-08

91浏览

0评论

聊聊JavaScript条件判断的使用技巧

本篇文章给大家带来了关于JavaScript的相关知识，其中主要跟大家聊一聊有关JavaScript条件判断的使用技巧，感兴趣的朋友下面一起来看一下吧，希望对大家有帮助。本文来介绍一下在...

• 2023-03-08

101浏览

0评论

面试官突然问：Vue2与Vue3的区别？

序现在网上疯传前端已死的言论，其实本质上的原因就是因为人员增多，岗位减少，导致竞争压力加大。社会中现有的问题，我们没有办法解决，但是可以从自身入手，让自己增加竞争力。当多个...

• 2023-03-08

113浏览

0评论

缓存是什么？用node怎么实现？

缓存原理浏览器缓存的基本原理是将静态资源（如 CSS、JavaScript、图片等）缓存到本地，当页面再次请求这些资源时，直接从本地获取，而不是重新从服务器下载。这可以减少页面的加载时...

• 2023-03-08

62浏览

0评论

vue中什么是路由懒加载？为什么要进行？

路由懒加载懒加载本质是延迟加载或按需加载，即在需要的时候的时候进行加载。
首页不用设置懒加载，一个页面加载过后再次访问不会重复加载。为什么要进行路由懒加载 当进行打...

• 2023-03-08