2018年04月_汪小穆

原创【JavaScript】探究数据类型之间的隐式转换和大小比较

前言：ECMAScript是松散数据类型，也就是说数据类型之间存在着隐式转换。这种隐式转换有利也有弊，我们不需要像java,c等强类型语言那样去强制转换类型后再去执行不同数据类型之间的操作；但我们也要时刻注意隐式转换带来的陷阱。一、隐式转换成Boolean类型Boolean类型与其他类型之间的转换在开发中是比较频繁的用法了。①、隐式转换为truevar str = '123';...

2018-04-16 15:01:04 4854

原创【css】行内元素、行内块元素的默认间隙问题

前言：我比较用喜欢行内元素，行内块元素来做横向导航，这样就不用再去担心浮动块级元素带来的不必要影响。但行内元素，行内块元素元素有个硬伤--有默认的间隙一、行内标签元素出现问题<body> <style> span { background:red; } </style> <span>行内元素</span&gt...

2018-04-28 09:57:21 11713 2

原创【JavaScript】常见的隐式改变this指向的几种错误

前言：this是在函数被调用时发生绑定的，它指向什么完全取决于函数在哪里被调用。（也就是说，this的指向不是函数被创建时绑定，而是被怎么样的方式调用时绑定的）。可以看看我以前写的【this的指向问题】。错误一：改变函数引用var name = 'window';var obj = { name: 'obj', show: function(){ console.log...

2018-04-25 16:30:04 1131

原创【JavaScript】事件委托

前言：阻止事件冒泡，这句话经常听到，也会经常用到。其实事件冒泡也是有用处的，其中一个就是事件委托啦！一、简单事件绑定例子<body><ul> <li>1</li> <li>2</li> <li>3</li> <li>4&a

2018-04-20 14:15:42 334

原创【JavaScript】防止事件被频繁触发。

前言：接到过这样一个任务，是做一个客户预约信息的填写界面，里面很多信息必须要填写。而设计那边提出要让所有信息都要有填写才能让“确认登记”按钮变颜色，并变得可以点击。问题就来了，如果用户每onkeyup一次我就去判断->所有input标签的value值是否为空，那用户填写一遍下来，估计事件要触发四五百次，这是多么恐怖的一件事情和资源浪费！！。一、问题起始<body>...

2018-04-20 11:38:09 4443

原创【JavaScript】封装可以辨别全部数据类型的方法

前言：ECMAScript有5中简单数据类型(也称为基本数据类型)：Undefined，Null，Boolean，Number和String。还有一种复杂数据类型：object 。而用typeof操作符去分辨这些数据类型是件很让人奔溃的事情。一、typeof检测数据var obj = {};var str = 'string';var num = 123;var bool = true;v...

2018-04-16 15:39:16 892

原创【node.js】webpack 打包出错相关问题（WARNING in Configuration）

前言：有许多人webpack安装成功，webpack出现打包失败的问题。一、问题一：4.0以上版本的webpack的问题webpack4.0以上版本的webpack的脚手架webpack-cli已经被被分离出来了，需要另外安装。安装命令：npm install webpack --g npm install webpack-cli --g安装成功后如果像上篇文章中那样输入打包命令：webpac...

2018-04-14 14:29:38 4279

原创【node.js】webapck --打包工具①

前言：nodeJS的一大优点之一就是js文件的模块化。每一个js文件都可以是一个模块，这意味这我们在弄大型项目的时候，不再需要定义大量的全局变量了。一、js文件的弊端如果a.js文件要访问b.js里定义的变量的话，那b.js定义的变量得定义在全局，那样就会造成全局环境的污染。（如果全局定义的变量有重名的，会造成很大困扰）。<!DOCTYPE html><html>&lt...

2018-04-14 12:53:04 2078

原创【JavaScript】 forEach陷阱

前言：forEach没有返回值！！！设置了返回值也没有返回值。一、for循环的对比var arr = [1,2,3,4,5];function test(){ for(var i =0; i<arr.length; i++){ if(arr[i]== 3){ return '找到3了，并终止了循环'; } console.log(arr[i]);...

2018-04-12 17:18:15 4806

原创【ES6】“面向对象写法”和继承方式

前言 : ES6引入了Class类的概念，作为对象的模板。这样js对于class类的概念，也更加规范化。一、创建一个类class Person{ constructor(name,age){ this.name = name; this.age = age; } showName(){ console.log('name: '+this.name...

2018-04-11 13:51:12 827

原创【node.js】简易项目自动化构建

更多内容访问：1、node.js简易上手①2、node.js简易上手②3、搭建可以访问静态文件的服务器①4、搭建可以访问静态文件的服务器②5、node.js处理浏览器提交的get请求6、node.js处理浏览器提交的post请求前言：我们可以用node.js，“读”“写”“执行”磁盘和服务器中的文件。一、简易项目自动化构建代码var projectData = { 'name' : 'subje...

2018-04-11 10:45:57 1067

原创【js面向对象】常用的面向对象写法和继承写法

前言：js在面向对象的写法有很多种，继承方式也有很多种。本篇的写法“我个人”认为比较好用，也比较简单的写法。一、创建构造函数，并创建一个实例function Person(name,age){ this.name = name; this.age = age; };Person.prototype.sayName = function(){ consol...

2018-04-04 11:30:44 641

原创【js面向对象】拼图游戏

一、html代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>拼图小游戏</title><style>body,td { margin:0; padding:0; }#begi

2018-04-04 10:46:52 1055

原创【js面向对象】贪吃蛇

一、HTML代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>分数：0</title><style>html,body { margin:0; width:100%; heigh

2018-04-03 09:22:46 509

原创【JavaScript】定时器的陷阱与小技巧

前言：在开发实践中，定时器的使用频率很高，需特别注意定时器中一些陷阱。一、陷阱①var msg1 = '第1个msg';var msg2 = '第2个msg';setTimeout(console.log(msg1),1000);console.log(msg2);输出结果：我们会发现，设置的延迟一秒的定时器已经失效了。console.log（msg1），这段代码...

2018-04-02 15:20:51 736

汪小穆的博客