- 博客(20)
- 收藏
- 关注
RSS订阅原创 使用vue中的axios后，对实例中的data进行赋值的问题
总结一下我遇到的一个纠结很久的问题。在项目中需要用到后台的数据对前端渲染，使用到了vue整合的axios，使用vue中的钩子函数在页面组件挂载完成之后向后台发送一个get请求然后将返回后的数据赋值data（）中定义的属性：执行后前端报错：原因：在请求执行成功后执行回调函数中的内容，回调函数处于其它函数的内部this不会与任何对象绑定，为undefined。解决方案：...
2018-07-24 17:11:31
9234
1
原创 script标签的type属性
1.type最常用的就是text/javascript;2.type属性为text/html的时候， 如果在此script片断中定义一个被js调用的代码，代码不在页面上显示； 这种写法，在页面渲染的时候，浏览器不会读取script标签中的html代码...
2018-07-24 15:23:31
5151
转载 创建纯对象
创建一个百分百的纯对象，这个对象不会继承object的任何属性和方法，比如constructor，toString等const pureObject = Object.create(null);console.log(pureObject); //=> {}console.log(pureObject.constructor); //=> undefinedconsole....
2018-07-24 14:48:23
461
原创 数组的对象解构
使用对象解构将数组项赋值给变量：const csvFileLine = '1997,John Doe,US,john@doe.com,New York';const { 2: country, 4: state } = csvFileLine.split(',');注：在本例中，2为split之后数组的下标，country为指定的变量，值为us...
2018-07-24 14:29:44
904
原创 使用对象结构模拟命名参数
以前，当我们向一个函数传递多个参数时，会采取配置对象的模式：doSomething({ foo: 'Hello', bar: 'Hey!', baz: 42 });function doSomething(config) { const foo = config.foo !== undefined ? config.foo : 'Hi'; const bar = config.ba...
2018-07-24 14:22:29
223
原创 js获取select标签选中的值
js获取select选中的值var obj = document.getElementByIdx_x(”testSelect”); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; ...
2018-07-20 17:29:03
13437
原创 jq中extend函数的使用
jq的扩展方法extend是我们在写插件的过程中常用的方法。1.jq的扩展方法extend的原型：extend(dest,src1,src2,src3...);该方法的含义是将src1，src2，src3...合并到dest中，返回值为合并后的dest，由此可以看出，使用了改方法后，dest的结构被修改。如果只想要得到合并的结果却不想修改dest的结构，可以这样使用：var n...
2018-07-19 15:25:15
1848
转载 jq中的tooltip提示框
使用于带title属性的所有元素的 事件代理<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>工具提示框部件（Tooltip Widget）演示</title> <link rel=
2018-07-19 14:50:29
2393
原创 vue中子组件改变父组件数据的两种方法
方法一：这个方法不用在父组件那里写自定义事件，对于处理一些小数据简单易用<body> <div id="app"> <child :mag.sync='msg'></child> msg:{{msg}} </div></body><script&
2018-07-19 14:05:33
3479
原创 obj[key].obj['key'],obj.key的区别
1.obj[key] : key代表的是循环中的一个变量 2.obj['key'] : key代表的是obj的一个属性，obj['key']即代表的是取obj的key属性值3.obj.key : 此时obj.key相当于obj['key'],key代表的是obj的一个属性总结：以上三点主要是obj[key]和obj['key']的区别 这两个的主...
2018-07-19 10:26:38
4922
原创 分析浏览器渲染css机制
分析上图的渲染机制有什么不同： 如果直接使用变迁来定义样式，在css渲染时浏览器需要先查找DOM节点，而添加类名不需要查找dom节点。知识点： 浏览器对css的匹配原理：浏览器css匹配不是从左到右进行查找，而是从右到左进行查找，比如之前说的div#divBox p span.red{color：red}。浏览器的查找顺序如下： 先查找html中所有clas...
2018-07-19 09:59:14
691
原创 code标签：显示的字体为等宽字体
<code class="hashBodyClass" style="font-size:14px;color:#ccc;background-color:transparent;cursor:pointer;word-break:break-all;white-space: pre-wrap;" >XXXXXXXXX</code>
2018-07-15 10:52:24
2191
原创 关于ajax请求的一些问题（面试）
1.ajax默认的请求是同步还是异步？ajax中一般是根据async的值不同分为同步（async=false）和异步（async=true）两种执行方式，在w3c的教程中推荐使用异步执行。2.ajax中什么时候使用同步，什么时候使用异步？这个问题的思路是：什么是同步请求，什么是异步请求，然后才是使用场景的分析（1）什么是同步请求： 同步请求即是当前发送请求后，浏览器什么都不能做，必须...
2018-07-13 15:24:02
987
原创 webpack的好处
1.轻松使用es6。 因为webpack可以在浏览器不支持es6的情况下让你使用es6语法，最新的webpack版本已经不需要配置也能过变异es6语法，之前的版本都需要加入babel加载器才可以打包es6.2.可以打包文件3.代码改变后，可是在浏览器上没有显示出改变后的效果。4.减少界面请求数量。 许多图片图表都是放到一张图片上的，这样做的原因是因为能过减少图片体积，同样的将js，css文件...
2018-07-13 14:21:22
5703
1
转载 扁平化多维数组
1.使用扩展运算符可以快速扁平化数组：const arr = [11, [22, 33], [44, 55], 66];const flatArr = [].concat(...arr); //=> [11, 22, 33, 44, 55, 66]复制代码2.不幸的是，上面的技巧只能适用二维数组，但是使用递归，我们可以扁平化任意纬度数组：function flattenArray(arr...
2018-07-12 17:36:51
438
原创 js实现数组去重的方法
方法一：双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则push进数组?123456789101112131415161718Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(i = 0; i < len; i++){ ...
2018-07-12 16:49:40
236
原创 js中arguments这个特殊参数
arguments是函数内固有变量，以数组的形式保存了调用方给该函数传入的所有参数，有两个属性length和callee，length表示调用方传入了多少个参数，callee表示当前函数体本身。1.利用argument访问函数参数，判断函数是否执行<script type="text/javascript"> function sayHello () { if (a...
2018-07-06 10:59:47
483
原创 js中的JSON.stringify()
JSON.stringify()函数的作用：序列化对象，即把参数对象的类型转化为字符串类型JSON.stringify(value[, replacer [, space]])value（必须）：将要序列化为JSON字符串的值replacer（可选）：可以为数组或者函数 1.如果为数组：只有包含在这个数组中的属性名才会被序列化到最终的JSON字符串中，replac...
2018-07-05 15:12:34
1745
原创 js中使用apply（）实现数组中最值以及合并
1.求数组中的最大值，最小值 js中求一组数中最大值和最小值有Math.min(),Math.max()方法， Math.min(),Math.max()的用法：Math.min(1,2,3,4,5,6) ;Math.max(1,2,3,4,5,6) 弊端：这两种方法的参数不可以为一个数组 即：var arr=[1,2,3,4,5,6];Math.min(arr)和Math.m...
2018-07-05 14:05:12
1508
原创 往数组开头添加元素
环境：在数组 arr 开头添加元素 item。不要直接修改数组 arr，结果返回新的数组示例1输入[1, 2, 3, 4], 10输出[10, 1, 2, 3, 4]1.unshift（）向数组开头添加一个或者多个元素，并返回新的数组的长度，但是注意：unshift不创建新的数组，而是直接修改原来的数组function prepend(arr, item) { var m = arr.sli...
2018-07-04 16:35:33
39017
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人