Vue
文章平均质量分 93
曩昔方
这个作者很懒,什么都没留下…
展开
-
打包解压工具
make-zip一、开发背景这个工具是我在很无聊很无聊的时候写的,一开始只是想实现一下上传本地文件或者文件夹,然后在前端生成目录树。后来想想,要不就再弄个打包的吧,于是就有了这个没用的工具……二、接口baseUrl:http://localhost:3000/apiPOST/relativePath POST/package GET/download具体接口文档请看https://github.com/Nangxif/makeZip三、部分实现思路一开始,我能获取到的...原创 2020-07-14 18:09:58 · 410 阅读 · 1 评论 -
vue字符滚动插件
CharacterRoll一个尽可能让开发者自定义的字符滚动插件一、使用方法npm i character-roll -Simport CharacterRoll from 'character-roll';components: { CharacterRoll}<CharacterRoll :presetObject="presetObject" :text...原创 2020-04-14 18:35:15 · 348 阅读 · 0 评论 -
过滤器集filters
filters一个过滤器集github地址一、包含的过滤器过滤器 作用 filterToDateAndTime 将时间转换成规定格式 filterToDecimal 最多保留几位小数 filterToSystem 简单的进制转换 filterToSeparation 规定固定位置用自定义分隔号隔开,用于分隔电话号码以及银行卡号等 f...原创 2020-04-10 15:55:12 · 300 阅读 · 0 评论 -
一个基于vue的画板palette
palette一个多功能画板目前画板拥有的功能:1.画任意曲线;2.两点或两点以上连成直线或折线;3.三点或三点以上形成封闭空心图形和实心图形;4.画圆形,可以编辑大小和位置;5.画矩形,可以编辑大小和位置;6.橡皮擦7.清除画板8.历史记录等相关系列功能;9.生成图片10.编辑文字功能(开发中)一、使用方法npm install @nan...原创 2020-04-09 18:41:59 · 5359 阅读 · 1 评论 -
关于vue-cli3的浏览器兼容性
这里先给出几个链接:1.Vue-cli浏览器兼容性:https://cli.vuejs.org/guide/browser-compatibility.html#usebuiltins-usage2.browserslist:https://www.npmjs.com/package/browserslist3.babel.config.js:https://babeljs.io/...原创 2019-10-21 14:35:32 · 14625 阅读 · 3 评论 -
vue图片预加载处理方法
目的: 图片预加载能够使得用户在浏览后续页面的时候,不会出现图片加载一半导致浏览不流畅的情况。一、方法一项目打开的时候要对图片进行预加载,在App.vue里面的beforeCreate添加预加载程序App.vuebeforeCreate(){ let count = 0; let imgs = [ //用require的方式添加图片地址,直接添加图片地址的...原创 2019-09-18 21:38:00 · 6447 阅读 · 2 评论 -
理解最基本的Vue项目
上一篇《Vue开发环境搭建及热更新》,我们讲解了vue开发环境的搭建还有一些小问题,接下来我们来讲解一下这个界面是如何形成的。原创 2017-08-08 18:58:40 · 544 阅读 · 1 评论 -
Vue开发环境搭建及热更新
写这篇博客的目的是让广大的学者在初入Vue项目的时候少走些弯路,虽然现在有很多博客也有差不多的内容,但是博主在里面添加了一些学习时碰到的小问题。在阅读这篇博客之前,我先给大家推荐一篇文章《入门Webpack,看这篇就够了》(网址:http://www.jianshu.com/p/42e11515c10f),看完这篇文章,相信大家对于webpack包管理工具会有一个新的认识。原创 2017-08-08 00:00:31 · 4019 阅读 · 0 评论 -
一个基于ES5的vue小demo
由于现在很多vue项目都是基于ES6开发的,而我学vue 的时候大多是看vue官网的API,是基于ES5的,所以对于刚接触项目的我来说要转变为项目的模块化写法确实有些挑战。因此,我打算先做一个基于ES5的vue小demo,再把这个demo写成基于ES6的,算是一个过渡吧!这个demo有一些代码借用于keepfool大神的《Vue.js——vue-router 60分钟快速入门》在此先解释一下,原创 2017-08-09 17:01:37 · 740 阅读 · 0 评论 -
一个基于ES6+webpack的vue小demo
上一篇文章《一个基于ES5的vue小demo》我们讲了如何用ES5,vue-router做一个小demo,接下来我们来把它变成基于ES6+webpack的demo。我们先搭建一下vue 的开发环境,根据我的一篇随笔《Vue开发环境搭建及热更新》,我们一步步搭建开发环境,project名为ES6-demo。在之前我发表的一篇随笔《 理解最基本的Vue项目》中,说到了在放置组件和入口文件的sr原创 2017-08-10 17:02:09 · 998 阅读 · 0 评论 -
vue项目模拟后台数据
我们来模拟一些后台数据,然后去请求它并且将其渲染到界面上。原创 2017-08-25 15:44:04 · 3560 阅读 · 0 评论 -
vue2.0移除或更改的一些东西
一、vue2.0移除了$index和$key虽然说现在很多文章说他们的代码是vue2.0版本的,但是有一些仔细一看,发现并不全是2.0版本,有些语法还是1.0的版本,比如这个$index,$key,这两个压根就不是2.0的写法,2.0早就把这两个给删除了,我们先来看看之前的列表渲染是怎么写的 {{$index}}--{{$key}} exp原创 2017-08-28 00:01:01 · 787 阅读 · 0 评论