vue服务端渲染SSR
SSR解决方案,后端渲染出完整的首屏的dom结构返回,前端拿到的内容包括首屏及完整spa结构,应用激活后依然按照spa方式运行,这种页面渲染方式被称为服务端渲染 (server side render)服务器端渲染的是应用程序的"快照",如果应用依赖于一些异步数据,那么在开始渲染之前,需要先预取和解
vue 双向锚点实现 简易版(scrollIntoView)
一. 需求:左边是内容板块,右边是目录结构,点击右边内容跳转到左边相应位置展示,滑动左边内容右边目录自动跳转。
解决vue中父组件通过props向子组件传递数据,子组件接收不到
问题:父组件在挂载时向后端发起请求获取数据,然后将获取到的数据传递给子组件,子组件想要在挂载时获取数据,获取不到
如何使用ag-Grid
ag-Grid是一个功能齐全的JavaScript数据表格组件。它提供了卓越的性能,没有第三方依赖,并与所有主要的JS框架顺利集成。不同框架支持相同的API。该框架可以支持Angular、React、Vue、Aurelia、WebComponents、Javascript等框架。分为社区版(Comm
python课程设计——Django+vue信息管理系统
python课程设计——Django+vue2基于Python 语言、Django Web 框架和MySQL数据库,设计出在局域网内本地服务器上的米果信息管理系统网站。完成信息管理系统的前端设计和功能实现,采用前后端不分离的方式进行编写和设计,对其中的SQLite数据库和Django自带的前端网页模
AntV G6自定义节点(多边形+图片)
不同设备不同的图标,不同状态不同背景色,鼠标点击选中节点高亮。
【vue2小知识】实现axios的二次封装
VUE中axios的二次封装。第一次封装设置基地址与拦截器。第二次封装根据业务模块进行接口的分离
【vue打包】线上部署报错net::ERR_ABORTED 404 (Not Found)
线上部署报错net::ERR_ABORTED 404 (Not Found)
input标签实现一次上传多个文件并对数据储存以及传输
原生上传文件可以通过`input`标签中的`type="file"`实现,多文件上传则需要加上`multiple`属性
Vue首屏加载优化
Vue首屏加载优化,打包优化:移除preload与prefetch、开启gzip压缩、公共代码抽离、CDN替换依赖包引入、移除无用文件,路由优化:动态路由,按需加载,动态添加路由
Web前端 ---- 【Vue】(组件)父子组件之间的通信一文带你了解
本文将介绍在Vue中父子组件如何进行通信
this.$nextTick()
$nextTick()执行原理Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化,Vue将开启一个任务队列,并缓冲在同一时间循环中发生的所有数据变更。如果同一个 watcher被多次触发,只会被推入到队列中一次。(这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的)然后
vue2+element-ui 问题 el-select 远程搜索出现 回显出现ID
vue2+element-ui 问题 el-select 远程搜索出现 回显出现ID
浅谈vuex之mapState用法
虽然state和data有很多相似之处,但state在使用的时候一般被挂载到子组件的computed计算属性上,这样有利于state的值发生改变的时候及时响应给子组件.如果你用data去接收$store.state,当然可以接收到值,但由于这只是一个简单的赋值操作,因此state中的状态改变的时候不
Vue中rules表单验证,表单必填*显示位置不对,*显示位置错误
Vue中rules表单验证,表单必填*显示位置不对,*显示位置错误
echarts省市区id(区域编码)实现地图下钻点击(data赋值自定义属性值,geojson信息获取)
图表区域渲染,根据区域省份编码id,geojson自定义属性下钻
el-table el-table-column两个字段值拼接展示
table数据拿到以后,将该行数据中的两个字段拼接展示在订单状态这一列,并展示。
npm ERR! missing script: serve 问题
npm ERR! missing script: serve报错处理方法
Vue 3 第十一章:组件二(组件通信)
组件通信是 Vue 中非常重要的一个概念,它指的是组件之间传递数据和事件的过程。在 Vue 中,组件通信主要分为父子组件之间的通信和兄弟组件之间的通信两种情况。在父子组件之间的通信中,父组件可以通过v-bind来向子组件传递数据,而子组件则可以通过来接收父组件传递的数据。同时,子组件也可以通过emi
前端(二十一)——WebSocket:实现实时双向数据传输的Web通信协议
在当今互联网时代,实时通信已成为很多应用的需求。为了满足这种需求,WebSocket协议被设计出来。WebSocket是一种基于TCP议的全双工通信协议,通过WebSocket,Web应用程序可以与服务器建立持久的连接,实现实时双向数据输,提供极低的延迟和高效的数据传输。