- 博客(96)
- 收藏
- 关注
转载 vue项目中,图片无法显示时,显示默认图片,但默认图片路径出错
问题描述在vue项目中,同样的图片,设置在img的src中能正常显示 设置在img的onerror中不能正常显示 原因项目启动后, 图片的路径并不是我们写的路径了。示例: 源代码:// 直接加载<img src="../../assets/img/timg.jpg">// 设置为logo.png加载失败后显示的默认图...
2017-08-25 15:53:00
737
转载 ECMAScript2017(ES8)主要的新特性
1、异步函数2、共享内存和原子3、Object.values/Object.entriesObject.values(): 获取对象的值,返回结果数组 Object.key(): (ES5)获取对象的键,返回结果数组 Object.entries(): 将对象的每一项分别变成数组,返回结果数组Object.values({ key1: 'va...
2017-07-24 10:12:00
213
转载 ECMAScript2016(ES7)2个新特效
1、Array.prototype.includes[1, 2, 3].includes(3); // true[1, 2, 3].includes(4); // false[1, 2, 3].indexOf(3); // 2[1, 2, 3].indexOf(4); // -1includes() 和 indexOf() 方法类似,主要区别是:...
2017-07-24 10:03:00
238
转载 对象的合并
Jquery$.extend({}, obj1, obj2)Js(ES6)Object.assign({}, obj1, obj2)1、第一个参数是目标对象,后面的参数都是源对象。注意,如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性。 2、拷贝的属性是有限制的,只拷贝源对象的自身属性(不拷贝继承属性),也不...
2017-07-18 11:02:00
323
转载 JQuery点击事件优化
<div id="content"></div>var html = '';for (var i=0; i<10000; i++) { html += '<p>'+i+'</p>';}$('#content').append(html);第一种事件绑定方式$('#content p').o...
2017-07-11 10:03:00
126
转载 FormData详解
创建对象<form id="mform"> 名字:<input type="text" name="name" /> 密码:<input type="text" name="pwd" /> 附件:<input type="file" name="file" /></form>1、创建一...
2017-06-27 10:22:00
156
转载 echarts重新加载数据没有绘出图
问题描述:1、点击下拉菜单,重新请求数据,重绘echart图,但是没有绘出图 2、问题出现的具体原因有待考究(绝大多数是不会有这个问题的) 解析: 解决方案:移除容器上的 _echarts_instance_ 属性 $('#box').removeAttr('_echarts_instance_'); ...
2017-06-20 14:04:00
1025
转载 js数组中文排序
var arr = ['绵阳', 'aaa', '资阳', 55, '成都', 2, 'chengdu','abc'];var result = arr.sort(function(a, b){return (a + '').localeCompare(b + '')});console.log(result); //[2, 55, "成都", "绵阳", "资阳...
2017-05-26 16:58:00
229
转载 根据指定时间获取前一周的时间
console.log(getWeekByDate('2017-05-05'));// ["2017-04-29", "2017-04-30", "2017-05-01", "2017-05-02", "2017-05-03", "2017-05-04", "2017-05-05"]function getWeekByDate(date) { let dd =...
2017-05-26 14:49:00
161
转载 table
一、表格常用的1、合并table边框(1)合并边框 border-collapse: collapse;(2)边框分离的距离设为0 border-spacing: 0;二、td属性1、跨行rowspan<td rowspan="3">1</td>2、跨列colspan三、样式1、border-...
2017-05-25 14:17:00
91
转载 table 这个妖孽 -> tr、tr高度不支持小数
谷歌、火狐tr、tr高度不支持小数,IE支持 若tr设置的高度小于它自己填充的高度,则设置的高度不起作用; 若tr设置的高度(小数)大于它自己填充的高度,最后应用的高度会四舍五入代码如下:<!DOCTYPE html><html> <head> <meta charset="...
2017-05-25 11:33:00
202
转载 批处理(*.bat)文件 -> 命令
1、 /? 帮助start cmd /?2、 /k 执行字符串指定的命令但保留 /c 执行字符串指定的命令然后终止 start cmd /k "node app.js" 转载于:https://www.cnblogs.com/Zting00/p/7497626.html...
2017-05-22 10:02:00
130
转载 设置柱状图:每项颜色不一样
var color = ['red', 'blue', 'yellow', '#349ee7', '#349ee7', '#349ee7'];// 渐变色color.push(new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#9a1111'...
2017-05-17 10:33:00
1371
转载 回到顶部 插件 遇到的一点小问题
写了个回到顶部的插件,发现了一些被忽视掉的问题 这个插件,我提供了一个默认容器, 先用的body,发现不能完美的监听它的滚动事件(具体看上一篇博客:body的滚动事件的坑 http://blog.csdn.net/ning0_o/article/details/70857113); 后改用document,又发现不能使用动画回到顶部 document不能使...
2017-04-27 16:12:00
118
转载 body的滚动事件的坑
踩过些坑,得到的结论,不一定精确1、 body的滚动条,刷新页面的时候不会回到顶部。其他dom节点会2、 body只能通过onscroll函数表达式的方法来绑定滚动事件 (其中,IE不能监听body的滚动事件)document.querySelector('body').onscroll = function() { console...
2017-04-27 15:30:00
325
转载 文章标题
1、考察点call、applyvar a = Function.prototype.call.apply(function(a){ return a; }, [0,4,3]);console.log(a); // 4分解:(Function.prototype.call).apply(function(a){ return a; }, [0,4,3]);...
2017-04-26 12:00:00
84
转载 window.open()打开的新窗口被拦截的原因分析和解决方案
1、原因: 浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻止。因为浏览器认为这可能是一个广告。 window.open()放在ajax的回调函数中执行会导致被拦截2、解决方案: 先打开一个页面,在ajax回调函数中把当前页重定向到目标页面// 打开一个页面var newWin = window.open('about:blank'...
2017-04-20 15:14:00
746
转载 常用正则表达式
1、ip/^((25[0-5]|2[0-4]\d|[01]?\d\d?)($|(?!\.$)\.)){4}$/ 转载于:https://www.cnblogs.com/Zting00/p/7497632.html
2017-04-12 14:25:00
72
转载 代码整洁之道,clean code
一、注释1、不准确的注释比没有注释更令人头疼 尽量用语义化的代码来解释你的意图,而不是依赖注释来解释一段代码 原因很简单:程序员不能坚持维护注释。 代码在后期维护中,不断的优化、变动,很有可能最初的注释已和现有的代码没多大关系了,反而给人一种先入为主的思想去了解一段代码。2、如果一定要写注释,请保证它描述的是离它最近的代码 ...
2017-04-10 16:37:00
72
转载 表单序列化,获取Json对象
以下方法适用于所有表单元素1、.serialize() $(selector).serialize()方法通过序列化表单值创建 URL 编码文本字符串<form> <input type="checkbox" name="username" value="南国"/>南国 <input type="checkbox"...
2017-04-07 17:24:00
188
转载 一行代码实现F11的功能,即让浏览器窗口全屏
1、全屏//全屏 var docElm = document.documentElement; //W3C if(docElm.requestFullscreen) { docElm.requestFullscreen(); } //FireFox else if(docElm.mozRequestF...
2017-04-07 15:35:00
6135
转载 容器居中
1、margin: autodiv { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}2、transformdiv { position: absolute; top: 50%; left: 50%; transform...
2017-04-06 16:07:00
97
转载 判断某个窗口是否是活动窗口(当前正在使用、操作的窗口)
// 各种浏览器兼容var hidden, state, visibilityChange;if (typeof document.hidden !== "undefined") { hidden = "hidden"; visibilityChange = "visibilitychange"; state = "visibilityState...
2017-04-06 14:28:00
1206
转载 对数组每项进行处理、判断的几种方法
除了常用的for和while循环外,还有其他几种函数可以快速的处理数组1、forEach() array.forEach(function(currentValue, index, arr), thisValue) 返回值: undefinedvar arr = [10, 20];arr.forEach(function(value,...
2017-04-06 11:37:00
521
转载 form文件上传、下载,获取返回值
将form的target值指向一个iframe的name值,文件上传、下载后获取iframe的内容:<form target="name" method="post" action="下载路径" enctype="multipart/form-data></form><iframe name="name" style="disp...
2017-03-30 11:01:00
469
转载 scss基本使用及操作函数
操作函数1、for循环@for … from … through @for $var from <start> through <end> // 范围包括<start>和<end>的值@for … from … to@for $var from <start> to &l...
2017-03-24 17:30:00
626
转载 delete删除
delete只能删除属性,不能删除变量和原型链上的属性 1,对象属性删除var obj = { name: 'mary'}delete obj.name;console.log(obj.name); // undefined2、删除数组中的元素,删除值,不能删除索引var arr = [1, 2, 3];console.log(arr[0]...
2017-03-01 11:14:00
167
转载 v-if 和 v-show的区别
简单来说,v-if 的初始化较快,但切换代价高;v-show 初始化慢,但切换成本低1.共同点都是动态显示DOM元素2.区别(1)手段: v-if是动态的向DOM树内添加或者删除DOM元素; v-show是通过设置DOM元素的display样式属性控制显隐; (2)编译过程: v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建...
2017-02-20 09:44:00
1931
转载 数据单向绑定
添加 “::”// 第一种写法<div id="" ng-bind="::name"></div>// 第二种写法<div id=""> {{::name}}</div> 转载于:https://www.cnblogs.com/Zting00/p/7497643.html...
2017-02-17 11:57:00
68
转载 Angular\Vue解决页面数据加载时出现{{message}}闪烁的情况
vue使用v-cloak<style type="text/css"> [v-cloak] { display: none }</style><div v-cloak>{{message}}</div>angulara. 使用ng-cloak<style type="text/...
2017-02-17 11:54:00
89
转载 Angular1.0与Vue循环指令的区别
1、获取ng-repeat和v-for循环生成的节点比较:ng-repeat生成的节点不能直接获取 解决方案:自定义一个指令监听ng-repeat渲染完再执行相应的DOM操作v-for生成的节点可以直接获取angular<!DOCTYPE html><html ng-app="myModule"> <h...
2017-02-17 11:25:00
142
转载 Vue.js基础入门
vue是法语中视图的意思,Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Vue入门</title>...
2017-02-17 10:39:00
67
转载 apply()、call()、bind()改变作用域
相同点三者都是用来改变函数体内部 this 的指向;三者第一个参数都是this要指向的对象,也就是想指定的上下文;三者都可以利用后续参数传参;不同点 bind是返回对应函数,便于稍后调用;apply、call则是立即调用 apply、call接收参数的方式不一样func.call(this, arg1, arg2);func.apply(thi...
2017-02-15 14:44:00
150
转载 获取数组中的最大、最小值
var arr = [1, 5, 3, 8, 9];var min = Math.min.apply(Math, arr); // 1var max = Math.max.apply(Math, arr); // 9 转载于:https://www.cnblogs.com/Zting00/p/7497648.html
2017-02-15 14:36:00
93
转载 合并2个或多个数组
1、push() 合并2个数组 push改变原数组,返回数组最新长度var a1 = [2, 3], a2 = [4, 0], len;len = Array.prototype.push.apply(a1, a2);console.log(a1, a2, len); // [2, 3, 4, 0] [4, 0] 42、concat()...
2017-02-15 14:10:00
158
转载 webpack入门手册
一、命令及最终代码// 安装webpack1.9.11版本,也可以不指定版本$ npm init$ npm install webpack@1.9.11 --save-dev// 安装css打包依赖模块$ npm install --save-dev extract-text-webpack-plugin style-loader css-loader...
2017-02-14 17:29:00
126
转载 svg的stroke属性,神奇的描边
1、stroke定义一条线,文本或元素轮廓颜色2、stroke-width定义一条线,文本或元素轮廓厚度3、stroke-linecap描边端点表现形式<svg> <g fill='none' stroke='black' stroke-width='10'> <path stroke-linecap...
2017-02-10 14:53:00
1627
转载 js数据类型
字符串(String)数字(Number)布尔(Boolean)数组(Array)对象(Object)空(Null)未定义(Undefined)var num = 1, boo = true, aa = null, bb, str = 'mary', arr = [1, 2, 4, 8], obj...
2017-02-09 16:35:00
51
转载 d3坐标轴
1、绘制坐标轴绘制svg<div id = "container"></div>----------var svg_w = 500, // svg的宽度 svg_h = 400, // svg的高度 g_left = 50, // 坐标系离svg的左边距 g_top = 50, // 坐标系离svg的...
2017-02-09 15:58:00
382
转载 svg -> text文本水平、垂直居中。文本垂直对齐方式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> svg{ ...
2017-02-07 15:06:00
2205
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人