- 博客(98)
- 资源 (3)
- 问答 (2)
- 收藏
- 关注
转载 弹性盒子布局 简装版 display: flex
html<div id="box"> <div>11</div> <div>22</div> <div>33</div></div>css#box { display: flex; // -----设为弹性盒子布局 justi
2018-04-09 16:40:21 309
转载 获取ie版本
function IEVersion() { let userAgent = navigator.userAgent //取得浏览器的userAgent字符串 let isIE = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1 //判断是否IE<11浏览...
2018-04-09 16:39:18 462
原创 vs-code打开本地服务器
1、安装npm install -g live-server或者cnpm install live-server -gf 2、再运行live-server就可以在http://127.0.0.1:8080访问
2017-10-27 15:43:37 19276 1
原创 vue项目中,图片无法显示时,显示默认图片,但默认图片路径出错
问题描述在vue项目中,同样的图片,设置在img的src中能正常显示 设置在img的onerror中不能正常显示 原因项目启动后, 图片的路径并不是我们写的路径了。示例: 源代码:// 直接加载<img src="../../assets/img/timg.jpg">// 设置为logo.png加载失败后显示的默认图片<img src="/logo.png" onerror="th
2017-08-25 15:53:46 23870
转载 ECMAScript2017(ES8)主要的新特性
1、异步函数 2、共享内存和原子 3、Object.values/Object.entriesObject.values({ key1: 'value1', key2: 'value2' }); // ['value1', 'value2']Object.keys({ key1: 'value1', key2: 'value2' }); // ES5 ['key1', 'key2']Ob
2017-07-24 10:12:05 464
原创 JQuery点击事件优化
<div id="content"></div>var html = '';for (var i=0; i<10000; i++) { html += '<p>'+i+'</p>';}$('#content').append(html);第一种事件绑定方式$('#content p').off('click').on('click', function() { $('#cont
2017-07-11 10:03:45 404
原创 echarts重新加载数据没有绘出图
问题描述:1、点击下拉菜单,重新请求数据,重绘echart图,但是没有绘出图 2、问题出现的具体原因有待考究(绝大多数是不会有这个问题的) 解析: 解决方案:移除容器上的 _echarts_instance_ 属性 $('#box').removeAttr('_echarts_instance_');
2017-06-20 14:04:17 11523 1
原创 js数组中文排序
['绵阳', 'aaa', '资阳', 55, '成都', 2, 'chengdu','abc'];排序后[2, 55, "成都", "绵阳", "资阳", "aaa", "abc"
2017-05-26 16:58:15 2517
原创 根据指定时间获取前一周的时间
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 = new Date(date);
2017-05-26 14:49:54 649
原创 table
一、表格常用的1、合并table边框(1)合并边框 border-collapse: collapse;(2)边框分离的距离设为0 border-spacing: 0;二、属性1、border-collapse 是否合并表格边框 separate: 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。 collapse: 如果可能,
2017-05-25 14:17:29 312
原创 table 这个妖孽 -> tr、tr高度不支持小数
谷歌、火狐tr、tr高度不支持小数,IE支持 若tr设置的高度小于它自己填充的高度,则设置的高度不起作用; 若tr设置的高度(小数)大于它自己填充的高度,最后应用的高度会四舍五入
2017-05-25 11:33:50 1257
原创 批处理(*.bat)文件 -> 命令
1、 /? 帮助start cmd /?2、 /k 执行字符串指定的命令但保留 /c 执行字符串指定的命令然后终止 start cmd /k "node app.js"
2017-05-22 10:02:25 473
原创 设置柱状图:每项颜色不一样
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:18 6045
原创 回到顶部 插件 遇到的一点小问题
这个插件,我提供了一个默认容器, 先用的body,发现不能完美的监听它的滚动事件(具体看上一篇博客); 后改用document,又发现不能使用动画回到顶部
2017-04-27 16:12:17 363
转载 文章标题
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]);注意:fun.apply(obj, arg
2017-04-26 12:00:53 206
原创 window.open()打开的新窗口被拦截的原因分析和解决方案
1、原因: 浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻止。因为浏览器认为这可能是一个广告。 window.open()放在ajax的回调函数中执行会导致被拦截2、解决方案: 先打开一个页面,在ajax回调函数中把当前页重定向到目标页面// 打开一个页面var newWin = window.open('about:blank');// 建议给一个提示信息newWin.d
2017-04-20 15:14:45 5232
转载 判断某个窗口是否是活动窗口(当前正在使用、操作的窗口)
// 各种浏览器兼容var hidden, state, visibilityChange;if (typeof document.hidden !== "undefined") { hidden = "hidden"; visibilityChange = "visibilitychange"; state = "visibilityState";} else if (typeo
2017-04-06 14:28:34 5425
转载 v-if 和 v-show的区别
v-if和v-show的区别简单来说,v-if 的初始化较快,但切换代价高;v-show 初始化慢,但切换成本
2017-02-20 09:44:15 47281 1
原创 数据单向绑定
添加 “::”// 第一种写法<div id="" ng-bind="::name"></div>// 第二种写法<div id=""> {{::name}}</div>
2017-02-17 11:57:07 580
原创 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/css"> [ng-cloak] { display: none }</style><div
2017-02-17 11:54:50 2787
原创 Vue.js基础入门
vue是法语中视图的意思,Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Vue入门</title> </head> <body> <!-- 定义一个 View -->
2017-02-17 10:39:16 614
原创 apply()、call()、bind()改变作用域
相同点 - 三者都是用来改变函数体内部 this 的指向; - 三者第一个参数都是this要指向的对象,也就是想指定的上下文; - 三者都可以利用后续参数传参;不同点 - bind是返回对应函数,便于稍后调用;apply、call则是立即调用 - apply、call接收参数的方式不一样func.call(this, arg1, arg2);func.apply(this,
2017-02-15 14:44:47 947
原创 获取数组中的最大、最小值
var arr = [1, 5, 3, 8, 9];var min = Math.min.apply(Math, arr); // 1var max = Math.max.apply(Math, arr); // 9
2017-02-15 14:36:50 4382
怎么缓存静态html资源
2016-08-30
web开发app需要些什么技术
2016-03-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人