代码编织梦想

跨域-爱代码爱编程

一、跨域产生的原因         浏览器和服务器的协议、域名、端口号只要有一个不一致,就会产生跨域错误。         服务器和服务器进行数据通信时,如果三要素不一致,也不会产生跨域错误。         跨域的限制是浏览器的限制,与服务器无关。         跨域是一个安全策略。         跨域产生时,请求已经发送到了服务器,并且服

vue3基础-爱代码爱编程

一、认识vue3及vue3的优势         1、框架层面                 响应式底层API的变化,proxy数组下标的修改,对象动态添加属性;                 vue3对ts的支持比vue2更强;                 vue3增加了组合式API,增强了逻辑组合能力                

vue -爱代码爱编程

一、什么是ESLint 官方概念:ESLint是可组装的JavaScript和JSX检查工具。 通俗理解:是一个用来约束团队成员风格的工具,是用来检查格式的。 当通过@vue/cli脚手架工具安装项目后,默认将eslint相关的包安装并配置完成了。  在项目中,我们将使用vue/eslint插件规定的默认规则进行检查。 如需查看规则,

vue指令(一)-爱代码爱编程

vue会根据不同的指令,针对不同的标签实现不同的功能。指令是带有 v- 前缀的特殊标签属性。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。         1、v-text:设置元素的文本内容,不会解析div标签、样式等;         2、v-html :设置元素的innerHTML(v-html=“表达式”),会解

vue指令(二)-爱代码爱编程

vue会根据不同的指令,针对不同的标签实现不同的功能。指令是带有 v- 前缀的特殊标签属性。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。         8、v-for:基于数据循环,多次渲染整个元素(数组、对象、数字等),v-for = "(item--每一项, index--下标) in 数组"   key = "唯

vue list 按字段排序 按日期字符串排序_vue 列表 时间排序-爱代码爱编程

1 字段值是数字 data = [{ name: 'wjw', age: 18 },{ name: 'tcz', age: 23 },{ name: 'qy', age: 22 },{ name: 'zx', age: 24 }] data= data.sort((a, b) => a.age- b.age) 2 字段值是 日期字

vue2项目练手——通用后台管理项目第三节_vue后台管理系统练手-爱代码爱编程

Vue2项目练手——通用后台管理项目 首页组件布局个人信息展示使用的组件App.vueHome.vue 列表信息展示使用的组件Home.vue 订单统计Home.vue 数据的请求

vue:实现顶部消息横向滚动通知_vue 横向通知栏滚动条-爱代码爱编程

前言 最近有个需求,是在系统顶部展示一个横向滚动的消息通知。需求很简单,就是消息内容从右往左一直滚动。 效果如下: 因为我的需求很简单,功能就这样。如果有什么其他需求,可以再继续修改。 代码 使用 <not

vue基础25之路由第四节_villanelle_m_ascending-爱代码爱编程

Vue基础25 路由编程式路由导航Home.vue(去掉两个router-line的replace)HomeMessage.vueBanner.vue总结 缓存路由组件Home.vueHomeNews.

vue基础23之路由第二节_vue23学习-爱代码爱编程

Vue基础23 路由路由的query参数src/router/index.jsDetail.vueHomeMessage.vue路由的query参数 命名路由src/router/index.jsHom

vue -爱代码爱编程

介绍 有时候我们的项目,可能需要判断用户处于苹果还是安卓手机上,这时候就需要判断了。 其实,通过浏览器的 navigator.userAgent API 判断就行,下面提供两种方法自行选择。 解决方案 1 如下代码所

vue2项目练手——通用后台管理项目第六节_import mock from 'mockjs' // get请求从config.url获取参数,-爱代码爱编程

Vue2项目练手——通用后台管理项目 用户管理页table表格获取表格数据目录列表user.jsmock.jsindex.jsUsers.vue 新增和编辑功能Users.vue 删除功能使

vue + el-爱代码爱编程

点击按钮出现弹窗(组件写法)   父组件 <el-button @click="showTrackPlaybackDialog"> 打开弹窗 </el-button> <trackPlaybackDialog ref="trackPlaybackDialog" /> import trackPlaybackDi

【vue】vue中的计算属性和监听属性详解_vue计算属性监听id变化-爱代码爱编程

文章目录 计算属性和侦听器计算属性1.计算属性计算属性和缓存 侦听器计算属性 vs 侦听器 计算属性和侦听器 计算属性 1.计算属性 用来描述依赖响应式状态的复杂逻辑

vue 一个div中多个按钮, 某个按钮点击后有变色_vue点击那个按钮那个按钮就切换颜色-爱代码爱编程

1 <template> <template> <div> <button :class="{ active: activeButton === '1m' }" @click="handleButtonClick('1m')"">1m</button> <button

11、认识条件渲染与列表渲染_从功能和语法两方面总结列表渲染与条件渲染的特点-爱代码爱编程

一、条件渲染: 1.v-if 写法: (1).v-if="表达式” (2).v-else-if="表达式” (3).v-else=“表达式” 适用于:切换频率较低的场景。 特点:不展示的DOM元素直接被移除. 注

vue基础17之配置代理_vue配置代理-爱代码爱编程

Vue基础17 配置代理使用node启动两台服务器server1.jsserver2.js 使用axios发送ajax请求安装axios库引入axios库发送axios请求App.vue 跨域

vue项目瘦身-爱代码爱编程

   如图 项目中node_modules包已占用十几G,我也是发现我的磁盘空间缩小的超级快,因为好几个项目,甚至有的项目包已经占了50多G,这都得益于上一个刚走了的laji npm install -g depcheck 一旦安装了depCheck,您可以在命令行中运行它来检查项目的依赖项。例如,要检查当前目录中的项目,请使用以下命令

vue基础6之收集表单数据、过滤器、内置指令和自定义指令_表单收集 自定义-爱代码爱编程

Vue基础6 收集表单数据过滤器局部过滤器全局过滤器 内置指令v-textv-html使用安全性cookie工作原理v-html不安全案例 v-cloak指令v-once指令v-pre指

【vue】vue中下载文件的方法_vue下载文件-爱代码爱编程

文章目录 1. 下载后端返回文件1.1 后端为post请求返回二进制流文件URL.createObjectURLFileReader 1.2 后端直接返回get请求文件 2. 下载本地文件