- @sxjit
简介
该用户还未填写简介
擅长的技术栈
可提供的服务
暂无可提供的服务
今天刚好是母亲节，祝全天下的母亲节日快乐幸福~前端工程师怎么能不懂骚操作？制作爱心有很多方法可以实现，今天介绍本人认为目前最简单的方法，仅依靠html+css。一、先看看html结构，仅需一个容器和爱心元素，容器主要作用为相对定位，方便子元素爱心进行绝对定位调整。<div class="heartCon"><div class="heart"></div><
在前端开发过程中，当后台服务器开发数据还没完善，无法与我们交接时，我们习惯在本地写上一个json文件作模拟数据测试代码效果是否有问题。vuecli3.0往后的项目基础架构对比旧版本有些区别。以前大家都习惯在根目录下的static文件夹下创建json文件，vuecli3、4没有static文件夹了，那咋办？有人说我创一个static文件夹在下面继续写json文件不就行了。但结果会报错，请求404找.
vue的特点在于组件化，可以轻便开发单页面应用，但弊端就是它没能像原生操控各自的body节点，因为所有的页面都拥有同一个body。这就难受了，如果希望设置单个页面的背景颜色而又不影响其他页面，那怎么办？beforeCreate() {document.querySelector('body').setAttribute('style','background-color:rgb(245,24...
- 前言目前网上关于vue-cli的文字/视频教程多数停留在2.9.6或3.x版本，但毕竟IT行业学新的总不会错。官方推出的版本从3.0开始也做了较大的变动，这里简单做个升级教程。- 卸载旧版本卸载命令：npm uninstall -g vue-cli这里有坑，如果明明卸载了却仍出现报错类似提示没有卸载干净，可能是当时安装旧版本时你还使用了yarn导致有残留，用yarn uninstall...
- 前言vue-cli4.x新版本安装教程可以看看我之前的文章。版本更新后在创建项目上有所不同，这里做详细的步骤教程以及选项解释。- 创建项目vue create 项目名- 选择配置先无视第一项（我的个人配置，后面会讲到）；一般有两项：default：默认配置（只有babel和eslint）Manually select features：手动配置一般做项目默认配置是不够的，我...
一、v-if和v-show的异同点1.相同点 ：v-if和v-show都可以动态控制DOM元素的显示隐藏。2.不同点：v-if是动态地向DOM树中添加或删除DOM元素节点；v-show是通过向DOM元素设置样式display属性值控制显示隐藏。我们通过一个简单的demo对比观察下：<body><div id="app"><div v...
vue-awesome-swiper是vue项目插件之一，用于开发轮播功能。它基于swiper轮播插件，由前辈所开发而出，奉上源仓库：https://github.com/surmon-china/vue-awesome-swiper一、安装可以通过CDN或NPM(CNPM)安装。CDN有些繁琐，通常我们习惯npm(cnpm)下载安装：npm install vue-awesome-swip...
清空数组这的方法其实很简单，常见的有三种：1. 给数组的length设置为0arr.length = 0前提是该语言中数组的length是可写可读。2. 直接赋值为空数组arr = []3. 使用splice方法arr.splice(0, arr.length)splice(index,number,item0,item1...,itemx)方法可以操作数组删除/替换/增加数...
过来人常说“要想学vue，必先忘记js”，这是因为vue控制dom节点的思维方式和js不大相同。vue项目中如何点击元素动态添加active-class？今天来分享多种解决方式。一. v-for循环情况下动态添加：1.v-for循环元素，绑定key2.在data中创建标识isActive=0，这是为了初始化第一个标题为active3.监听单击事件触发方法，传入点击元素的index改变标识...
此博文默认你已掌握入门的路由过渡知识，若有无法理解之处请自行补充相关知识或浏览我的下一篇博文…Vue已广泛运用于移动开发，页面间切换的路由过渡效果有很多方法实现，这里讲的是较简单粗暴的方法，便于理解实现原理。1. 为需要路由过渡的部分添加<transition></transition>，声明过渡。<transition :name="transitionNam...