- 博客(188)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 require VS import VS import() 对比分析(史上最详细)
前置知识-几种模块化方案require 属于 commonJS 规范，想了解详细的，戳我;静态 import,动态 import() 属于 ES6 规范；require 用法require 可以引用 JS、json 等；// test.jsmodule.exports = { a: "china", b: function() { console.log("b");...
2019-12-18 10:50:21
760
转载 JQuery阻止冒泡事件on绑定中异常情况分析
本文转载自https://www.cnblogs.com/tengj/p/4794947.html，纯粹作为日常笔记使用科普下事件冒泡以及默认行为,以下面例子举列子： 事件冒泡：当点击内部button元素时，会触发自身及外层 a的点击事件，这就是事件冒泡引起的。事件会随着 DOM 的层次结构依次向上传播。 事件冒泡可能会引起意料之外的效...
2018-09-09 21:20:04
3270
1
原创 项目常见错误及解决方法--点击button自动提交表单
form表单中，点击任何button 都会自动提交，经查阅资料发现是因为出现上述的问题主要是button标签的type属性惹的祸，button的type属性值有三个分别为button、submit、reset。当我们在利用button标签写一个按钮且没有指定其type属性时，IE7以下版本（具体是IE7以下还是IE5以下给忘了）会默认指定为button，其他会被默认指定为submit。当按钮的...
2018-08-13 17:05:50
471
转载 轻松理解JS基本包装对象
今天来讨论一下JS中的基本包装对象（也叫基本包装类型），之前刚学到这里的时候，自己也是一头雾水，不明白这个基本包装对象到底是个什么鬼，后来找了很多资料，终于看清了它的真面目。首先呢，我们现在复习一下JS的数据类型，JS数据类型被分为了两大门派，基本类型和引用类型。 基本类型：Undefined,Null,Boolean,Number,String 引用类型：Object,Array...
2018-05-14 23:49:37
369
转载 理解Cookie和Session机制
理解Cookie和Session机制目录Cookie机制什么是CookieCookie的不可跨域名性Unicode编码：保存中文BASE64编码：保存二进制图片设置Cookie的所有属性Cookie的有效期Cookie的修改、删除Cookie的域名Cookie的路径Cookie的安全属性JavaScript操作Cookie案例：永久登录Session机制什么是Session实现用户登录Sessio...
2018-04-15 18:03:58
214
转载 jquery form表单.serialize()序列化后中文乱码问题原因及解决
有时候我们需要使用ajax提交去提交form的值，这样就需要使用serialize()去获取form的值，但这样获取的值如果有中文，会乱码，原因和解决方法如下：原因：.serialize()自动调用了encodeURIComponent方法将数据编码了 解决方法：调用decodeURIComponent(XXX,true);将数据解码 如：vardata=$('#addf').serialize(...
2018-04-05 20:34:12
1386
转载 NodeJS MySql 执行多条sql语句
设置multipleStatements属性为truevar connection = mysql.createConnection( { multipleStatements: true } );connection.query('select column1; select column2; select column3;', function(err, result){ if(er...
2018-04-05 20:31:54
3360
转载 AngularJs Type error : Cannot read property 'childNodes' of undefined
一、在AngularJs和JQuery插件共存咋项目中经常会遇到如下异常[html] view plain copyType error : Cannot read property 'childNodes' of undefined 解决方案1：[javascript] view plain copy$timeout(init, 0); 引用$timeout服务，异步执行JQuery的初始化...
2018-04-03 18:38:22
3754
转载 angularjs定时任务的设置与清除
人们似乎常常将AngularJS中的$timeOut() $interval()函数看做是一个内置的、无须在意的函数。但是，如果你忘记了$timeOut()$interval()的回调函数将会造成非常不好的影响，你可能会因此遇到代码莫名其妙的出现问题，或者无端抛出一个错误甚至是一遍一遍的重复对的你的服务器进行$http请求这些诡异的情形。管理好你的$timeOut/$interval定时器的小技...
2018-03-29 20:40:44
1122
原创 js中如何创建变化的数组名,以及根据动态数组名，查找数组
理论上Javascript变量声明是在编译阶段得到的，所以无法通过声明变量名的形式进行存储，但是可以存储为对象的属性，因为可以用obj[prop]的形式声明变量。根据动态数组名，查找相应数组。比如var obj = {};for(let i=0; i<5; i++){ obj['arr'+i] = [];}...
2018-03-27 20:07:16
6802
原创 IE 浏览器各个版本 JavaScript 支持情况一览表
不同版本的 Internet Explorer 浏览器支持不同的 JavaScript 元素集。标准模式（有 <!doctype> 指令时 Internet Explorer 所有当前版本中使用的模式）支持的一组元素与突发模式（没有 <!doctype> 指令时使用的模式）不同。 有关版本控制的更多信息，请参见Defining Document Compatibility（...
2018-03-13 11:10:03
1442
转载 JavaScript的“强类型数组”简介
我们平时使用的Array对象说它是数组，其实是一个从哈希表扩展的结构体。因此它可以提供push、splice等一些列操作。这就意味着他们的效率是很低的。在JavaScript中也可以创建真正的数组，那就是强类型数组。这个概念在以前的JavaScript中是没有的，由于现在JavaScript的发展，它变得可以调用一些系统底层的东西比如WebGL。这些底层的操作需要直接访问内存，而JavaScrip...
2018-03-13 11:02:54
358
转载 mysql sql语句大全
1、说明：创建数据库CREATE DATABASE database-name2、说明：删除数据库drop database dbname3、说明：备份sql server--- 创建 备份数据的 deviceUSE masterEXEC sp_addumpdevice 'disk', 'testBack', 'c:\mssql7backup\MyNwind_1.dat'--- 开始 备份BACK...
2018-03-11 15:21:41
134
转载 浏览器缓存机制及一些缓存问题解决方法
参考：http://bbs.csdn.net/topics/330028896 浏览器缓存机制http://www.docin.com/p-591569918.html 浏览器缓存的一些问题的处理方法1.google Chrome 缓存 一般在 ...\AppData\Local\Google\Chrome\User Data\Default\Cache2.Firefox浏览器缓存文件夹地址：...
2018-03-08 15:12:33
643
转载 浏览器缓存 Last-Modified / Etag / Expires / Cache-Control 详解
什么是浏览器缓存浏览器缓存，又称 HTTP 缓存，指的是：当我们浏览网站的时候，器存储会在本地存储一个副本，以便下次访问同个网址的时候可以不再连接服务器，直接使用本地的缓存。服务器端程序可以通过 HTTP Cache Headers 来控制缓存行为，减轻服务器的负担，缩短了响应时间，显著得提高网站的性能。HTTP Cache Headers当服务器发出响应的时候，可以通过两种方式来告诉客户端（浏览...
2018-03-07 13:39:44
316
原创 登录输入框，出现229以及屏蔽中文输入法等尝试
公司项目中，根据angular写了一个登陆方法，其中有一个bug，就是在中文输入法状态下，输入用户名，并敲击enter，发现虽然输入框中，已经输入用户名，但是angular却未拿到，仍然报 无用户。针对这个问题，我的解决思路是：检测用户是否敲击了 enter 这个键位，如果敲击到了，则用原生js或者jQuery拿到用户input框中的值，去做判断。所以就用到了 ng-keyup/ng-keydo...
2018-03-06 16:21:46
1406
原创 debounce消抖函数
在项目开发中，经常会遇到希望函数在，触发Ns后执行，如果不足N秒，不执行，类似于电路中，处理按钮开关时，电平并非完全的0 1 电平，而是有波峰抖动，需要消除抖动，在按下N秒后，执行，不足N秒不执行。非常有用，类似于angular的ng-model-option={“debounce”:30}debounce函数：var debounce = function (func, threshold, e...
2018-03-06 10:33:21
1580
原创 项目常用功能模块(4)-ztree树节点名称太长（动态控制）
上一篇，关于ztree节点数据过长的文章，不能动态控制，根据情况，自己又改进了下。这一次的改进，包括：一：根据ztree所在的区域长度以及节点的级数 动态 判断节点是否省略，不再写死。二：新增了关于 节点数据 中，包含汉字和英文字母的判断，更加精确。function addDiyDom(treeId, treeNode) { var ztreeWidth=$("#tree")
2018-01-31 15:21:09
2177
3
转载 JS获取字符串长度，汉字算两个字节
//第一种GetLength = function(str) { var realLength = 0; for (var i = 0; i < str.length; i++) { charCode = str.charCodeAt(i); if (charCode >= 0 && charCode <= 128) realLe
2018-01-31 10:56:36
549
转载 js读写Cookie问题（Cookie存储时长、Cookie存储域）汇总
在采集网站用户行为数据/使用js对用户行为做交互时，经常会使用到Cookie，了解Js Cookie的读写，以及一些细节，非常重要。 什么是Cookie所谓Cookie，只是一条极为短小的信息，它被浏览器自动地放置在访问用户的电脑硬盘中。例如：C:\Users\[user]\AppData\Roaming\Microsoft\Windows\Cookies
2018-01-12 11:12:13
633
转载 基于Token的WEB后台认证机制
几种常用的认证机制HTTP Basic AuthHTTP Basic Auth简单点说明就是每次请求API时都提供用户的username和password，简言之，Basic Auth是配合RESTful API 使用的最简单的认证方式，只需提供用户名密码即可，但由于有把用户名密码暴露给第三方客户端的风险，在生产环境下被使用的越来越少。因此，在开发对外开放的RESTful API时
2018-01-11 22:41:49
225
转载 详解Angular开发中的登陆与身份验证
Angular是Google开发的一款浏览器端的高人气JavaScript框架,Angular 经常会被用到后台和管理工具的开发，这两类都会需要对用户进行鉴权。而鉴权的第一步，就是进行身份验证。本文详细介绍了Angular开发中的登陆与身份验证。前言由于 Angular 是单页应用，会在一开始，就把大部分的资源加载到浏览器中，所以就更需要注意验证的时机，并保证只有通
2018-01-11 22:25:17
11253
3
转载 临时-bootstrap table 单击获取当前行号
// 单击事件获取当前行号 $('#bootstrapTable').on("click-row.bs.table",function(e, row, $element) { var index= $element.data('index');});
2018-01-04 15:37:59
1638
转载 AngularJS 中的Promise --- $q服务详解
先说说什么是Promise，什么是$q吧。Promise是一种异步处理模式，有很多的实现方式，比如著名的Kris Kwal's Q还有JQuery的Deffered。什么是Promise以前了解过Ajax的都能体会到回调的痛苦，同步的代码很容易调试，但是异步回调的代码，会让开发者陷入泥潭，无法跟踪，比如：funA(arg1,arg2,function(){ fu
2018-01-01 11:53:16
150
转载 jQuery的deferred对象详解
jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网
2018-01-01 11:02:34
289
转载 Object对象详细参考
本文参考MDN做的详细整理，方便大家参考MDNJavaScript原生提供一个Object对象（注意起首的O是大写），所有其他对象都继承自这个对象。构造函数：Object 构造函数为给定的值创建一个对象包装。如果给定值是 null or undefined，将会创建并返回一个空对象否则，将返回一个与给定值对应类型的对象。当以非构造函数形式被调用时，Object()
2017-12-28 14:01:39
997
转载 DOM对象和JQuery对象的区别
jQuery对象和DOM对象使用说明，需要的朋友可以参考下。1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象，哪些是 DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象;复制代码 代码如下:
2017-12-28 10:00:43
499
转载 angular 1.2.29版本下 动态添加多个表单、 校验全部、 提交 、ng-form方案
html .hasError{ border: 1px red solid; } .errorMsg{ color: red } 添加 字段一
2017-12-23 17:00:32
1132
转载 在Angular指令中使用NgModelController做数据绑定
前言AngularJS中的指令是其尤为复杂的一个部分，但是这也是其比较好玩的地方。今天我们就来说一说AngularJS中的NgModelController。在AngularJS的内置指令中，有一个directive叫做ngModel，我们可以用它来沟通控制器和视图层的数据交换。说的简单点，就是我们可以用它来做双方数据绑定。这篇文章我们就来说一说如何在我们自定义的指令中，利
2017-12-23 16:12:15
826
转载 AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
这篇文章主要介绍了AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值的相关资料,本文介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下在"AngularJS中自定义有关一个表格的Directive"中自定义了一个有关表格的Direcitve，其表格的表现方式是这样的：以上，变量colmnmap的值是事先定义在了Sco
2017-12-19 10:04:33
899
转载 angular中重要指令介绍($eval,$parse和$compile)
在angular的服务中，有一些服务你不得不去了解，因为他可以说是ng的核心，而今天，我要介绍的就是ng的两个核心服务，$parse和$compile。其实这两个服务讲的人已经很多了，但是100个读者就有100个哈姆雷特，我在这里讲讲自己对于他们两个服务的理解。 大家可能会疑问，$eval呢，其实他并不是一个服务，他是scope里面的一个方法，并不能算服务，而且它也基于parse的，所以只能
2017-12-18 16:59:21
257
原创 Angular checkbo、radio总结
总结下，最近使用angularJS中checkbox和radio的使用，以方便后续使用。一、CheckBox总结<input Type="checkbox" ng-model="" [name=""] [ng-true-value=""] [ng-false-value=""] [ng-change=""]>angular
2017-12-16 21:03:35
496
转载 AngularJS 工作原理详解
个人觉得，要很好的理解AngularJS的运行机制，才能尽可能避免掉到坑里面去。在这篇文章中，我将根据网上的资料和自己的理解对AngularJS的在启动后，每一步都做了些什么，做一个比较清楚详细的解析。 首先上一小段代码（index.html），结合代码我们来看看，angular一步一步都做了些什么。 Hello {{name}}! 当
2017-12-14 14:39:42
473
转载 深入理解Angularjs中的$resource服务
大家可以知道在Angularjs中可以用$http同服务器进行通信，功能上比较简单，AngularJS还提供了另外一个可选的服务$resource,使用它可以非常方便的同支持restful的服务单进行数据交互。这篇文章主要给大家深入的介绍了Angularjs中的$resource服务。一、$resource服务介绍$http服务提供的实现极为简单和低级，可以用来发送
2017-12-14 09:48:54
674
转载 js 对象深复制，创建对象和继承
js 对象深复制，创建对象和继承。主要参考高级编程第三版，总结网上部分资料和自己的代码测试心得。每走一小步，就做一个小结。1.对象/数组深复制 一般的=号传递的都是对象/数组的引用，如在控制台输入var a=[1,2,3], b=a;b[0]=0;a[0] 此时显示的结果为0，也就是说a和b指向的是同一个数组，只是名字不一样罢了。
2017-12-14 09:30:59
206
转载 angular $resource模块
http://www.cooklife.cn/detail/54c643a6c93620284e964b59#View上一篇中讲到使用$http同服务器进行通信，但是功能上比较简单，angularjs还提供了另外一个可选的服务$resource,使用它可以非常方便的同支持restful的服务单进行数据交互。安装ngResource模块是一个可选的angularjs模块，
2017-12-14 09:22:30
203
原创 解决$scope.$apply()报错问题
($scope.$$phase||$scope.$root.$$phase)?"":$scope.$apply();
2017-12-11 11:22:34
3501
转载 Angular 比较常用的指令
已经用了angular很久积累了一些很实用的指令，需要的话直接拿走用，有问题大家一起交流1.focus时，input:text内容全选angular.module('my.directives').directive('autoselect', [function () { return { restrict: 'A', link: funct
2017-12-07 21:33:36
353
转载 自定义CheckBox解决label点击事件触发两次问题
问题描述：比如说现在要做一个自定义的CheckBox，如下图所示我们会用到label和input标签嵌套，点击label的时候，事件冒泡一次，同时会触发关联的input的click事件，导致事件再次冒泡，以至于自定义的复选框达不到我们想要的效果。解决办法：判断事件来源，如果是input，则阻止。js代码如下： $('label').click(f
2017-12-04 16:34:49
4306
1
转载 label的click()事件执行两次
如果你的结构是label内写input实现点击文字时候input也有相应。并且，把事件设置在了label上，那么就会执行两次了。html:沪深A股jq/js:$(document).ready(function () {$("label").click(function (){alert(1);});});
2017-12-04 16:33:58
444
经过修改，适合bootstrap table拖动排序的jQuery-UI sortable
2017-08-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人