草庐IT

nodejs_vue

全部标签

vue2中的$符号(内置变量)

$开头的变量只是Vue的命名规则,为了区分普通变量属性,避免我们自己声明或者添加自定义属性导致覆盖。一、$datavue的实例属性$data是用于获取data里数据的相当于用this获取。template>div>p>a@click="click()">$dataChangea>|a@click="click2()">thisChangea>p>p>{{data1}}p>div>template>script>exportdefault{name:"CT",data(){return{data1:'data1'};},mounted(){console.log(this.$data);},me

基于SpringBoot+vue疫情网课管理系统详细设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

css优化--vue2和vue3中虚拟滚动,懒加载实现

重绘(repaint):只是当页面的颜色、透明度等信息发生变化时会导致重绘。例如:color、background-color、visibility等,结构不变。回流、重排(reflow):整个dom树重新渲染。假设实际开发中服务端一次响应10万条列表数据,此时设备屏幕只允许容纳10条,那么用户理论上只可以看见10条数据。此时如果前端将10万条数据全部渲染成DOM元素,可能造成程序卡顿,占用较大资源,非常影响用户体验,那么虚拟滚动技术就完美的解决了这一问题。【虚拟滚动的实现】1、获取滚动高度2、列表单个item的高度3、计算屏幕容纳几个item4、计算滚动了几个item到顶部不可见区域5、使用

java+vue毕业设计项目 网上购物商城系统(含源码+论文)

文章目录1项目简介2实现效果2.1界面展示3设计方案3.1概述3.2系统开发流程3.3系统结构设计4项目获取1项目简介Hi,各位同学好呀,这里是M学姐!今天向大家分享一个今年(2022)最新完成的毕业设计项目作品,【基于SSM的网上购物商城】学姐根据实现的难度和等级对项目进行评分(最低0分,满分5分)难度系数:3分工作量:5分创新点:3分界面美化:5分界面美化的补充说明:使用vue的基本都能达到5分本项目完成于2022年6月份,包含内容:源码+论文+答辩PPT项目获取:https://gitee.com/sinonfin/L-javaWebSha/tree/master2实现效果视频地址:ht

总结了十个Vue3超级实用但是很冷门的API

今天给大家分享几个很少人用,但是又非常有用的Vue3的API,废话不多说,往下看吧。文章提示:下文的无效 不触发视图 不触发响应式更新 不被追踪 这些词汇,想表达的意思是一样的,意思都是不被追踪。readonly顾名思义,就是只读的意思,如果你的数据被这个API包裹住的话,那么修改之后并不会触发响应式,并且会提示警告:readonly的用途一般用于一些hooks暴露出来的变量,不想外界去修改,比如我封装一个hooks,这样去做的话,那么外界只能用变量,但是不能修改变量,这样大大保护了hooks内部的逻辑:shallowRefshallowRef用来包住一个基础类型或者引用类型,如果是基础类型那

前端Vue uni-app App/小程序/H5 通用tree树形结构图

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。今天给大家介绍的一款组件:前端Vueuni-appApp/小程序/H5通用tree树形结构图,阅读全文下载完整组件代码请关注微信公众号:前端组件开发效果图如下:cc-treeChart使用方法importLEchartfrom'@/uni_modules/lime-echart/components/l-ec

js逆向补环境-调试工具vscode与nodejs使用之无环境联调

目录一、啊哈一、Nodejs安装1、nodejs最新版本的安装(windows)2、旧版nodejs更新成最新版本(windows)3、nodejs安装(linux)二、vscode安装使用(windows)1、下载安装vscode2、vscode运行插件CodeRunner安装3、vscode调试插件JavaScriptDebugger插件安装4、vscode调试代码运行卡死强制停止三、本地js无环境浏览器联调1、配置环境准备2、vscode本地直接调试js3、vscode打开chrome标签页无环境联调4、vscode打开chrome无环境联调案例一、啊哈js逆向补环境时,经常会调试js,

vue最强table vxe-table 虚拟滚动列表 前端导出

vxe-table是一个功能强大的Vue表格组件,它支持虚拟滚动列表作为其核心功能之一。下面是vxe-table的虚拟滚动列表功能的使用场景和优势:使用场景大数据量展示:当表格需要展示大量数据时,传统的表格渲染方式可能会导致页面卡顿、滚动不流畅等问题。虚拟滚动列表通过只渲染可见区域内的数据,大大提高了渲染性能,使得大数据量的展示变得更加流畅。移动端和性能受限环境:在移动端设备或性能受限的环境中,资源通常较为紧张。虚拟滚动列表通过减少不必要的DOM操作和内存占用,优化了性能,提供了更好的用户体验。固定列与表头:在需要固定列或表头的复杂表格布局中,虚拟滚动列表能够确保固定部分与滚动部分的正确对齐和

Vue中组件通信-$attrs与$listeners

💂个人网站:【紫陌】【笔记分享网】💅想寻找共同学习交流、共同成长的伙伴,请点击【前端学习交流群】组件通信-$attrs与$listeners1.$attrs父子组件通信的一种$attrs与$listeners----父子组件通信$attrs:组件实例的属性,可以获取到父亲传递的props数据(前提子组件没有通过props接受)$listeners:组件实例的属性,可以获取到父亲传递自定义事件(对象形式呈现)看例子:在elementUI的button按钮上二次封装给他加上一个hover提示的按钮,子组件:el-button里面我们什么都没写,原因是为了引入的是一个动态的,以后我们修改按钮的内容,

uni-app基于vue实现商城小程序

目录一、前言二、功能效果图1.首页2.分类​3.活动4.我的​5.商品详情6.购物车三、代码实现1.项目结构截图uni-app,Hbuilder2.首页源码3.数据模拟通讯四、总结一、前言参考“网易严选”小程序项目采用传统vue项目结构,即uni-app打包和运行成小程序,使用HBuilder开发工具开发项目,通过运行启动“微信开发者工具”完成项目启动。二、功能效果图1.首页 2.分类 3.活动4.我的 5.商品详情6.购物车代码动态实现商品购物车的增删改查等操作。三、代码实现1.项目结构截图uni-app,Hbuilder2.首页源码 网易严选