- 博客(33)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 yarn创建vitevue3，安装vue-router
5.入口main.js使用路由。我们用的javaScript。选择环境这里我们选择Vue。cd项目，然后安装依赖。6.修改app.vue。
2024-01-17 10:12:16
702
原创 原生js实现下拉刷新，下拉刷新，刷新页面
js部分：$(function() { var scroll = document.querySelector('.scrolmain'); var outerScroller = document.querySelector('.main-inner'); var touchstart = 0// 触摸开始 outerScroller.addEv...
2018-11-04 15:51:47
6177
1
原创 bower的安装和使用
每次用到一个插件都要去官网找，有的还是国外网站，下载速度真的让人着急！bower真的是个好东西，使用起来也比较简单 1.全局安装bower npm install bower -g 2.检查一下是否安装成功 bower -v 3.找到你想下载的目录（一般是项目目录）初始化bower bower intit4.安装某个插件，一最常用的...
2018-08-14 16:18:34
3369
原创 vue-cli中子组件调用父组件的方法
Parent.vue <child @citychange="citychange"></child> methods: { citychange () { } }, Child.vue this.$emit('citychange');...
2018-07-09 19:04:49
1336
原创 vue-cli中使用高德地图
1.index.html 高德地图基础组件 <scripttype="text/javascript"src="http://webapi.amap.com/mapsv=1.4.4&key=你的key"></script> 高德地图ui组件，如果你没有使用ui组件的话，可以不引用 <script src="http://webapi.am...
2018-07-09 19:00:18
2134
2
原创 js图片懒加载
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-s
2018-07-09 18:50:25
155
转载 获取格式化的时间与日期
1.首先修改原型 Date.prototype.Format = function(fmt) { // author: meizz var o = { "M+": this.getMonth() + 1, // 月份 "d+": this.getDate(), // 日 "h+": this.getHours(), // 小时 "m+": this.getMinutes(), // ...
2018-07-03 08:05:06
443
原创 vue-cli中使用FormData实现表单异步提交
<form @submit.prevent="submit($event)"> <input type="text" class="form-control" placeholder="请输入姓名" name="cuserName"> <input type="submit" value="立即注册
2018-05-29 15:31:16
4207
原创 vue-cli中使用jquery
在于后台数据交互时，出现跨域问题，后台试了各种方法，都不好用我也换了很多种，resource,axios,mui的，原生的都不好用，只有jquery可以访问到数据，这就很难受了，无奈之下只好引入jquery 1.npm install jquery --save-dev 2.找到build文件夹下的webpack.base.conf.js 第一行加入 var webpack...
2018-05-28 16:22:24
3793
2
原创 vue.js-使用echarts图表
1. cnpm install echarts -S2.test.vue import echarts from 'echarts'3.<div id="myChart"></div>let myChart = echarts.init(document.getElementById('myChart'))myChart.setOption({}）...
2018-05-24 11:21:10
1706
原创 vue.js-地址选择插件
第一步自然是安装 npm install v-distpicker --savetest.vue import VDistpicker from 'v-distpicker' export default { components: { VDistpicker } } <v-distpicker></v-distpicker>写...
2018-05-24 10:34:40
4128
6
原创 vue打包是去除.map文件
.map作用 在打包出错时，会告诉你具体错误位置去除.map 在config/index.js中把cssSourceMap改为false
2018-05-09 15:47:51
8360
原创 vue打包时，背景图片失效解决方法
打开build目录下的utils修改 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath:'../../', fa...
2018-05-09 15:07:22
611
1
原创 vue钩子函数
1在最近的一个项目中，需要对input的readonly进行操作，翻遍了vue文档不知道如何下手，最后把目标锁定在指令上 一，指令的写法 directives: { ronly: { componentUpdated: function (el,binding) { ...
2018-05-09 14:52:51
1418
转载 js获取当前年月日
var date = new Date();date .getYear(); //获取当前年份(2位)date .getFullYear(); //获取完整的年份(4位)date .getMonth(); //获取当前月份(0-11,0代表1月)date .getDate(); //获取当前日(1-31)date .getDay(); //获取当前星期X(0-6,0代表星期天)date .getT...
2018-05-07 10:20:34
227632
1
原创 cnpm的安装
npm install -g cnpm –registry=https://registry.npm.taobao.org 即可将npm指向国内镜像源
2018-05-02 18:00:47
1262
原创 h5常用meta标签
1.<meta name="keywords" content="your tags" /> <!--搜索关键词-->2.<meta name="description" content="150 words" /> <!--页面描述-->3.<meta http-equiv="refres
2018-05-02 09:42:34
815
转载 vue中computed,methods,watch区别a
文章是在看了smartdt的博客有感而发， 原博客地址：https://blog.csdn.net/smartdt/article/details/75557369至于一些高大上，晦涩难懂的话就不多说了，用大白话，来为大家解释一下 computed，在页面加载时直接调用，大多用来页面的出事赋值 methods，这里面写的是函数，不调用时不会调用其中函数，通...
2018-04-27 10:17:29
183
原创 vue-cli中使用rem,vue自适应
1.rem.js内容 ! function(n) { var e = n.document, t = e.documentElement, i = 720, d = i / 100, o = "orientationchange" in n ? "orientationchange" : "resize", ...
2018-04-27 09:25:34
13372
原创 vue中使用axios，来完成数据交互
博主最开始使用的就是，vue-resource,但是遇到跨域问题是就很难受，后台java怎么都解决不了跨域问题，vue-resource也没有很好的支持，后来无奈只能使用jquery的jsonp来完成请求，但是既然已经使用了vue了，理当放弃juery，偶然的机会接触到了axios，下面就来为大家介绍axios的使用1.安装axios 无论使用什么插件，第一步自然是安...
2018-04-26 17:21:53
9981
原创 vue组件通信，vue中vuex的使用
1.安装vuex npm install vuex -s 2.在main.js中配置 别忘记将store挂载到vue实例上，我当初就在这里踩了坑，弄了好长时间3.构建核心仓库 在src目录下，创建vuex文件夹,在vuex文件夹下创建stroe.js store代码如下 4.在组件中获取状态...
2018-04-26 16:47:30
440
原创 vue中swiper,vue-awesome-swiper，轮播图的使用
1.安装vue-awesome-swiper npm install vue-awesome-swiper --save-dev2.在main.js 3.在html中 js中 用过swiper的同学要注意了，组件化引入使用swiper时api的使用，跟直接cdn引
2018-04-26 15:58:06
1963
原创 vue-cli嵌套路由
正常的路由，我之前就给大家介绍过，今天来给大家介绍嵌套路由 这就是嵌套路由的写法， 有的人会问，resolve是啥，不是应该，component:'Home’吗，这是按需加载的写法，不理解的同学可以去看看我的另一篇文章，vue的按需加载这是父级路由的写法，我这里没用router-link，不理解this.$router的同学可以去看看我的vue路由博客，这是子路由的写法...
2018-04-26 14:56:02
1265
原创 vue-cli按需加载，懒加载组件
vue来做一个单页面应用，当我们的项目越来越大，组件越来越多的时候，首次启动项目户特别慢，就算做一个加载框，蒙层之类的，体验也不会好，这个时候就需要按需加载1.什么叫按需加载 所谓按需加载，顾名思义，就是当我需要的时候再给我，我不要的时候，你就老老实实待着2.如何懒加载 2.1路由的按需加载 用起来很简单，原...
2018-04-26 14:51:12
4993
原创 vue-cli中路由的使用
当我们新建一个vue项目时，这是我们的目录结构，我这里是用的是webpack模板，如果你们用的是weboack-simple的话，可能就没有router目录，和config目录，1.使用webpack目录新建的项目使用路由的方式相对简单 默认项目是在compnents目录下直接存在一个.vue文件，但在实际开发中，这种项目目录是有问题的，我们可以在comonents目录下...
2018-04-26 14:40:58
6632
原创 vue-cli初步使用
1.安装node.js 控制台node-v 如图所示就表示node.js安装侧完成， 没安装的同学到https://nodejs.org/en/download/可以点击去官网下载，安装方法也很简单，一直下一步就好2.全局安装vue-cli ...
2018-04-26 14:29:35
124
原创 vue.js中Axios的使用
作者在接过同事写的代码后，发现里面有个叫Axios的东西不知道是干啥用的，自行百度之后理解了他的意思，在这里跟大家分享一下 1.什么是Axios https://www.kancloud.cn/yunye/axios/234845这是官方中文文档，大家可以看看 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.j...
2018-04-12 10:52:26
1438
原创 详解display与visibility的区别
两者看似都是起到隐藏元素的作用，但其实两者之间的差别还是特别大的从上代码可以看处，display隐藏后，div不会占用位置而使用visibility隐藏的div还是占用位置的，这就是两者的区别所在！！！...
2018-04-04 17:30:57
1225
原创 高德地图最简单教程01-
前言: 肯定有很多人问了,为什么选择高德地图,不去选择使用人数较多的的百度地图呢,博主主要做的是h5混合开发app,刚开始用的就是百度地图,但是定位极其不准,相差很远,后来辗转反侧找到了高德地图,发现这家伙挺靠谱定位挺准的!!第一章:显示地图 首先你需要引入,高德的js <scrip type="text/javascript"...
2018-03-02 11:42:24
2544
原创 给大家推荐一个挺好用的vue多页面脚手架工具
vue-mutiplehttps://github.com/agileago/webpack-mutiple这是作者的github地址,可以去看看1.使用方法 1.1安装node.js这就不用跟大家多做介绍了吧 http://nodejs.cn/download/没安装的可以点击去官网安装一下,最好在官网下载,又不要钱,别去乱七八糟的网站,有广告不说,还不是最新版
2018-01-30 16:12:38
5583
原创 谈谈老衲对闭包的理解!!综合了我在网上看的资料,把我的理解跟大家分享
1.第一点要讲的毋容置疑就是(什么事闭包了!!) 当一个函数有权访问另一个函数内部的变量是,就形成了闭包,举个'栗子' function a(){ var i;function b(){ i++}} 这里面b函数可以访问a函数的变量i,这里就形成了闭包2.说了这么多废话闭包到底是干嘛用的(纯属个人理解!!勿喷)2.1 每一个函数都有自己独
2018-01-30 15:53:12
173
原创 谈谈我对原型以及原型链的理解
1.在js中构建对象的方法有两种 1.1对象字面量 var dong={ name:'dongli',age:'22'} 1.2使用构造函数 function dong(){ this.name='dongli', this.age='22' } 当需要构建的函数较少时,可以直接使用对象字面量,但当我们需要构建大量对象时,
2018-01-30 15:31:42
1872
2
vue-cli引入css一直失败
2017-09-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人