- 博客(14)
- 收藏
- 关注
原创 localStorage存取数据增对象
methods: { searchAll() { if (this.state1 !== '') { var templist = JSON.parse(localStorage.getItem("msgBody") || "[]"); templist.map((item, index) => { if (item.value == this.state1) { templist.splice(index, 1).
2021-03-25 08:37:28
256
原创 vue 事件修饰符(阻止默认行为和事件冒泡)
原生js中,阻止事件冒泡,获取点击对象, e.stopPropagation();vue阻止事件冒泡@click.stop=“show”<body> <div id="myApp" @click="show2()"> <div @click="show1()"> <button @click.stop="show">vue点我</button> </div> .
2021-03-10 08:32:37
696
原创 jquery video.js
<!doctype html><html><head> <meta charset="utf-8"> <title>Video.js 7.4.1</title> <link rel="stylesheet" href="http://www.ecochina.net/static/v3/css/video-j...
2019-06-27 15:53:46
1992
原创 利用user-agent取得浏览器版本号
这是chrome浏览器取得浏览器版本号的方法,每个浏览器不同,所以不能一概而论function getVersion() { var ary = []; var ua = navigator.userAgent.toLowerCase(); ary[0] = (ua.match(/mozilla\/([\d.]+)/))[1]; ary[1] = ...
2019-06-14 15:47:21
1738
原创 使用navigator.userAgent.toLowerCase()判断移动端类型
<script language="javascript">window.onload = function () { var n = navigator.userAgent; if (n.indexOf('Android') > -1 || n.indexOf('Linux') > -1) { console.log("安卓手机"); } else...
2019-06-14 15:46:14
1727
原创 vue路由传参的三种基本方式
现有如下场景,点击父组件的li元素跳转到子组件中,并携带参数,便于子组件获取数据。父组件中:<li v-for="article in articles" @click="getDescribe(article.id)">methods:方案一: getDescribe(id) {// 直接调用$router.push 实现携带参数的跳转 t...
2019-04-26 15:39:31
184
原创 Vue插件之滑动验证码
预览目前仅前端实现,支持移动端滑动事件。版本V1.0.5github文档地址: https://github.com/monoplasty/vue-monoplasty-slide-verify安装npm install --save vue-monoplasty-slide-verify使用方法:// main.jsimport Vue from 'vue';import S...
2019-04-10 15:15:12
4716
原创 @vue/cli将px转换成rem单位配置(flexible,px2rem)
与原来的vue-cli 2.x版本不同的是:如果使用最新版本的@vue/cli初始化vue项目时,通常看不到webpack的配制文件。而在原来的2.x版本,我们可以在utils.js中轻松配制px2rem相关配置。为了解决这个问题,我研究了一下vue-cli的官方文档,发现我们仍然可以像以往那样配制。具体步骤如下:安装安装lib-flexible: npm install --save l...
2019-04-09 09:57:04
304
原创 vue 常用组件
vue 常用组件https://curated.vuejs.org/https://github.com/vuejs/awesome-vueFormPicker:https://github.com/mariomka/vue-datetimeUI:http://element-cn.eleme.io/#/zh-CN element uI组件http://mint-ui.github....
2019-04-09 09:26:24
609
原创 vue 多页面开发配置
增加 vue.config.js 内容如下:// const fs = require('fs');// const path = require('path');const glob = require('glob');// const titles = require('./title.js');// const MOD_PATH = path.resolve(__dirname, ...
2019-04-09 09:23:06
382
原创 新建 vue 项目
新建 vue 项目安装 :npm i @vue/cli -g使用 vue cli 初始化项目骨架结构选择手动配置选择项目需要的组建 Bable、Router、Vuex、Linter、Test ,router 和 vuex 可以根据项目需求自行添加选择 eslint 方案,统一为采用 airbnb 的配置,在这个基础上增加自定义配置。选择保存验证选择 jest 为项目的测试框...
2019-04-09 09:20:32
138
原创 Vue 项目 ESlint 配置
.eslintrc.js/** * 使用 vue cli 3 创建项目时默认生成 .eslint.js 文件及默认配置, * 修改对应的选项已适合 vue 项目开发 */const path = require('path');module.exports = { root: true, env: { node: true, }, extends: [ ...
2019-04-09 09:12:57
866
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人