- 博客(26)
- 收藏
- 关注
RSS订阅原创 解析与序列化
JSON.stringinfy() 把JavaScript对象序列化为JSON字符串JSON.parse() 把JSON字符串解析为原生JavaScript值
2018-08-23 17:08:53
289
原创 vue路由传值
方法一： params 传值1. 传递 this.$router.push({name: 'list', params: {id: 111}})2. 接受{{this.$route.params.id}}方法二 : query传值this.$router.push({path: '/list', query: {id: 233}})2. 接受{{this.$ro...
2018-08-22 09:29:04
556
原创 如何操作后台返回数据
不能直接操作后台返回数据，先解析再使用例如：this.treeList = JSON.parse(JSON.stringify(this.$store.getters.getTreeList));
2018-08-17 10:29:03
1677
原创 TCP三次握手
1）第一步，浏览器（192.168.2.33）向服务器（220.181.50.118）发出连接请求。 为SYN，seq:X （x=0）2）此为三次握手的第二步，服务器（220.181.50.118）回应了浏览器（192.168.2.33）的请求，并要求确认， 此时为：SYN，ACK，此时seq：y（y为0），ACK：x+1（为1）。3）此为三次握手的第三步，浏览器（1...
2018-08-13 15:11:50
143
原创 浏览器兼容
一、JS方面1. html5shiv 是一个针对 IE 浏览器的 HTML5 JavaScript 补丁，目的是让 IE 识别并支持 HTML5 元素。
2018-08-09 11:41:16
207
原创 Vue动态添加css
第一步：在元素中绑定动态样式1.添加单个样式<div class="addInvTitle" :class="lightBlue">2.添加多个样式<div id="addInvite" class="addInvite" :class="[addInviteHeight1, addInviteHeight2]">第二步：data中定
2018-08-03 17:23:29
10089
原创 es6中async用法
async函数返回一个Promise对象，async函数可以看作多个异步操作，包装成的一个Promise对象，而await命令就是内部then命令的语法糖 1. async 函数的语法 async函数内部return语句的返回值，会成为then方法回调函数的参数async function f () {return 'hello'}f().then(e => conso...
2018-08-02 13:54:24
2081
原创 组织树底部弹出选择（仿京东收货地址地区选择）
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name=&q
2018-08-01 17:18:17
1095
原创 ajax请求中设置自定义请求头
$.ajax({ beforeSend: function(xhr) { xhr.setRequestHeader("companyId", "1"); }, type: "post...
2018-08-01 17:04:27
2548
原创 vue 中 $nextTick用法
submitAndSave () {this.photoShowFlag = false; // 第一步this.$nextTick(() => {this.photoShowFlag = true; // 第二步});this.saveMode = 0;let port = 'insertOrUpdateVisitor?';this.doRequest...
2018-08-01 17:01:41
1117
原创 js数组操作
一. 去重1.方法一function unique (arr) { var res = arr.filter(function (item, index, array) { return array.indexOf(item) === index; }) ...
2018-07-31 15:19:06
133
原创 递归函数
// 创建一个名为f()的命名函数表达式，然后将它赋值给变量dg,即把函数赋值给了另一个变量，函数的名字依然有效，所以递归照样能正常完成 var dg = ( function f(num) { if(num < 1) { ...
2018-07-26 10:28:20
129
原创 eslint配置
{"window.zoomLevel": 2,"workbench.colorTheme": "Monokai","files.trimTrailingWhitespace": true,//配置eslint"eslint.autoFixOnSave": true,"eslint.validate": ["javascript", {&q
2018-07-12 16:31:56
231
转载 使用CSS修改HTML5 input placeholder颜色
::-webkit-input-placeholder { /* WebKit browsers */ color: #999;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999;}::-moz-placeholder { /* Mozilla Firefox 19+ */ color: ...
2018-07-05 18:20:16
217
原创 数组求和
var a = [1,2,3,4,5];var sum = a.reduce(function (n, m, index, array) { return m + n;});console.log(sum); // 15
2018-07-03 09:33:10
793
原创 给vue的日期控件填充默认日期
思路：通过日期控件的v-model赋默认值即可第一步， 引入日期控件 <el-form-item label="日期"> <el-date-picker v-model="visitDate" type="daterange" @change="getTime" ...
2018-07-02 16:26:10
8804
2
原创 给数组排序
var a = [0,1,15,10,5];//这个比较函数可适用于大多数数据类型，只要将其作为参数传递给sort()函数即可。 function compare (value1, value2) { if (value1 < value2) { return -1; } else if (value1 > value2)...
2018-07-02 09:33:12
608
原创 比较日期大小几种方法
function compareDate (date1, date2) { var Date1 = new Date(date1); var Date2 = new Date(date2); if(Date1.getTime() > Date2.getTime()){ console.log(1); } el...
2018-07-02 09:12:22
3290
转载 苹果手机上input的button按钮颜色显示问题
css上加下面样式input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
2018-06-29 14:26:29
834
转载 关于IOS下click事件委托失效的解决方案
关于IOS下click事件委托失效的解决方案一、由于某些特殊情况下，需要用到事件委托，比如给动态创建的DOM绑定click事件，这里就需要事件委托(这里就牵扯到：目标元素和代理元素)目标元素：动态创建的元素，最终click事件需要绑定到该元素代理元素：动态创建的元素的父级元素，或者document,body等。二、BUG情况当使用事件委托给【目标元素】添加 click 事件时，如果【代理元素】是 ...
2018-06-29 11:00:22
968
原创 js性能优化
一. 避免全局查找因为访问全局变量总是要比访问局部变量慢，因为需要遍历作用于链。function () { var btn = document.getElementsByTagName('btn'); var uId = document.getElementById('userId');};改为：function () { var doc = docume...
2018-06-28 23:50:15
188
原创 判断某个对象是不是数组
使用Array.isArray(); 方法 支持的浏览器有IE9+ ，Firefox4+, Safari5+, Opera 10.55+, Chrome例如：ary = [1,2,3,4,5,6,7,9]console.log(Array.isArray(ary)); // 打印结果 true
2018-06-28 09:14:40
154
原创 页面跳转后返回上一页面记录上一页面select选定的值
上图为展示图思路：cookie缓存记住当前页面select选中的值，再次返回时获取cookie的值即可第一步：引入js;<script src="js/jquery.min.js"></script><script src="js/jquery.cookie.js"></script>第二步： 当点击其中一项时设置cookie缓存，首先先清除之前的缓...
2018-06-23 12:20:55
3773
原创 vue表单中遍历表单中操作按钮的显示隐藏
1. 第一步先在data中定义数组data () { return { passSaveShow: [], // 通行组保存和取消的显示隐藏 passEditShow: [], // 通行组编辑的显示隐藏 checkedUnLink: [], // 取消关联是否选中 valDate: [], // 有效期显示 pickDateShow: [], // 日...
2018-06-23 09:36:50
4032
转载 vue 路由传参 params 与 query两种方式的区别
1. query要用path来引入，params要用name来引入，接收参数都是类似的，分别是this.$route.query.name和this.$route.params.name。2. query更加类似于我们ajax中get传参，params则类似于post，说的再简单一点，前者在浏览器地址栏中显示参数，后者则不显示具体使用第一步，路由配置{path: '/test/...
2018-06-08 11:59:50
656
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人