- 博客(52)
- 收藏
- 关注
RSS订阅
原创 用webstorm打开克隆的项目右下角没有master分支怎么回事呢
原因在于没有关联git解决方法是：在webstorm导航栏找到VCS–>>Enable Version Control Integration,选择你要关联的版本工具，找到git 然后右下角就出现git master了...
2019-01-08 10:46:44
2618
原创 post请求报错Could not read document: N/A
后端使用的springMvc框架,在请求后端接口的时候,数据中带着一个authorities数组,只要删掉它,后台就接收到请求数据了
2019-06-29 14:56:54
1556
原创 el-table结合日期选择器筛选数据
有这么一个需求,根据日期选择器来筛选这段时间的数据,之前筛选方法是indexOf >-1,后来发现另一种写法筛选方法 filDate() { const filtDate = this.creatWorkForm.filtrate //绑定的数据 const one = filtDate[0]//开始时间 const two = filtDate...
2019-06-24 10:45:43
2977
2
原创 身份证和手机号校验
var checkPhone = (rule, value, callback) => {if (!value) {return callback(new Error(‘手机号不能为空’))} else {const reg = /^1[3|4|5|7|8][0-9]\d{8}KaTeX parse error: Expected 'EOF', got '}' at position...
2019-06-05 16:30:21
922
转载 常见的vue省市区城市联动
<div id="example"> <select v-model="prov"> <option v-for="option in arr" :value="option.name"> {{ option.name }} </option> </select> ...
2019-05-07 09:56:29
769
原创 el-table实现单选删除和全选删除
就是实现选择可以删除的行,代码如下 handleSelectionChange(val) { this.sels = val }, // 删除所选行 deleteRow() { const val = this.sels if (val) { val.forEach((va, index) => { ...
2019-04-27 13:18:21
4356
原创 路由嵌套,子路由页面不单独显示
想点击创建账户后,跳到创建账户页面,但是发现跳转后,创建账户页面和富文本页面同时存在,因此就要隐藏掉富文本页面试验过v-show绑定一个值,点击创建账户改变值,但是发现一跳转页面还是会显示,后来找到解决方法是,在router里给父路由加上参数然后在computed计算属性里加一个函数,toggleShow: function() { return this.$route.meta.sho...
2019-04-24 18:16:35
1530
原创 深度作用解决scoped无效问题
在单个组件修改公共样式时,用scoped发现无效,查了资料才知道还有深度作用器https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors /deep/.el-submenu__icon-arrow{position:absolute;top:50%;right:-6px}...
2019-04-11 14:46:33
2807
原创 多行文本溢出隐藏
多行文本溢出隐藏,只要给包裹文字的标签加上 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;
2019-04-04 10:36:01
131
原创 小程序搜索页面搜索记录和热门搜索实现
小程序搜索页面,实现搜索记录清除,点击热门搜索词能输入到搜索框,显示搜索记录wxml页面<view class='ctn'><icon type='search'></icon><input value='{{input_value}}' bindinput='inputValue' focus='{{name_focus}}'><...
2019-04-03 16:02:10
4339
1
原创 移动端弹窗爬坑
做一个移动端弹窗效果的时候,因为页面是jsp,在foreach循环列表时,想要获取参数,饶了一圈才发现可以给循环的dom一个id,获取id值再添加到url上就可以了,另外,绑定动态生成标签的事件时,on()函数的第二个参数一定是子元素...
2019-04-01 17:37:59
148
原创 mpvue初始化项目时小坑
在运行vue init mpvue/mpvue-quickstart my-project 时候是在终端运行的,发现一直停留在download template,然后换成Git bash运行,发现就没问题.
2019-03-30 09:12:44
497
原创 jQuery ajax请求
$(document).ready(function(){ $("button").click(function(){ $.ajax({ url:'demo.txt', dataType:'text', success:function(result){ $('#cla').html(result); } }) })...
2019-03-20 20:13:35
101
原创 ES6去重数组
var arr=[1,2,3,1,1,3,4,5,6];var arr2= [...new Set(arr)]console.log(arr2);
2019-03-20 20:12:35
100
原创 通用的事件监听函数
var EventUtil={ //添加dom事件 addHandler:function(element,type,handler){ if(element.addEventListenner){ element.addEventListenner(type,handler,false); }else if(element.attachEvent)...
2019-03-20 20:06:48
287
原创 promise settimeout 和asynch执行顺序
promise settimeout 和asynch执行顺序先执行同步代码，遇到异步代码就先加入队列，然后按入队的顺序执行异步代码，最后执行setTimeout队列的代码。
2019-03-08 11:21:33
120
原创 promise settimeout 和asynch执行顺序
promise settimeout 和asynch执行顺序先执行同步代码，遇到异步代码就先加入队列，然后按入队的顺序执行异步代码，最后执行setTimeout队列的代码。
2019-03-08 11:21:33
124
原创 前端基础知识梳理
css盒模型: 包含IE模型和标准模型，浏览器默认的方式是标准模型两者的区别在于宽和高的计算方式不同。标准模型计算宽高指的就是content的宽高，不包含padding和border，而IE模型计算content的宽高是加上padding和border的如何设置这两种模型？我们就要用到css3里的box-sizing：content-box：宽度和高度分别应用到元素的内容框。在宽度和高度...
2019-02-27 13:17:01
141
原创 闭包随笔
闭包：函数a中有函数b ，函数b可以访问函数a中的变量和数据，此时就形成了闭包。闭包的模式：函数模式的闭包，对象模式的闭包作用：缓存数据，延长作用域链缺点：缓存数据 造成内存占用下面是函数模式闭包例子functhion f1(){var num =10;function f2(){console.log(num) } f2(); }f1();//...
2019-02-25 21:51:00
89
原创 三栏布局的五种方式
假如高度已经规定，两边宽度为300px,中间自适应 怎么设计？第一种：float第二种：position第三种：将盒子设成flex 中间设成flex：1第四种：将盒子设成display：table 三个div设成display：table-cell第五种：将盒子设成display：grid grid-template-row：（高度） grid-template-columns：左边宽...
2019-02-25 09:57:31
137
原创 小程序文件后面的图标什么意思？
文件图标状态的含义如下：图标 含义U 文件未追踪（Untracked）A 新文件（Added, Staged）M 文件有修改（Modified）+M 文件有修改（Modified, Staged）C 文件有冲突（Conflict）D 文件被删除（Deleted）文件夹目录图标状态的含义如下：图标 含义小红点 目录下至少存在一个删除状态的文件小橙点 目录下至少存在一个冲突状态的...
2019-02-23 20:48:28
1730
原创 vue开发项目流程
1.$ node -v (检测node版本，node版本需要在 V4 以上)创建一个空目录2.全局安装vue $ npm install -g vue3.安装脚手架 $ npm install -g vue-cli4.运行 vue 命令，看是否已安装完毕 $ vue / $ vue list (查看可安装的模板)5.安装模板 $ vue init webpack(模板) sell(项目名...
2019-02-23 20:10:54
441
原创 let和const 区别
let与const都是只在声明所在的块级作用域内有效。let声明的变量可以改变，值和类型都可以改变，没有限制。const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。...
2019-02-22 14:46:44
5369
原创 setTimeout 不起作用怎么回事
今天在优化代码的时候 ，想给触摸事件设置一个节流，利用setTimeout来设置一个延缓事件，但是发现不起作用 代码是这样的this.timer = setTimeout(function（） { const touchY = e.touches[0].clientY - 80 const index = Math.floor((touchY - this...
2019-02-20 21:53:53
3651
1
原创 vue-awesome-swiper 中的自动轮播时间控制
在用vue-awesome-swiper时 ，想让图片自动轮播 加了auto play：true 后，轮播是轮播了，但是速度非常快，给它加了delay 也不起作用，最终发现只要在autoplay后面加个时间就行了，也就是 autoplay：3000 就能自动轮播且间隔3秒...
2019-02-19 22:12:53
13763
1
原创 flex:1注意事项
flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。注意：如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用 就是说这个子元素的上面的元素必须是 display: flex...
2019-02-19 12:52:04
2142
原创 怎么让多出来的文字变成省略号呢？---css3属性之text-overflow
有时候文本内容比较多我们又不希望它全部显示，而是变成省略号时，就可以使用text-overflow这个属性。text-overflow：clip | ellipsis默认值：clip适用于：所有元素clip： 当对象内文本溢出时不显示省略标记（…），而是将溢出的部分裁切掉。ellipsis： 当对象内文本溢出时显示省略标记（…）。这里有一件事情要注意，我在使用这个的时候发现只用text...
2019-02-19 10:24:14
476
原创 用码云开发项目流程
在做一个项目的时候，在码云或者github有一个master，其他的功能可以写在分支上，新建一个分支，然后在本地pull下来，在项目下打开终端，输入命令（命令为 git pull）然后切换到这个分支进行开发（git checkout 分支名）,开发完后，推送到码云或github上（三个命令为 git add . git commit - m ‘本次修改的信息’ git push)现在只是推送...
2019-02-19 09:54:02
421
原创 vue-awsome-swiper修改轮播图pagination颜色问题
在使用vue-awsome-swiper轮播图的时候，它的pagination颜色是蓝色，想修改成别的颜色时，发现修改.swiper-pagination-bullet-active 不管用.wrapper overflow :hidden width :100% height :0 padding-bottom :26.666666666% .swi...
2019-02-18 14:12:35
5938
3
原创 移动端轮播图下内容抖动问题
在用vue写移动端时候发现一个问题，那就是轮播图下方的内容在网速慢（网络是3G）的情况下，会出现抖动，也就是图片加载出来后，test被挤下来下面是home页面<home-header></home-header> <home-swiper></home-swiper>//轮播图 <div>test</di...
2019-02-18 13:27:32
2008
1
原创 路由和router-view
vue中的路由就是根据网址的不同，返回不同的内容给用户，<router-view> //显示的是当前路由地址所对应的内容
2019-02-17 14:46:09
279
原创 从本地更新仓库文件指令
推送到github或者码云上指令，到项目文件中打开git bash 输入git add . 然后git commit -m’project initialized’，最后git push 就好了
2019-02-16 23:42:19
161
原创 浅谈v-bind和父子组件传值
v-for:属性名=“表达式” 可以简写为 :属性名=“表达式” 假如有这样一个例子：count=“0”,如果不加：，也就是v-for ，0代表的就是一个字符串，加上v-for代表的就是表达式，也就是数字0，换一个说法，如果count=“0+1”，加上v-for就是1，不加就是0+1，（只是个人理解，欢迎指正）还有就是用v-for给子组件传数据，那么子组件就要接收一下&amp;amp;lt;div id...
2019-02-16 10:10:48
2846
原创 全局注册组件和局部注册组件个人理解
刚学vue时候对于全局组件和局部组件有点懵逼，不知道什么时候用全局，什么时候用局部，下面是vue官网的文档，看了文档后，我个人的理解是，全局组件就是用 Vue.component来创建，局部组件就是var 变量名={}来创建的，全局组件可以在任何新创建的实例中使用，也就是这样：new Vue({ el: '#app' })<div id="app"> <component...
2019-02-16 09:50:16
2910
1
原创 vue常用指令
- 常用指令v-text 是元素的innerText只能在双标签中使用v-html 是元素的innerHTML，不能包含v-if 元素是否移除或者插入v-show 元素是否显示或隐藏v-model 双向数据绑定，v-bind是单向数据绑定(内存js改变影响页面)-v-bind需要根据可变的表达式的结果来给class赋值，就需要用到v-bind:class=“xxx”v-bin...
2019-02-16 09:20:25
85
原创 vue中v-if和v-show
v-if是判断，v-show是显示<div id="app"> <!--<div v-if="show">{{msg}}</div>--> <div v-show="show">{{msg}}</div></div><s
2019-02-15 13:24:30
162
原创 'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 解决方法
在用webpack4an安装webpack-dev-server后，运行webpack-dev-server提示’webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件。错误解决方法是全局安装一次 npm install webpack-dev-server -g...
2019-02-15 10:00:00
989
1
原创 webpack安装插件失败解决方法
Unexpected end of JSON input while parsing near ‘…0.0-candidate.0","dep’解决方法：npm cache clean --force
2019-02-15 09:45:17
2358
原创 如何在 Node 中实现服务器重定向
header(‘location’)301 永久重定向 浏览器会记住a.com b.coma 浏览器不会请求 a 了直接去跳到 b 了302 临时重定向 浏览器不记忆a.com b.coma.com 还会请求 aa 告诉浏览器你往 b...
2019-02-14 11:52:54
1161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人