前端开发

[前端开发]vue 路由 取数据

乱七八槽,反正上课很不认真听,天天打扰其他人 声明式路由: router-link编程式路由:this.$router.push({ path: /home }) // 通过拼接路径 // this.$router.push(`/detail/${index}`); // 通过...
发布时间:2023-10-11  

[前端开发]VUE界面设计(Ⅰ)——Login界面

今天主要是在做软件系统的登录界面,首先新建一个Login.vue代码框架如下:模板块:template.../template主要有系统登录主界面、登录框、背景图。其中登录框中还包括:标题、账号、密码、登录按钮。div class=m...
发布时间:2023-10-11  

[前端开发]Vue.js:图片懒加载和预加载的实现与原理

目录1、背景2、懒加载2.1、实现2.2、原理3、预加载3.1、实现3.2、原理1、背景我们在项目开发的时候经常会有图片展示,如有用户头像这类几KB的图片,也有照片、截图这类动则几MB的图片。对于几KB的图片加载速度是很...
发布时间:2023-10-11  

[前端开发]Vue.js中引入图片路径的几种方式

vue中静态资源的引入机制Vue.js关于静态资源的官方文档静态资源可以通过两种方式进行处理:在 JavaScript 被导入或在 template/CSS 中通过相对路径(以 . 开头)被引用。这类引用会被 webpack 处理。诸如 img src=....
发布时间:2023-10-11  

[前端开发]版本升级后的Animate.css如何在Vue中使用

animate.css版本升级前,在vue中做过渡动画时是这么用的(vue目前的开发文档对此也还未变更,下面这个是从vue2.x开发手册搬运而来的代码):Vue2.x开发手册中这么写的:link href=https://cdn.jsdelivr.net/npm/...
发布时间:2023-10-11  

[前端开发]vue面试题

1. vue 几种常用的指令v-if v-else v-html v-for v-bind v-model v-show v-on v-text v-once 2. css 只在当前组件起作用scopedstyle scoped/style3. v-if 和 v-show 的区别前者是真正的条件渲染, 在...
发布时间:2023-10-11  

[前端开发][使用Vue中的devServer.proxy代理跨域请求时的坑及奇妙的解决方法] POST 请求被转为了 GET 请求,并且传入的参数也被清除了。但是使用Postman测试接口时完全正常

项目:PC端网站工具:前端:Vue 后端:PHP请求和接口:axios nginx1.问题:在开发用户登录功能时,使用Vue的devServe代理跨域请求后端接口时多出了一次请求, POST 请求被转为了 GET 请求,并且在这个过程中传入...
发布时间:2023-10-11  

[前端开发]Vue基础案例:01-购物车:购买图书

效果点击增加数量,总价格随之改变 数量为1时,减少数量按钮无法被点击 移除按钮将此书籍从表单移除,并且总价格变化 移除全部书后,隐藏表单,只显示:购物车为空!DOCTYPE htmlhtml lang=enheadmeta cha...
发布时间:2023-10-11  

[前端开发]Vue3.0的设计目标是什么?做了哪些优化?

一、设计目标不以解决实际业务痛点的更新都是耍流氓,下面我们来列举一下Vue3之前我们或许会面临的问题随着功能的增长,复杂组件的代码变得越来越难以维护 缺少一种比较「干净」的在多个组件之间提取和复用逻辑的机...
发布时间:2023-10-11  

[前端开发]Vue3.0 性能提升主要是通过哪几方面体现的?

一、编译阶段回顾Vue2,我们知道每个组件实例都对应一个 watcher 实例,它会在组件渲染的过程中把用到的数据property记录为依赖,当依赖发生改变,触发setter,则会通知watcher,从而使关联的组件重新渲染试想一下,...
发布时间:2023-10-11