js

js中的原型

由 天涯浪子 提交于 2020-03-16 23:42:09
对象的__proto__ js中万物皆对象，每个数据都会有一个__proto__的属性，这个属性叫隐式原型。 一个对象(obj)的隐式原型( proto )指向构造该对象(obj)的构造函数(Object())的原型属性(Object.prototype)。 这样做的原因是为了能够保证实例(obj)能够访问到在构造函数(Object())的原型属性(Object.prototype)中定义的属性和方法。 function createPerson ( ) { } console . log ( createPerson . prototype ) ; var p1 = new createPerson ( ) ; console . log ( p1 ) ; console . log ( p1 . __proto__ ) ; // 是一个对象，起名叫隐式原型 // 实例身上的隐式原型，是为了标记当前实例的来源函数的原型对象 函数对象的prototype 函数(Function)是一个特殊的对象，除了和其他对象一样有上述__proto__属性之外，还有自己特有的属性——原型（prototype），这个属性被描述成指针。他指向一个对象类型的数据，这个对象的用途就是包含所有将来使用该函数构造出来的可被共享的属性和方法（我们把这个对象叫做原型对象）。 function

什么是EasyUI，如何使用EasyUI？--easyui的十二种用法

由 爱⌒轻易说出口 提交于 2020-03-16 21:44:08
某厂面试归来，发现自己落伍了！>>> 简单说明 1.easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。 2.easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。 3.使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。 4.easyui是个完美支持HTML5网页的完整框架。 5.easyui节省您网页开发的时间和规模。 6.easyui很简单但功能强大的。 EasyUI的下载 官网地址： http://www.jeasyui.com/download/v19.php 点击下载（免费即可）： EasyUI的测试（在这为大家总结了7种EasyUI的使用方法，还有5种在明天将会推出） 拖拽功能/进度条/菜单按钮/各种按钮（增删改查等等）/弹出框/创建表格/树形结构 * EasyUI的执行需要依赖jQuery 故JS引入; <!--引入jquery的js，EasyUI的执行需要依赖于jQuery --> <script type="text/javascript" src="/js/jquery-easyui-1.4.1/jquery.min.js"></script> <!--easyUI的js主文件 --> <script type="text/javascript" src=

js读取文本内容

由 こ雲淡風輕ζ 提交于 2020-03-16 21:24:25
<!DOCTYPE html> <html> <head> </head> <body> jsReadFile:<input type="file" onchange="jsReadFiles(this.files)"/> <button onclick="jsReadFiles();">read</button> </body> <script src="jquery-3.2.0.min.js"></script> <script> //js 读取文件 function jsReadFiles(files) { if (files.length) { var file = files[0]; var reader = new FileReader();//new一个FileReader实例 if (/text+/.test(file.type)) {//判断文件类型，是不是text类型 reader.onload = function() { $('body').append('<pre>' + this.result + '</pre>'); } reader.readAsText(file); } else if(/image+/.test(file.type)) {//判断文件是不是imgage类型 reader.onload = function() { $('body'

js字符串

由 杀马特。学长 韩版系。学妹 提交于 2020-03-16 20:54:24
charAt方法和charCodeAt方法都接收一个参数，字符串中第一个字符下标为0 charAt方法是以单字符字符串的形式返回给定位置的那个字符 charCodeAt方法获取到的不是字符而是字符编码 var str="hello world"; console.log(str.charAt(1)); 显示为第一个字符 console.log(str.charCodeAt(1)); 显示为字符编码 console.log (str.charAt(str.length-1)); 还可以使用方括号加数字索引来访问字符串中特定字符 　 console.log(str[1]); 字符串操作方法 concat方法 concat方法是专门用拼接字符串的 var str="hello" var res=str.concat("world"); console.log(res); console.log(str); 这说明原来字符串的值没有变 var res1=sre.concat("nihao","!"); console.log(res1); concat可以接受任意多个参数 slice方法、substring方法、substr方法 slice方法：第一个参数指定字符串开始位置，第二个参数表示子字符串最后一个字符后面的位置 substring方法：第一个参数指定字符串开始的位置

jQuery源码分析随笔之数据缓存

由 删除回忆录丶 提交于 2020-03-16 20:10:00
jQuery的数据缓存机制对于js Object和DOM node分别存在两种方式： 情况一:对于js Object，数据就存储在Object本身，只不过数据都存储在Object下一个以“jQuery”开头的属性之下 例如： var obj = {}; $.data(obj, "username", "scott"); console.log(obj)； 此时obj为： { 　　jQuery16302287385049276054：{ 　　　　username: "scott" 　　} } 情况二：对于DOM node，数据则存储在jQuery.cache之中node对应的id号之下 例如： var elem = document.createElement("div"); $.data(elem, "password", "tiger");console.log(elem[$.expando]); console.log($.cache); 输出为： 1 {1：{password:"tiger"}} 这个例子中node对应的id为1，存储在其自身的$.expando属性之下，此id即对应$.cache中存储器数据位置的id,即这样建立起的对应关系 这里需要说明的是，$.expando的值即是以"jQuery"开头后面一串数字的字符串，例如前面的

