three vue js
前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件
#### 前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13148 #### 效果图如下: ![](https://p3-juejin.byteimg.com/t ......
js中的splice用法
非常感谢原博主,在菜鸟教程上给我看蒙了,看完这篇感觉清晰了很多,感谢:https://so.csdn.net/so/search?q=splice&spm=1001.2101.3001.7020 # splice()函数详解 > splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改 ......
Vue(三):数据绑定(v-bind和v-model)
数据绑定分为单向数据绑定和双向数据绑定,单向数据绑定就是前面学习的v-bind指令,而双向数据绑定则是下面学习的v-model指令。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数据绑定</title> <script ty ......
js中的预解析
1. js 中的声明 声明就是 变量的声明和函数的声明, 其目的是让 js 解释引擎知道有什么东西. 声明时不参与运算的, 是不参与执行的, 是在预解析阶段就完成的. 变量的声明 // 变量的声明就是 var 变量名. var num = 123; // 这是一个语法糖,可以理解成 var num; ......
定义一个JS数组去重的方法
1、思路:定义一个新数组,并存放原数组的第一个元素,然后将元素组一一和新数组的元素对比,若不同则存放在新数组中 function unique(arr) { let newArr = [arr[0]]; for (let i = 1; i < arr.length; i++) { let repea ......
Vue(二):指令语法之v-bind
一、什么是指令语法 vue中模板语法有两大类,第一类是插值语法,第二类就是指令语法。 1.插值语法 插值语法在上一篇“vue的简单使用”中已经提到了。 功能:用于解析标签体的内容 写法:{{XXX}},XXX为js表达式 2.指令语法 功能:用于解析标签(包括标签属性、标签事件、标签体内容等) 本文 ......
【技术积累】Vue.js中的基础概念与语法【一】
博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
Three.js教程:Threejs常见几何体简介
推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 Threejs常见几何体简介 Three.js提供的几何体API很多,本节课先给大家介绍几个比较简单的案例,为后面的学习打下基础。 你可以结合threejs文档,把下面动手把下面几何体相关代码全部测试一遍,并预览3D效 ......
Vue(一):简单使用
1.引入js 要对vue进行使用,首先要引入相关的js文件: <script type="text/javascript" src="../js/vue.js"></script> 此处我将vue.js下载到了本地进行引用。 2.准备容器 <!-- 容器 --> <div id="root"> <h ......
JS中的数组的some()方法
some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。 some() 方法会依次执行数组的每个元素: 如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。 如果没有满足条件的元素,则返回false。 注意: some() 不会对空数组进行检测。 注意: some ......
vue+axios实现token无感刷新
原文出处:https://www.jb51.net/javascript/286094r4h.htm 通常,对于一些需要记录用户行为的系统,在进行网络请求的时候都会要求传递一下登录的token。不过,为了接口数据的安全,服务器的token一般不会设置太长,根据需要一般是1-7天的样子,token过期 ......
手把手教你在Windows下搭建Vue开发环境
一、下载Note.js 下载地址:https://nodejs.org/zh-cn/download 二、点击安装包无脑下一步即可(建议修改下路径) 三、在选择的安装路径下创建两个文件夹node_cache和node_global 四、打开CMD,设置缓存路径和全局模块存放路径 4.1 缓存路径 n ......
Vue / uniapp cart.js购物车
const cart = { namespaced: true, state: { //{"store_id":"","goods_id":"", "goods_name":"", "goods_price":"", "goods_count":"", "goods_small_logo":"", ......
基于Node.js的分布式应用程序架构设计与最佳实践:实现高效、可扩展的分布式系统
[toc] 65. 基于Node.js的分布式应用程序架构设计与最佳实践:实现高效、可扩展的分布式系统 随着互联网的普及和发展,分布式系统已经成为现代应用程序中不可或缺的一部分。而Node.js作为当前最流行的JavaScript框架之一,其在分布式系统中的使用和优化也越来越广泛。在本文中,我们将介 ......
vue3 虚拟滚动的一些实践
看到这个vueuse库打开新天地后,看到一句warning: Consider using vue-virtual-scroller instead, if you are looking for more features. 于是用起来。 好用,前提是看懂文档 业务需要使用grid,它的grid竟 ......
vue3 - onMounted 多次触发 - 解决
1.原因 <router-view> 外面使用了 <keep-alive> 导致多次触发 onMounted 生命周期 2.解决 使用<keep-alive> 的第一层 页面 初始化数据的生命周期应该放弃使用 onMounted 应该使用 onActivated 用法与 onMounted 是一样的 ......
自动化平台总结(httprunner+djangorestframework+python3+Mysql+Vue)【基础构思】
一、前言 最近从零搭建了一个自动化测试平台,虽然不是第一次从零搭建,但是也从来没有进行过这类搭建的总结,还是记录一下,搭建过程中的一些问题和方法。方便以后总结和翻阅 二、简介 搭建的平台使用的是Python3.6,未来有空可能考虑加个java版本。前端用的Vue,主体是httprunner2.X+D ......
Vue的set主要是做什么的
这个时候可以用this.$set(),给新添加的对象属性,或数组元素添加getter,setter方法 简单说即是:当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也 许这个时候就需要用到this.$set()这个方法了 methods:{ btn(){ Vue.set( ......
Vue项目优化
代码层面的优化 v-if 和 v-show 区分使用场景 computed 和 watch 区分使用场景 v-for 遍历必须为 item 添加 key,且避免同时使用 v-if 长列表性能优化 事件的销毁 图片资源懒加载 路由懒加载 第三方插件的按需引入 优化无限列表性能 服务端渲染 SSR or ......
vue中的data为什么是一个函数
Vue 中的 data 必须是个函数,因为当 data 是函数时,组件实例化的时候这个函数将会被调用, 返回一个对象,计算机会给这个对象分配一个内存地址,实例化几次就分配几个内存地址,他们的 地址都不一样,所以每个组件中的数据不会相互干扰,改变其中一个组件的状态,其它组件不变。 简单来说,就是为了保 ......
Vue单项数据流是什么
父级 prop 的更新会向下流动到子组件中,但是反过来则不行,防止从子组件意外改变父级组件的状态 每次父级组件发生更新时,子组件中所有的 prop 都将会刷新为最新的值 子组件想修改时,只能通过$emit 派发一个自定义事件,父组件接收到后,由父组件修改 ......
vue+element绑定事件使用
vue+element绑定事件使用 有时候需要写一点点前端页面,vue+element搭配是能提升效率的前端框架,因为使用还不太熟练,将一些常用的操作记录下来。 1. button绑定点击事件 1 <el-button type="danger" :data-id=123 v-on:click="c ......
DRF 跨域 Vue 登录!
DRF 跨域 下载 # 版本, 我 Django3.x Python3.7# django-cors-headers 4.0.0pip install django-cors-headers 配置 # 打开 settings.py# 增加INSTALLED_APPS = [ ... 'corshea ......
vue中el-table 实现拖拽排序
1.安装Sortable.js npm install --save sortablejs 2.在当前vue中JS代码中引入 import Sortable from ‘sortablejs’ 3.在当前vue文件template el-table中指定row-key row-key="id" ro ......
modalError.vue 错误提示框 vue2 iview
## 需求 一个错误提示框,后台需要有换行,默认没有换行,做一个支持换行的全局错误提示函数。 ## 注意 代码只展示原理,直接不能使用,里面有getAc,有需要参考 https://www.cnblogs.com/pengchenggang/p/17037428.html ## 预览 ![](htt ......
ant design vue的customRender()方法中使用$createElement提示undefined
ant design vue的customRender()方法中使用$createElement提示undefined报错信息如下:TypeError: Cannot read properties of undefined (reading '$createElement') 原因:如果index ......
认识soui4js(第三篇):使用C/C++开发扩展模块
首先需要明确:JS代码本身不具备直接调用系统API的能力,JS代码能调用什么功能,都依赖于其它扩展模块提供了什么样的接口。 soui4js模块将soui的界面能力作为一个js模块导出到了js中,使得js可以和C++一样操作GUI。 但是操作GUI只是一个客户端APP的一个需求。一个产品可能会有各种需 ......
【vue3】实现el-tree组件
禾小毅 csdn博客 【vue3】实现el-tree组件,将不同层级的箭头修改成自定义图标的组件封装及调用 【vue3】实现简易的 “百度网盘” 文件夹的组件封装实现 【vue3】 实现 公共搜索组件,在当前页搜索的路由跳转不能改变当前值的操作,使用bus / event-emitter 派发器 ......
vue前端预览pdf并加水印、ofd文件,控制打印、下载、另存,vue-pdf的使用方法以及在开发中所踩过的坑合集
> **根据公司的实际项目需求,要求实现对pdf和ofd文件的预览,并且需要限制用户是否可以下载、打印、另存pdf、ofd文件,如果该用户可以打印、下载需要控制每个用户的下载次数以及可打印的次数。正常的预览pdf很简单,直接调用浏览器的预览就可以而且功能也比较全,但是一涉及到禁止用户打印、另存的话就 ......
vue WebUploader 分块上传
文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na ......