2017年07月_YinghaoGuo

原创 js中this的绑定与丢失

一直以来，this指向的问题都困扰着我，老是不清楚this到底是指向调用对象还是指向window，今天做个了结。问题又下面这道题引出：var obj={ id:"awesome",cool:function coolFn(){ console.log(this.id); }};obj.cool()//awesomevar id="not awesome";setTimeout

2017-07-28 17:07:07 4198 1

原创表单中<select>的高级用法

下拉框： 1 2 3 4 5 6下面是对下拉框的基本操作：$(document).ready(function() { //绑定下拉框change事件，当下来框改变时调用 SelectChange()方法 $("#selectID").change(function() { SelectChange(); }

2017-07-27 18:07:37 2804

转载前端的BFC、IFC、GFC和FFC

什么是BFC、IFC、GFC和FFCCSS2.1中只有BFC和IFC, CSS3中才有GFC和FFC。FC的全称是：Formatting Contexts，是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。1、BFCBFC(Block Formatting Context

2017-07-26 17:12:04 2982

一直都对Chrome情有独钟，第一次接触她只因她的icon就喜欢上她了，后来便一发不可自拔，现在几乎成为程序员最喜欢用的浏览器，至于优点很明显：强大的Developer Tools，响应快速，支持各种插件。当然也有些劣势，比如稍微占点内存，但是在如今这个硬件这么便宜的时代，这点几乎可以忽略，今天我就来给大家推荐下我自己常用的一些Chrome插件，你在别处可看不到，可以这么说，熟练使用这些插件，会对

2017-07-26 10:50:24 3840

转载前后端分离后的前端时代

1. 什么是前后端分离要区分前端和后端，需要有个明确的界限。一般，用户可以直接看到的东西，都是属于前端的范畴，除了前端之外都属于后端了。在传统的像ASP，JSP和PHP等开发模式中，前端是处在一个混沌的状态中，可以说是没有独立的“人格”可言。前端负责切图和编写静态页面模板，后端将数据渲染到前端提供的页面模板中，最后将页面渲染到浏览器展示。这个过程中，前

2017-07-26 10:23:59 458

原创 console输出的一些有价值的栗子

//*******************************************************************************1 for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000); } console.log(i);//5 5555,在setTimeout执行之前，for循环早就执行完了

2017-07-25 18:05:01 389

转载数据库大批量SQL插入性能优化

对于一些数据量较大的系统，数据库面临的问题除了查询效率低下，还有就是数据入库时间长。特别像报表系统，每天花费在数据导入上的时间可能会长达几个小时或十几个小时之久。因此，优化数据库插入性能是很有意义的。经过对MySQL InnoDB的一些性能测试，发现一些可以提高insert效率的方法，供大家参考参考。1、一条SQL语句插入多条数据常用的插入语句如：INSERT

2017-07-25 17:23:37 27134 2

原创使用Fiddler劫持网络资源

今天介绍一个本人认为超级实用的本地调试服务器端代码方法。在实际web开发中，经常面临的问题就是，明明本地调试正确，放到服务器上却出了bug，而使用浏览器F12进行的js调试刷新后才会生效，我们不可能改动一次js文件就上传到服务器一次重新看一次效果。如果你也时常有这个疑问，那继续往下看。需要用到的抓包工具是：Fiddler。fiddler 这个工具，在 web 开发中，用法非

2017-07-25 16:19:44 5366

原创 http请求状态码status和ajax请求状态值readystate

1开头的http状态码，表示临时响应并需要请求者继续执行操作的状态代码。100 （继续）请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101 （切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。2开头的http状态码，表示请求成功200 成功处理了请求，一般情况下都是返回此状态码； 201

2017-07-25 14:38:23 6713

原创 JS的array.slice()和array.splice()的使用

JS中有两个操作数组的函数：slice(start,end)和splice(start,length,insert_one,insert_two......)，估计其意义大家都懂，简单说一下：array.slice(start,end)函数是取array数组中指定的一些元素：根据数组下标start和end，两个参数为取值的开始和结束下标，取出的值不包括end位置的值，生成一个新数组作为

2017-07-20 17:37:21 5767

原创 JS中URL参数的编解码

HTML中的$("form").serialize()函数，在submit按钮点击时，将form表单中含有name的input整理成一个“name=aaa&pass=bbb”这样的字符串，使用get方法请求时会将此后缀添加到请求url后面，如果请求内容中存在汉字（即form表单中需要传输的input中有汉字），汉字将转换为一种由“%”开头的编码，如下图：下图是将$("form").serial

2017-07-19 09:41:46 44962 1

YinghaoGuo的博客