js 有用的代码

由 点点圈 提交于 2020-03-16 19:19:52
1. 如何创建嵌套的过滤器： // 允许你减少集合中的匹配元素的过滤器， // 只剩下那些与给定的选择器匹配的部分。在这种情况下， // 查询删除了任何没（ :not ）有（ :has ） // 包含 class 为“ selected ”（ .selected ）的子节点。 .filter(":not(:has(.selected))") 2. 如何重用元素搜索 var allItems = $("div.item"); var keepList = $("div#container1 div.item"); // 现在你可以继续使用这些 jQuery 对象来工作了。例如， // 基于复选框裁剪“ keep list ”，复选框的名称 // 符合 < DIV >class names: $(formToLookAt + " input:checked").each(function() { keepList = keepList.filter("." + $(this).attr("name")); }); < /DIV> 3. 任何使用 has() 来检查某个元素是否包含某个类或是元素： //jQuery 1.4.* 包含了对这一 has 方法的支持。该方法找出 // 某个元素是否包含了其他另一个元素类或是其他任何的 // 你正在查找并要在其之上进行操作的东东。 $(

js拷贝继承

由 混江龙づ霸主 提交于 2020-03-16 17:46:11
<script type="text/javascript"> var a = { "gender":'男', "grade":'初三', "group":'第五组', "name":'李白' }; var b = {};//创建一个空对象 for (var key in a) { // a[key];key值是a对象里面的每一个属性 // console.log(a[key]) var value = a[key];//把a对象里面的每一个属性存放在valu中 console.log(value) b[key] = value;//再把value赋值给b } b.name = "杜甫"; console.log(b) </script> 来源： https://www.cnblogs.com/520yh/p/12505087.html

chrome developer tool 调试技巧

由 大城市里の小女人 提交于 2020-03-16 15:16:08
这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异. 常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expressions 等就不涉及了. 1. Beautify Javascript js 文件在上线前一般都会压缩下, 压缩的 javascript 几乎没有可读性, 几乎无法设定断点. 在 Scripts 面板下面有个 Pretty print 按钮(这种符号 {}), 点击会将压缩 js 文件格式化缩进规整的文件, 这时候在设定断点可读性就大大提高了. 2. 查看元素绑定了哪些事件 在 Elements 面板, 选中一个元素, 然后在右侧的 Event Listeners 下面会按类型出这个元素相关的事件, 也就是在事件捕获和冒泡阶段会经过的这个节点的事件. 在 Event Listeners 右侧下拉按钮中可以选择 Selected Node Only 只列出这个节点上的事件 展开事件后会显示出这个事件是在哪个文件中绑定的, 点击文件名会直接跳到绑定事件处理函数所在行, 如果 js

chrome developer tool 调试技巧

由 折月煮酒 提交于 2020-03-16 15:14:24
　　这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异. 　　常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expressions 等就不涉及了. 1. Beautify Javascript 　　js 文件在上线前一般都会压缩下, 压缩的 javascript 几乎没有可读性, 几乎无法设定断点. 在 Scripts 面板下面有个 Pretty print 按钮(这种符号 {}), 点击会将压缩 js 文件格式化缩进规整的文件, 这时候在设定断点可读性就大大提高了. 2. 查看元素绑定了哪些事件 　　在 Elements 面板, 选中一个元素, 然后在右侧的 Event Listeners 下面会按类型出这个元素相关的事件, 也就是在事件捕获和冒泡阶段会经过的这个节点的事件.在 Event Listeners 右侧下拉按钮中可以选择 Selected Node Only 只列出这个节点上的事件，展开事件后会显示出这个事件是在哪个文件中绑定的, 点击文件名会直接跳到绑定事件处理函数所在行, 如果

chrome developer tool 调试技巧

由 笑着哭i 提交于 2020-03-16 15:14:13
　　这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异. 　　常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expressions 等就不涉及了. 1. Beautify Javascript 　　js 文件在上线前一般都会压缩下, 压缩的 javascript 几乎没有可读性, 几乎无法设定断点. 在 Scripts 面板下面有个 Pretty print 按钮(这种符号 {}), 点击会将压缩 js 文件格式化缩进规整的文件, 这时候在设定断点可读性就大大提高了. 2. 查看元素绑定了哪些事件 　　在 Elements 面板, 选中一个元素, 然后在右侧的 Event Listeners 下面会按类型出这个元素相关的事件, 也就是在事件捕获和冒泡阶段会经过的这个节点的事件.在 Event Listeners 右侧下拉按钮中可以选择 Selected Node Only 只列出这个节点上的事件，展开事件后会显示出这个事件是在哪个文件中绑定的, 点击文件名会直接跳到绑定事件处理函数所在行, 如果
订阅 js