2018年03月_我还记得那天夕阳下的奔跑

原创 js 引用类型 -- Object类型

引用类型的值（对象）是引用类型的一个实例。在JavaScript中，引用类型是一种数据结构，用于将数据和功能组织在一起。Object类型JavaScript的对象是一种无序的集合数据类型，它由若干键值对组成。创建Object 实例的方式有两种。第一种是使用new 操作符后跟Object 构造函数，如下所示：var person = new Object();person.name = "Nich...

2018-03-29 16:09:05 233

原创 js 变量、作用域

1. 基本类型和引用类型的值ECMAScript 变量可能包含两种不同数据类型的值：基本类型值和引用类型值。基本类型值在内存中占据固定大小的空间，因此被保存在栈内存中；引用类型的值是对象，保存在堆内存中。在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值。5 种基本数据类型（Undefined、Null、Boolean、Number 和String）是按值访问的，因为可以操作保存...

2018-03-28 17:40:48 175

原创 js 关系操作符、相等操作符

一、关系操作符【小于（<）、大于（>）、小于等于（<=）和大于等于（>=）】ECMAScript 中，当关系操作符的操作数使用了非数值时，也要进行数据转换或完成某些奇怪的操作。以下就是相应的规则。 如果两个操作数都是数值，则执行数值比较。 如果两个操作数都是字符串，则比较两个字符串对应的字符编码值。 如果一个操作数是数值，则将另一个操作数转换为一个数值，然后执行数值比...

2018-03-27 17:18:44 265

原创 IE9兼容placeholder

最近做项目发现IE9不支持placeholder属性，故而做兼容，在此做一个记录。解决方案：先检查浏览器是否支持placeholder属性，如果支持，则不做处理；如果不支持，且placeholder有值的情况下，生成一个label标签覆盖在原来input的位置，然后再根据input的情况对label标签显示或隐藏。效果如下图：demo如下（由于宽度有限，对某些代码做了换行处理）：...

2018-03-23 18:15:50 290

原创页面加载时，添加进度条，提高用户体验

这几个月做了个项目，在此对一些问题做一个记录。项目是前后端分离的，前端用的 npm+webpack。问题：由于系统某页面数据量过大或网络较差等原因，导致页面还未完全加载出来，但按钮已被加载时（js还未就绪），点击按钮会报错。根据系统情况，解决方案：每个页面加载的时候，在header上方加一个动态的进度条，同时通过css样式在页面上覆盖一个透明的背景，使页面在加载完成前不可点击。页面完全...

2018-03-22 16:01:34 2561

原创 js数据类型

最近看了《JavaScript高级程序设计（第3版）》，对数据类型相关知识做了整理。ES5简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number和String。还有1 种复杂数据类型—Object，Object 本质上是由一组无序的名值对组成的。ECMAScript不支持任何创建自定义类型的机制，而所有值最终都将是上述6 种数据类型之一。1. typeof ...

2018-03-21 15:01:36 156

原创 js动态生成的DOM绑定事件失效的问题

事件委托原理：事件冒泡机制。优点：1. 可以大量节省内存占用，减少事件注册。比如ul 上代理所有li 的click 事件。2. 可以实现当新增子对象时，无需再对其事件进行绑定。对动态内容部分尤为合适。缺点：如果把所有事件都用事件代理，可能会出现事件误判。即本不该触发的事件被绑上了事件。初学者会可能会遇到在js 动态生成的DOM元素中直接绑定事件，事件没有生效的问题。因为网页只执行一次初始化绑定，...

2018-03-20 15:34:12 4987

原创 src=' ' 致webpack打包报错

今天同事遇到代码打包报错，从main.js -> js -> css -> html 排除错误。找了几个小时后，将错误定位到图1所示代码：图1报错详情如图2所示：（这个报错无法帮助我们定位错误） ...

2018-03-19 17:31:12 260

原创 IE9中table出现空白单元格及td出现错位的问题

问题描述：最近做的项目中，PC端页面有大量的table。某些页面的table列数较多（20列左右），在IE9浏览器中部分表格单元格分割线显示不全，同时存在数据显示错位。如下图所示：原因：经排查，发现是换行引起的，即<tr><td></td><td></td></tr>不能换行。解决办法：找一个在线HTML压缩，将表格插件中 t...

2018-03-12 17:42:34 1514

原创 js获取下一个月最后一天

思路：先获取当前时间（年月日），再判断当前月份的下一个月是多少天。注意：（1）js中 getMonth() 返回值是0（一月）到11（十二月）之间的一个整数；（2）当getMonth()返回的值是11（12月），则它的下一个月为次年1月；（3）当getMonth()返回的值是0（1月），则它的下一个月为2月，应判断是否为闰年。代码如下： <!DOCTYPE ...

2018-03-12 15:41:08 2911

qq_36584352的博客