- 博客(163)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 js字符串,数组,对象,正则,canvas,json常用方法
字符串数组concat()// 作用:数组拼接// 使用:// 常用于:对象正则canvasjson
2018-12-07 09:55:49
502
原创 vue父子组件数据双向绑定
父组件 <keyword v-bind:demo.sync="demo" ></keyword>子组件 this.$emit("update:demo", xxxxxxxx)
2019-09-09 14:07:26
314
原创 输入框自动适应
watch: { textAreaHeight(val, olval) { // 绑定的data if (val.length > olval.length) { let h = this.$refs.textArea.scrollHeight; this.$refs.textArea.style.height = h + "px"; } else i...
2019-07-18 09:50:49
324
原创 常用算法
数组去重// 利用es6新增的数据类型setfunction arrUniq(arr) { return [...new Set(arr)]}// indexof includes
2019-07-18 09:44:55
269
原创 校验金额
inputUp(e) { if (e.inputType == "deleteContentBackward") { // 判断是否是删除键 this.$emit("methods_busType_input", this.amount) return } var reg = /^0\.([1-9]|\d[1-9])$|^[1-9]\d{0,8}\.\...
2019-07-18 09:40:25
404
原创 数组分类合并（待优化）
for (const i of res) { if(!data[i.date]) { var arr = []; arr.push(i); data[i.date] = {}; data[i.date].planList = []; data[i.date].planList = arr; }else { data[...
2019-07-08 09:58:48
249
原创 vsCode常用插件记录
Chinese (Simplified) Language Pack for Visual Studio Code //中文Path Intellisense //路径Todo Tree //打标记Vetur //vue提示
2019-07-05 15:46:24
201
原创 css实现收缩，高度自适应
思路：利用input中的checkbox来区分是否收缩通过js设置初始高度（不设置无法实现过渡效果）通过过渡实现缓慢动画全部代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=...
2019-06-24 16:32:39
3507
原创 vue路由导航守卫，赋值data
beforeRouteEnter (to, from, next) { next( vm => { if(to.path == "/expense-account/accountant-details"){ vm.audit = 1 } if(to.path == "/expense-account/fund-details"){ vm.audit...
2019-06-20 10:37:48
1455
原创 页面平滑滚动简单实现
x-coord 是文档中的横轴坐标。y-coord 是文档中的纵轴坐标。options 是一个包含三个属性的对象:top 等同于 y-coordleft 等同于 x-coordbehavior 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto,实测效果等同于instant例子window.scrollTo( 0, 1...
2019-06-16 16:47:13
953
转载 vue判断Android还是ios
appSource() { const u = navigator.userAgent; const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if (isiOS) { return "ios"; } else { return "andriod"; } },
2019-06-14 14:49:40
6679
原创 css书写小技巧
// 1. 小图片切换显示建议切换类名来控制// 例：// :class="‘aP-’+item.auditStatus"// .approvalProcess.aP-1 {// .icon.icon1 {// background-image: url(’~@img/icon_x’x’x.png’)// }// }// .approvalProce...
2019-06-11 14:15:42
145
原创 解决vue数据更新但视图没有更新
工作实例// 错误 for (const i of this.serverList) { i.opt = 0; }// 成功 for (const i of this.serverList) { this.$set(i, "opt", 0) }官方文档受现代 JavaScript 的限制 (而且 Object.observe 也已经被...
2019-05-06 09:44:12
2493
原创 es6 Promise()
可以设置什么情况下是成功，什么情况下是失败然后可以通过.then和.catch定义在不同情况下不同的处理 methods: { changeDate() { let date = new Date() var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? "0" + m ...
2019-04-19 16:55:21
166
原创 时间处理
let date = new Date() var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? "0" + m : m; var d = date.getDate(); d = d < 10 ? ("0" + d) : d; date = y + "-" +...
2019-04-19 16:51:35
176
原创 jquery工作常用方法记录
$.each()与 $(".xxx").append(xxx)循环及添加dom var arr = [ { name: "zs1", id: 1 }, { name: "zs2", id: 2 }, { name: "zs3", id: 3 }, { name: "zs4", id...
2019-04-18 15:03:15
161
原创 vue使用nodeJs简单实现接口模拟实现数据mock
安装npm i body-parser express mockjs -D** 说明body-parser : 处理post请求数据的express nodeJs框架mockjs 模拟数据的 //暂时没有用到书写nodeJs逻辑// 路径 mock/index.jsvar express = require("express"); //引入express模块...
2019-04-18 09:47:16
1935
原创 vuex使用mapActions
在store.js书写actions方法actions: { demo({ commit }, options) { return new Promise((resolve, reject) => { ajax.post({ url: "xxxxxxxxxxx/xxxxxxxxxxx", data: options }).then((res...
2019-04-16 09:15:46
505
原创 vant加载
// loading展示 this.$toast.loading({ duration: 0, forbidClick: true, mask: true, message: "加载中..." });this.$toast.clear(); // 关闭加载...
2019-04-10 13:51:43
2227
原创 flex实现固定定位
<template> <div class="content"> <div class="tab">asd</div> <div class="main"> <p v-for="item in 50" :key="item">{{item}}</p> </div&g...
2019-04-09 17:39:50
4900
3
转载 vant填坑之area
转载：https://www.jianshu.com/p/770a54e1a39c<van-area :area-list="arrylist" :columns-num="1" @change="onChange" :value="130000" /> onChange(pi...
2019-04-05 16:12:33
3807
原创 vue中slot的简单使用
父组件<template> <div id="app"> <children> <div slot="slot1">标题</div> <div slot="slot2"><input type="text"></div> <button slot=...
2019-04-03 14:51:41
281
原创 vue-router嵌套路由
{ path: "/home", name: "****", meta: { title: "****" }, children: [ { path: "/test1", name: "test1", component: () =>...
2019-04-02 12:00:27
169
原创 watch控制input输入长度
<input type="text" v-model="name"> watch: { name(curVal, oldVal) { if (curVal.length > 10) { this.name = String(curVal).slice(0, this.name); } } },
2019-03-28 14:30:47
391
原创 vue通过filters改变手机号格式
filters: { changePhone(value) { var len = value.length; var x = value.substring(3, len - 4); var values = value.replace(x, "****"); return values; } },<p>{{...
2019-03-20 17:06:49
1388
1
转载 vue-cookes的使用
转载： https://www.cnblogs.com/s313139232/p/9341762.htmlvue之vue-cookiesnpm链接：https://www.npmjs.com/package/vue-cookies安装：npm install vue-cookies --save使用：import Vue from 'Vue'import VueCookies ...
2019-03-20 17:03:29
166
原创 vue-router改变title
···{path: “/”,name: “home”,meta: {title: “首页”},component: () =>import("./views/homePage/homePage1.vue")},······router.beforeEach((to, from, next) => {/* 路由发生变化修改页面title */if (to.me...
2019-03-19 11:47:24
1010
转载 vue-cli3的使用
转载 https://www.cnblogs.com/XCWebLTE/p/9546756.htmlVue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行...
2019-03-15 14:45:43
459
原创 echarts饼图实例
Myecharts() { function fGetChartFontSize() { const dpr = window.devicePixelRatio; let fontSize = 14; if (dpr == 2) { fontSize = 15; } else if (dpr == 3...
2019-03-15 11:01:51
653
原创 echarts柱状图渐变实例
myEcharts() { function fGetChartFontSize() { const dpr = window.devicePixelRatio; let fontSize = 13; if (dpr == 2) { fontSize = 14; } else if (dpr ...
2019-03-15 10:59:37
862
原创 echarts折线图例子
&lt;template&gt; &lt;div class="content"&gt; &lt;div ref="myChart" class="classChart"&gt;&lt;/div&gt; &lt;/div&gt;
2019-03-15 10:45:25
336
原创 web常用算法面试
冒泡排序 function sort(arr) { for (let i = 0; i < arr.length; i++) { for (let j = 0; j < arr.length - i; j++) { let temp = null; ...
2019-03-05 13:17:48
194
转载 vscode中使用git
转载https://blog.youkuaiyun.com/huchangjiang0/article/details/79639515https://www.jianshu.com/p/e9dd2849cfb0 vscode简介VSCode是微软推出的一款轻量编辑器，采取了和VS相同的UI界面，搭配合适的插件可以优化前端开发的体验。布局：左侧是用于展示所要编辑的所有文件和文...
2019-03-05 09:51:12
305
转载 git超详细使用
转载 Git使用详细教程 一：Git是什么？ Git是目前世界上最先进的分布式版本控制系统。 二：SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能...
2019-03-05 09:46:44
140
转载 vue减少打包文件大小
转载: 使用vue打包，vendor文件过大，或者是app.js文件很大第一次使用vue2.0开发，之前都是用的angular1.x。在使用vue-cli脚手架打包后（UI用的Element-ui），发现vendor文件很大，将近1M左右。。后来翻阅资料才明白，原来webpack把所有的库都打包到了一起，导致文件很大。我的解决办法：&amp;amp;nbsp; 1、把不常改变的库放到index.html中，...
2019-03-04 14:09:01
2384
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人