
js
smartwange
这个作者很懒,什么都没留下…
展开
-
js中的经典面试题
问题this指向问题基础Foo与getName()1. Foo.getName();2.getName(); //53.Foo().getName(); //24.getName(); //25. new Foo.getName(); //1-default6. new Foo().getName(); //6-prototypenew new Foo().getName2(); //6-prototypecall/apply无参数有参数是否严格模式this指向问题基础var name =原创 2021-05-21 12:28:10 · 381 阅读 · 0 评论 -
使用foreach循环出json数据
var moviesData = [ { "title" : "Inside Out", "summary" : "An emotional adventure inside the head of a young girl." }, { "title" : "Tomorrowland", "原创 2018-10-10 15:46:13 · 10477 阅读 · 0 评论 -
js—深入原型之二原型链
1、原型链:实例对象和原型对象之间的关系,这种关系通过原型(_proto_)来联系的实例对象的原型_proto_指向的是该对象所在的构造函数的原型对象构造函数的原型对象(prototype)指向如果改变了,实例对象的原型(_proto_)指向也会发生改变实例化Person对象并将其赋值给student的原型,那么student的原型对象(prototype)指向改变了,其实例化对象stu跟着改变,...原创 2018-04-04 10:41:00 · 155 阅读 · 0 评论 -
JS正则表达式大全(整理详细且实用)
JS正则表达式大全(整理详细且实用)正则表达式中的特殊字符字符 含意1.直接量字符javascript的17种正则表达式2.字符类3.复制4.选择,分组和引用5.指定匹配的位置6.属性设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入正则表达式中的特...转载 2019-08-22 16:00:41 · 721 阅读 · 0 评论 -
reduce
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/Reducehttps://www.cnblogs.com/jinling/p/6169008.html实现'brick1, brick2 & brick3'var arr = [ {name: 'brick11...原创 2018-05-03 12:14:28 · 231 阅读 · 0 评论 -
jquery坑
https://www.polarxiong.com/archives/jQuery-Ajax%E5%8A%A8%E6%80%81%E5%8A%A0%E8%BD%BD%E5%86%85%E5%AE%B9on-%E7%BB%91%E5%AE%9A%E4%BA%8B%E4%BB%B6%E6%97%A0%E6%95%88%E7%9A%84%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3...原创 2018-05-09 16:05:37 · 637 阅读 · 0 评论 -
js—深入原型之四数据类型应用、闭包沙箱 和递归
1、使用call方法来判断数据类型 var obj=Object.prototype.toString(); console.log(obj); var obj1=Object.prototype.toString.call([]); console.log(obj1); var obj2=Object.prototype.toString.call(''); co...原创 2018-04-25 07:39:27 · 248 阅读 · 0 评论 -
js—深入原型之三继承
1、通过改变原型指向来实现继承:缺陷:实现继承的同时直接初始化了属性,继承过来的属性的都是一样的 解决:继承的时候不用改变原型的指向,直接使用借用构造函数(call方法) function Person(name,age,sex,weight){ this.name=name; this.age=age; this.sex=sex; this.we...原创 2018-04-04 21:32:52 · 161 阅读 · 0 评论 -
js—自调用函数
1、局部变量 变 全局:自调用函数将实参设置为window就可以外部访问局部变量了,调用时省略(window.num)直接num2、将要使用的方法写入自调用函数中,使外部访问时更加方便(function(window){ //產生隨機數的構造函數 function Random(){ } //在原型對象中添加方法 ...原创 2018-03-28 20:29:25 · 4274 阅读 · 0 评论 -
js—深入原型
1、原型的简单写法:(没有构造器,需要手动添加) (加入构造器) 2、原型中的方法:a、实例对象的方法 可以相互调用:b、原型的方法 是可以相互访问的:c、调用过程:(per的sex属性取值:想到实例对象中找,如果没有再到原型对象prototype中找)分析:3、内置对...原创 2018-03-28 15:06:23 · 196 阅读 · 0 评论 -
js—字符串
1、字符串翻转:function rever (ss) { var dstr=''; var i=ss.length; while (i--&&i>=0){ dstr+=ss.charAt(i); } return ...原创 2018-03-28 14:25:09 · 122 阅读 · 0 评论 -
js—创建对象方式、使用原型
JS是一门动态型语言:对象没有的属性,只要点了那么这个对象就有了这个属性,但是该属性没有赋值,输出就是undefined一、创建对象四种方式//1、字面量方式 var cat={ name:'花花', age:2, sex:'女', eat:functio...原创 2018-03-28 09:17:57 · 769 阅读 · 0 评论 -
setTimeout那些事儿
1、https://www.cnblogs.com/giggle/p/5346531.html2、奇怪的setTimeoutfunction test(){ console.log(1); setTimeout(function(){ console.log(2); },3000); setTimeout(function(){ console.log(3)...原创 2018-04-02 17:35:12 · 131 阅读 · 0 评论 -
闭包的妙用
1、for循环中使用闭包避免总是输出最后一个值var btn=document.getElementsByTagName('button'); for (var i=0;i<btn.length;i++) { btn[i].addEventListener('click',function(i){ return function(){ conso...原创 2018-04-02 16:44:58 · 144 阅读 · 0 评论 -
原生js获取元素的样式
根据MDN介绍:window.getComputedStyle(elem,null).getPropertyValue("background-color");在ie11下测试不可用,非ie可以,也可以简化:window.getComputedStyle(overlay)["background-color"]效果同上:为了兼容ie:function getStyle(element, att)...原创 2018-06-28 09:29:49 · 384 阅读 · 0 评论 -
jquery为何不报错也不执行
重要的是这一句 "<?php return redirect('{admin/index/login}');?>";php即使注释起来也会影响执行原创 2018-08-23 18:24:46 · 1837 阅读 · 0 评论 -
截取固定长度的文字
function getReal(eles,lengths,chars){ var eles_text=eles.innerHTML; var eles_length=eles_text.length; if (eles_length>lengths) { eles_length=lengths; } var ele...原创 2018-12-20 14:42:29 · 347 阅读 · 0 评论 -
网页百度地图处理
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=HA7zTrTa87zn7GqDs7FkkwZvZwOWyZRR"></script> <script type="text/javascript"> var map = ne原创 2018-10-31 11:46:02 · 265 阅读 · 0 评论 -
js判断设备跳转到不同的页面
!(function(){ fontSize(); window.onresize=function(){ fontSize(); browserRedirect(); } //改变默认字体大小 function fontSize(){ var wid = document.documentElement.clientWidth; document.docu...原创 2018-10-10 11:04:09 · 1901 阅读 · 0 评论 -
对象转化成数组并使用遍历循环出数据
var Place = function (title) { this.title = title; }; //实例化Place对象 var kitchen = new Place("The Kitchen"); var dungeon = new Place("The Dungeon"); var exits = {}; //exits对象的...原创 2018-10-08 18:25:07 · 1829 阅读 · 0 评论 -
使用foreach遍历文章中出现所有单词的次数
var tweets = [ "Education is showing business the way by using technology to share information. How do we do so safely?", "Enjoy a free muffin & coffee with Post Plus, our new loyalty...原创 2018-10-08 18:11:43 · 436 阅读 · 0 评论 -
gulp-babel入坑
1、根据github上指导https://github.com/babel/gulp-babel$ npm install --save-dev gulp-babel@7 babel-core babel-preset-env$ npm install --save-dev @babel/plugin-transform-runtime $ npm install --save @b...原创 2018-09-17 21:22:29 · 2534 阅读 · 1 评论 -
常见的前端设计模式
https://www.jianshu.com/p/7ccc21832513https://blog.youkuaiyun.com/haoshidai/article/details/51169390http://www.cnblogs.com/TomXu/archive/2012/02/20/2352817.html原创 2018-04-09 15:30:08 · 760 阅读 · 0 评论