在项目中，我们时常会遇到动态的去绑定操作切换不同的CSS样式，结合自身项目中遇到的一些情况，也参考了一些文档，针对vue.js样式的动态绑定切换做出如下小结：动态切换的核心思想：利用vue指令v-bind来实现动态绑定，从而设置切换不同的样式～vue的最大特点是数据驱动，利用特殊的语法将DOM“绑定”到底层数据，DOM与数据保持同步，每当数据发生变化，DOM视图就会做出相应的更新和响应，正是基于这
前言自从博客写完之后就有些懒散，这不前几天想实现一个可以多端发布的功能，就是我在我的博客发布完文章后，可以同步到像简书的类似的平台，于是就开始实现其功能，然后经过一段时间的思考，想了想，如果要多平台发布，要满足两个条件，一是要获取到保存在该平台登录的cookie,二是要知道该平台的一系列接口。这两个条件我的没想到解决办法，第一个就是同源策略，无法获取到其它平台的cookie,第二个就是要获取平台的
转载
2024-05-11 17:20:15
314阅读
1、代码层面的优化使用 v-if 与 v-show 减少初始化渲染和切换渲染的性能开销；（v-if其实是重复的销毁与创建，v-show只是基于简单的CSS进行切换）v-for 加上 key提高 Diff 算法的速度；图片的大小优化以及懒加载（vue-lazyload）；
不同格式的图片对比
转载
2023-06-27 21:14:38
70阅读
visibility:hidden——仅仅是隐藏该元素，还占据页面空间且样式都在，但无法响应点击事件，会产生重绘但不会回流。定义：灵活高效地实
原创
2024-09-05 10:10:04
92阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
393阅读
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
转载
2024-05-29 12:57:59
283阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
vue2
原创
2021-08-01 18:40:40
412阅读
1.[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or comp
转载
2017-10-16 19:00:00
346阅读
2评论
最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.
转载
2024-04-03 14:52:36
210阅读
到目前为止，学习Vue的时候也写了相当的示例，但老实说，这些示例在视觉上并没有什么吸引人的地方。今天我们将学习如何将样式运用到我们的元素中，让事情变得更加有趣。首先我们将通过将内联样式添加到HTML的元素中，其实也就是我们以前所说的内联样式。其实在学习v-bind的时候，我们已经或多或少的接触了，如何给元素添加内联样式或者绑定类名添加样式。但这可能不够系统，为了更好的学习这方面的知识，这篇文章专门
为了更好的服务互联网移动应用，响应总行打造数字化银行的战略目标，浙江省分行对移动前端框架进行了积极的探索。如今，以Angular、React、Vue为首的MVVM框架，正成为大量网站前端应用的首选。利用这些框架可以容易的开发一系列风格统一的移动端、桌面端网站，并相对平滑地转化为安卓与iOS的应用，打造一体化的线上服务。其中Vue框架易于使用，性能出色，且拥有大量第三方扩展。我行开始着手从传统的JQ
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
转载
2024-07-29 09:30:58
87阅读
0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。 我认为，它解决的主
转载
2023-11-06 12:52:14
247阅读
什么是JSX摘自 React 官方： 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太
转载
2024-06-03 15:34:33
66阅读
步骤一：集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint，并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint？ 选择第三个：检查，发现问题，并且约束代码风格 你的项目使用的是什么模块？ 选择第一个
转载
2024-06-12 14:16:51
274阅读
本篇将实现vue2在css中使用js变量。 下图是el-tab组件，由上面的tab头和下面的内容区构成，当内容区过长的时候，外层固定高度的盒子会出现滚动条（设置了overflow: auto;），tab头部会向上滚动而消失： 滚动前： 滚动后： 现在的需求是，tab头部需要固定在最上方，不随滚动条滚 ...
转载
2021-08-24 12:21:00
1563阅读
2评论
【代码】Vue2 若依常见问题。
原创
2024-09-05 10:10:36
52阅读
感谢无私分享，亲测可用，亲们放心使用！好东东，没个标题看着多难受看到1文章 http://blog.csdn.net/qishuixian/article/details/72912368推荐使用 vue-wechat-title插件npm install vue-wechat-title --save 下看后我的使用方式1. 在 main.js 中impo...
转载
2021-08-13 18:48:29
299阅读
搭建调试环境克隆一份源码,地址如下:安装依赖 npm install 或者yarn安装到phantom.js即可终止(耗费时间较长)
安装rollup: npm i -g rollup修改dev脚本: 添加 --sourcemap执行dev脚本: npm run dev 当npm run dev 命令跑完了之后, dist目录下会生成一个vue.js.map的文件, 该map文件在调试的时候可以可
