- 博客(38)
- 收藏
- 关注
RSS订阅原创 给搜索框绑定回车搜索事件
搜索框没有搜索按钮的时候 就要绑定回车搜索事件 但是只有一个input的时候 按回车默认是提交事件<div class="col-sm-offset-8 col-sm-3"> <i class="glyphicon glyphicon-search"></i> <input type="text" id="searc
2018-05-03 09:44:59
2692
原创 aa
一、开发 1、弹框的时候会弹出多个 解：绑定的点击事件中要先off掉$(document).off("click",".createTask").on("click",".createTask",function(){})二、与后台交互最近做项目，才发现ajax有同步异步区分，我还一直以为只要是ajax请求都是异步ajax同步与异步的区别这个...
2018-04-11 11:26:17
622
原创 chrome浏览器访问本地json格式
今天拿到公司的另一个新写的框架，打开demo文件的数据源是一个json格式的文件，用chrome打开总是报错： XMLHttpRequest cannot load file:///C:/Users/Administrator/Desktop/dropload/examples/json/more.json. Cross origin requests are only supported fo...
2018-04-02 10:10:16
4713
1
原创 动态加载JavaScript文件——高性能JavaScript
在大多是情况下，你需要使用一个单一的方法来加载动态JavaScript文件，下面这函数封装了标准及IE特有的实现方法：function loadScript(url,callback){ var script = document.createElement("script"); script.type = "text/javascript"; if(script...
2018-03-20 17:39:43
386
原创 function语句对比function表达式
javascript既有function语句，同时也有function表达式。这令人困惑，因为他们看起来就是相同的，一个function语句就是其值为一个函数的var语句的速记形式。下面的语句：function foo(){}意思相当于：var foo = function foo(){}第二种形式，它能明确表示foo是一个包含一个函数值的变量。要用好这门语言，理解函数就是...
2018-03-19 17:54:44
699
转载 判断一个对象是否为数组
方法一： 使用instanceof操作符。instanceof操作符用来判断要检测对象的原型链上是否存在某个构造函数的prototype属性。var a = {};var b = [];console.log(a instanceof Object);//trueconsole.log(b instanceof Object);//true使用instanceof操作符有一个问...
2018-03-19 14:30:19
294
转载 bootstrap下拉框——bootstrap-select
使用示例1、基础示例既然是bootstrap-select，组件肯定依赖bootstrap的，而bootstrap又依赖jquery的，所以使用组件必须引用以下文件<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css"><l...
2018-03-07 18:04:00
1667
原创 《JavaScript语言精粹》—— 模块
这里记录模块，对模块的了解与认识模块我们可以使用函数和闭包来构造函数，模块是一个提供接口和隐藏实现的函数或对象，通过使用函数产生模块，我们几乎可以完全摒弃全局变量的使用，从而缓解这个JavaScript的最为糟糕的特性之一所带来的影响举例来说，假定我们想要给String增加一个deentityify方法。它的任务是寻找字符串中的HTML字符实体并把它们替换为对应的字符。这就需要在一...
2018-03-01 16:38:58
430
原创 闭包例子
为了避免下面的问题，理解内部函数能访问外部函数的实际变量而无须复制是很重要的//糟糕的例子//构造一个函数，用错误的方式给一个数组中的节点设置事件处理程序 //当点击一个节点时，按照预期，应该弹出一个对话框显示节点的序号 //但它总是会显示节点数目var add_the_handlers = function(nodes){ for(var i = 0; i < ...
2018-02-28 16:31:57
215
原创 避免表单重复提交
为了避免用户可能会重复点击表单提交按钮，最常见的解决方案，就是在第一次单击后就禁用提交按钮。只要监听submit时间，并在该事件发生时禁用提交按钮即可。以下就是这样一个例子。//避免重复提交表单EventUtil.addHandler(form,"submit",function(event){ event = EventUtil.getEvent(event); var...
2018-02-09 18:01:21
171
原创 《JavaScript高级程序设计》第11章（DOM扩展）—— 读书笔记
DOM扩展1、选择符APISelectors APILevel1 的核心是两个方法：querySelector()和querySeletorAll()1.1、querySelector()方法querySelector()方法接受一个css选择符，返回与该模式匹配的第一个元素，如果没有找到匹配的元素，返回null//取得body元素var body = docum
2018-02-06 18:01:56
199
转载 HTML5.2 新增的dialog元素
新增的dialog元素 在HTML5.2中新增了dialog这个标签.来帮助我们快速实现一个对话框.在HTML5.2之前我们想实现一个对话框功能,大概的实现方式的是:一个div,先将它display: none隐藏掉.然后在需要的地方再讲其display置为block.这样就能控制一个对话框的显示和隐藏.而在HTML5.2中,你只需要这写:dialog id="dialog">
2018-02-01 11:27:21
612
原创 map()
问： 一个长度为4空数组，用map()给数组元素复制，为什么新数组还是空的呢？ var array = new Array(4);var newArray = array.map( item => { return '2';})console.log(array,newArray);// => [empty x 4] [empty x 4]答： 什么都没有的数组元素叫做槽，一般方法都
2018-01-19 18:05:11
214
转载 ajax 跨域
ajax 跨域 ：收藏别人的：http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html
2018-01-03 16:38:32
132
原创 闭包
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。var n=999;function f1(){ alert(n);}f1(); // 999另
2017-12-27 17:27:22
370
原创 JavaScript高级程序设计（第六章）——读书笔记
第六章 面向对象的程序设计6.2、创建对象6.2.1、对象字面量创建单个对象var obj = {name:"Mandy",age:"20"};缺点：使用同一个接口创建很多对象，会产生大量重复代码6.2.2、工厂模式——用函数来封装以特定接口创建对象的细节function createPerson(name,age,job){ var o = new Object(); o.name
2017-12-18 18:08:54
461
原创 JavaScript高级程序设计（一~五章）——读书笔记
第一章：JavaScript简介1、JavaScript组成：核心（ECMAScript）、文档对象模型（DOM）、浏览器对象模型（BOM）。ECMAScript是JavaScript的核心，它由语法、类型、语句、关键字、保留字、操作符、对象组成。２、ECMAScript提供核心语言功能。DOM提供访问和操作网页内容的方法和接口。BOM提供与浏览器交互的方法和接口。３.DOM包含DOM1，DOM２，
2017-11-27 18:15:18
409
2
转载 深入理解javascript中的立即执行函数(function(){…})()
这篇文章主要介绍了深入理解javascript中的立即执行函数,立即执行函数也叫立即调用函数,通常它的写法是用(function(){…})()，包住业务代码,使用jquery时比较常见,需要的朋友可以参考下( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法，最初我以为是一个括号包裹匿名函数，把函数变成一个函数表达式，再
2017-11-26 20:10:10
190
原创 你不知道的javascript读书笔记
你不知道的javascript读书笔记作用域作用域就是作用的范围，指它在函数哪些范围内可以使用，要是在其他不可使用范围想使用的话，就要重新定义词法作用域词法作用域就是定义在词法阶段的作用域。换句话说，词法作用域是由你自己写代码时将变量和块作用域写在哪里决定的，因此词法分析器处理代码时会保持作用域不变函数中的作用域看下面一段代码function foo(a) { var b = 2;
2017-11-26 16:36:16
179
转载 立即执行函数表达式
立即执行函数表达式var a = 2; (function foo() { var a = 3; console.log( a ); // 3 })(); console.log( a ); // 2由于函数被包含在一对 ( ) 括号内部，因此成为了一个表达式，通过在末尾加上另外一个 ( ) 可以立即执行这个函数，比如 (function foo(){ .. })()。第一个
2017-11-16 15:52:13
294
原创 call apply bind
call apply bind 三者都是改变this指向call 的使用方法function add(a,b){alert(a+b);}function sub(a,b){alert(a-b);}add.call(sub,3,1);这个例子中的意思就是add来替换sub，add.call(sub,3,1) == add(3,1), 所以运行结果为ale
2017-11-06 16:54:46
167
转载 web 交互规范
一、 总则1. 目的《 Web 系统交互规范》以用户为中心，以用户的使用习惯与心理需求为出发点，结合以往项目经验，对用户习惯和产品交互各个方面做了相关的描述，为公司相关产品与项目的用户界面提供规范与指导。在 Web 类型系统开发过程中，为不同协作部门的相关人员提供统一的规范与指导，保证产品界面最终实现规范化，标准化；解决产品的可用性、易用性，使产品在界面外观及操作行为上形成一
2017-10-23 15:40:46
6500
转载 css 规范
前言有助减少团队（与个人）的维护成本和方便日后的自动化改进 一、 文件结构css目录下的所有文件都是相关css.css/font/ --相关字体样式文件css/global.css --项目全局公共样式文件css/project.css --针对具体项目具体样式文件第三方插件的样式文件不在此文件夹下。 二、 分类方法2.1
2017-10-23 15:37:49
182
转载 JavaScript 规范
前言：代码规范有助于减少团队（个人）的维护成本和方便日后的自动化改进一、开发规范1、注释函数级注释是必须的，关键语句注释可选的。必须有注释，模块级API标准注释与关键语句辅助说明注释。以/** 开头的注释将由工具（jsdoc等）生成API查询文档。良好的注释降低团队其他成员与（日后的自己）阅读，理解，维护成本。函数注释必备4参数：作用描述，办法名， 参数
2017-10-23 14:25:15
452
原创 HTML 规范
前言：代码规范有助于减少团队（个人）的维护成本和方便日后的自动化改进尽量遵循html标准和语义，但不要以牺牲实用性为代价，任何时候都要尽量使用少的标签并保持最小的复杂度一、语法用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。 嵌套元素应当缩进一次（即两个空格）。 对于属性的定义，确保全部使用双引号，绝不要使用单引号。 不
2017-10-23 10:27:15
318
原创 函数只调用一次
今天遇到一个需求 一个函数只要调用一次 第二次执行该js 的时候不再调用可以定义一个全局变量 var isFirst = true 为true的 时候就调用函数，调用完后 改为false就不会再调用了if ( isFirst ) {fun();isFirst = false;}
2017-10-19 11:39:46
2621
原创 for in 循环的小细节
一般我们写for in 遍历的时候都是统一模板for ( var key in values) {if ( key ) {console.log(key)}}但是这样写会把原型链上的东西也找到，应该改成习惯加个hasOwnPropertyfor ( var key in values) {if ( values.hasOwnProperty( key )
2017-10-16 10:00:55
402
原创 自定义滚动条
今天写了一个自定义的滚动条（纯css3）/*自定义滚动条样式*/pre::-webkit-scrollbar { width: 10px; //纵向滚块的宽 height: 10px; //横向滚块的高 border-radius: 10px; background-color: #F1F1F1; } /*定
2017-10-13 11:34:03
187
原创 按键盘回车可以触发确认按钮
开发中我们为了方便操作，经常都会使用键盘的回车键代替鼠标点击的事件，今天给大家分享的是按回车键就等同于鼠标点击确认按钮，模拟代码如下：$(".input").on("keyup",function(){if(event.keyCode === "13"){$(".btn").trigger("click")}})当然更多键盘事件需要大家自行度娘，但是代码的写法都是一个模
2017-10-09 09:59:22
5361
原创 window.location.search实现页面跳转传参
window.location.search 是用来获取地址栏url的参数先来普及一下window.location 对象所包含的属性属性 描述hash 从 “#” 开始的urlhost 主机名和当前url的端口号hostname 当前url 的主机名href 完整的urlpa
2017-09-27 16:08:59
2028
原创 关于事件点击后加.xxx的（如：click.ref）到底是什么意思呢
$("#code-img").on("click.ref", function(e) {}，经常会看到这样的事件绑定写法，到底是什么意思呢？ 这种绑定方式是事件命名空间，ref是编写者的命名空间，这样写，说白了就是用来做区别的， 这样写和不加 .xxx写效果是一样的，唯一的区别就是解绑的时候，如果绑定了两个，一个click， 一个click.xxx ， 解绑的时候off("cl
2017-09-25 15:41:09
1360
原创 ajax页面跳转并传值到下一个页面的
业务开发中经常会遇到需要从一个页面传值到另一个页面的时候这是本人的解决方法var id = 1;$.ajax({url : "index.html",data : {id : id},success : function(){location.href = "index.html?id="+id}})希望有更好解决方法的大神指导留言
2017-09-25 14:39:50
16425
1
原创 用正则截取字符串中的某个字段
如：当前有字符串 "username=aaae; password=a0b97fd0e59f9751cbcc6add7d88268e" （这是一个cookie值） 我想获取password的值，或者username的值var cookie = document.cookie; function getCookie(name) { var reg = new
2017-09-25 14:09:42
2323
原创 时间更改
需求：点击研究周期的年月日，结束时间对应加减年月日借助插件：moment.js. moment.js 是一个 JavaScript 日期处理类库,用于解析、检验、操作、以及显示日期我最初的做法：1、把结束时间先存起来2、分别监听研究周期年月日的input，当年增加就给结束时间加上年，如果月也增加，把年先保存起来赋值给结束时间，拿这个新的结束时间给月作为结束时
2017-08-25 09:56:20
259
原创 小知识点检漏
今天学习的时候，第一次看到下面的这种用法window.onload=function(){//}当时就很想知道这个用法跟直接声明一个函数调用有什么区别？window.onload = function (){} 算是一个事件，表示网页加载完执行后面的函数function aa(){} 而这种一般形式定义的普通函数，只要常规调用就行了两者之
2017-05-18 15:03:06
210
转载 前端开发者，必须知道的项目资源
1.CodePen：http://codepen.io/网站里有很多很酷的特效，而且可以看到效果的源代码，也可以看到实现效果，是一个非常不错的前端开发学习资源网站2.RunJS：http://runjs.cn/点击广场，则可以看到很多开发者分享的一些效果源码，如果你想找资源，做项目，这个网站绝对是一个不错的选择。3.BestCSSButton
2017-05-17 14:40:30
349
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人