HTML、CSS、javascript
文章平均质量分 65
Prince_fmx
在未知的将来,我要证明我自己
展开
-
instanceof与typeof(写一个方法判断数据类型),prototype与_proto_
typeof operandoperand 是一个表达式,表示对象或原始值,其类型将被返回下表总结了 typeof 可能的返回值。有关类型和原语的更多信息,可查看 JavaScript数据结构 页面。类型结果Undefined"undefined"Null"object" (见下方)原创 2017-09-01 18:33:30 · 888 阅读 · 0 评论 -
内存泄露
来自:http://blog.csdn.net/li2274221/article/details/25217297想解决内存泄露问题,必须知道什么是内存泄露,什么情况下出现内存泄露,才能在遇到问题时,逐个排除。这里只讨论那些不经意间的内存泄露。一、什么是内存泄露内存泄露是指一块被分配的内存既不能使用,又不能回收,直到浏览器进程结束。在C++中,因为是手动管理内存,内存转载 2017-09-29 20:47:21 · 233 阅读 · 0 评论 -
js模块化
来自:http://www.cnblogs.com/syfwhu/p/4883532.html前言模块是任何大型应用程序架构中不可缺少的一部分,模块可以使我们清晰地分离和组织项目中的代码单元。在项目开发中,通过移除依赖,松耦合可以使应用程序的可维护性更强。与其他传统编程语言不同,在当前JavaScript里,并没有提供原生的、有组织性的引入模块方式。本文就来探讨一下目前的常见几种模转载 2017-09-29 11:18:33 · 336 阅读 · 0 评论 -
正则表达式(RegExp)
符号:元字符描述\将下一个字符标记符、或一个向后引用、或一个八进制转义符。例如,“\\n”匹配\n。“\n”匹配换行符。序列“\\”匹配“\”而“\(”则匹配“(”。即相当于多种编程语言中都有的“转义字符”的概念。^匹配输入字符串的开始位置。如果设置了RegExp对象的Mul转载 2017-09-28 14:29:52 · 716 阅读 · 0 评论 -
闭包
理解是,闭包就是能够读取其他函数内部变量的函数。本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。function f1(){n=999;functionf2(){alert(n);}returnf2;}varresult=f1();result(); //999f2函数,就是闭包var name = "TheWindow"; var原创 2017-08-27 09:10:28 · 403 阅读 · 0 评论 -
事件绑定与事件捕获/冒泡
element.addEventListener(event, function, useCapture)参数 event 必须。字符串,指定事件名。(注意: 不要使用 "on" 前缀。 例如,使用 "click" ,而不是使用 "onclick"。) 参数 function 必须。指定要事件触发时执行的函数。 当事件对象会作为第一个参数传入函数。 事件对象的类型原创 2017-08-27 17:38:57 · 278 阅读 · 0 评论 -
函数声明的几种方式,函数声明与函数表达式的区别,函数调用的几种方式
1.function func1(a){}2.var func2=function(b){}3.var func3=function func4(c){}4.var func5=new Function()//构造函数声明5.var func6=(function(n1,n2){})();//自执行函数声明(立即执行的函数表达式)代码:原创 2017-08-31 18:55:50 · 8240 阅读 · 0 评论 -
js中apply与call的区别
js中有时常用到 apply 和 call 两个方法,搜索网上很多,整理如下,简单看看这两个联系和区别,联系:网上查到关于apply和call的定义:这两个方法都能劫持另外一个对象的方法,继承另外一个对象的属性.xxxFunction.apply(obj,args) 方法接收两个参数obj:这个对象将代替xxxFunction类里this对象,也即xxxFunction类(转载 2017-09-01 12:41:50 · 297 阅读 · 0 评论 -
ajax的xmlHttpRequest请求
1,ajax原理Ajax的原理:通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。2,原生ajax的四个过程/手写原生ajaxa:new一个XHR对象b:调用open方法c:send一些数据d:对过程进行监听,来知道服务器是不是正确地做出了响应,接着可以做一些事情// GET请求:docume转载 2017-09-06 16:20:11 · 443 阅读 · 0 评论 -
js回调函数 同步 异步
来自:http://www.cnblogs.com/darr/p/5207593.html后一个任务等待前一个任务结束再执行。程序执行顺序与任务排列顺序一致的,同步的。参考: http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html https://segmentf转载 2017-09-30 16:11:18 · 994 阅读 · 0 评论 -
H5页面如何进行等分布局?
H5页面等分排布(不使用flex布局)问题抛出问题抛出众所周知,flex布局可以使得一行元素等分排布,但是有时候我们的需求并不是每一行的元素都是等分排布,比如应该设置成下面都样式:...原创 2019-06-24 16:34:22 · 2319 阅读 · 0 评论 -
js获取浏览器中相关容器的高度
js获取浏览器中相关容器的高度document.body.clientWidth || document.documentElement.clientWidth //网页可见区域宽document.body.clientHeight || document.documentElement.clientWidth //网页可见区域高document.body.offsetWidth //网...原创 2019-06-17 16:57:41 · 413 阅读 · 0 评论 -
吸顶处理兼容iOS和Android
touch页面吸顶设置问题抛出解决思路sticky 定位解决办法判断设备类型安卓的吸顶处理iOS的吸顶处理代码整合问题抛出当页面上滑时,顶部当导航需要进行吸顶处理。滑动过程使用scroll事件监听,当滚动的高度到底一定时,便设置样式 absolute:fixed;top:0px;以吸顶处理。以上处理在安卓中时完全没有问题的,但是在iOS中缺会出现严重的样式问题:页面滚动过程中并不吸顶。解决...原创 2019-06-17 16:52:30 · 1741 阅读 · 0 评论 -
八种方式实现跨域请求
前端开发中我们经常会遇到跨域请求的情况,处理跨域请求方式很多,特整理如下:浏览器的同源策略 提到跨域不能不先说一下”同源策略”。 何为同源?只有当协议、端口、和域名都相同的页面,则两个页面具有相同的源。只要网站的 协议名protocol、 主机host、 端口号port 这三个中的任意一个不同,网站间的数据请求与传输便构成了跨域调用,会受到同源策略的限制。同源策略限制从...转载 2018-02-02 15:23:41 · 369 阅读 · 0 评论 -
数组对象自带的排序方法,数组去重
var a=[23,12,5,78,6];var b=['ad','d22','b22','425','ad'];//数组自带的排序方法实现Array.prototype.sort2=function (){var res=[];for(var i=0;ifor(var j=i+1;j// console.log(this[i].toString().substri原创 2017-09-05 22:24:56 · 476 阅读 · 0 评论 -
new操作符时具体是干了些什么
var Func=function(){ }; var func=new Func (); new过程的4个步骤:(1)创建一个空对象var obj =new object();(2)设置原型链obj.proto = Func.prototype;(3)让Func中的this指向obj,并执行函数体var result = Func.apply(obj);(4)判断Func返回值类型,原创 2018-02-01 11:36:42 · 699 阅读 · 0 评论 -
构造函数&继承
Js是一门面向对象语言,不过又区别于一般的面向对象语言。 面向对象语言的特性都有;继承,封装,多态: 封装:var Cat = {name : ”,color : ”};//一个对象里封装了两个属性就; 多态:”+”运算符操作的对象类型不一样时,结果也不一样就是多态; 继承:接下来讲继承。转载 2018-01-30 21:26:13 · 560 阅读 · 0 评论 -
JavaScript是一种弱类型语言,有什么优点和缺点
弱类型语言都是脚本语言,在运行时确定值,所以跟编译不相关。弱类型语言内存布局上一般是个Union结构,并且要包含一个类型字段,因为计算机底层还是要知道明确的类型信息。强类型语言是直接操纵内存,容易出内存越界和泄漏的问题。在类型的转换方面是很多约束,甚至强制转换也要很谨慎,一不小心就出大问题。优点:弱类型使用简单,更灵活多变。缺点:因为包含类型信息,所以在代码的上下文中,原创 2017-09-02 21:13:38 · 6680 阅读 · 0 评论 -
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡 事件流描述的是从页面中接收事件的顺序。提出事件流概念的正是IE和Netscape,但是前者提出的是我们常用的事件冒泡流,而后者提出的是事件捕获流。第一部分:事件冒泡 即事件开始由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档)。 下面举一个简单的例子:"en"> "UTF转载 2017-09-10 10:28:13 · 370 阅读 · 0 评论 -
内置对象
从手册上总结下来的类型有:Date,Math,Number,Boolean,String,Array,RegExp,Function,Object,全局,事件等。1.Date 属性(1): constructor 所建立对象的函数参考 prototype 能够为对象加入的属性和方法 方法(43): getDay() 返回一周中的第几天(0-6) getYear()原创 2017-09-27 11:43:46 · 258 阅读 · 0 评论 -
DOM
HTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model for HTML)。HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理 HTML 文档的标准方法。通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素。HTML DOM原创 2017-09-25 10:30:49 · 292 阅读 · 0 评论 -
BOM知识整理
来自:http://www.cnblogs.com/xing901022/p/4776697.htmlJS BOM知识整理 BOM部分主要是针对浏览器的内容,其中常用的就是window对象和location, window是全局对象很多关于浏览器的脚本设置都是通过它。 location则是与地址栏内容相关,比如想要跳转到某个页面,或者通过UR转载 2017-09-25 10:28:48 · 763 阅读 · 0 评论 -
js 事件代理(事件委托)
起因:1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的;2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考;概述:那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们转载 2017-09-09 18:33:49 · 230 阅读 · 0 评论 -
javascript里面的数据类型有哪些
W3Cschool上列举的数据类型是以下七中;1.Number;2.String;3.Boolean;4.Array;5.Undefined;6.Null;7.Object.然后:ECMAScript原始类型是:Undefined,Null,Boolean,Number,String注意:有以下代码:var arry=[1,2,3];原创 2017-09-02 21:21:45 · 5320 阅读 · 0 评论 -
js 创建对象的几种常用的方式
创建对象的几种常用的方式:1,工厂方式;2,构造函数方式;3,原型方式;4,构造函数与原型的混合方式;5,动态原型方式。第一种模式:工厂方式 复制代码代码如下:var lev=function(){ return "脚本之家"; }; function Parent(){ var Child =转载 2017-09-04 20:03:26 · 246 阅读 · 0 评论 -
js作用域
//js中正常模式下只有全局作用域和函数作用域,严格模式下,还有eval作用域//函数作用域var scope="global";var t=function(){ console.log(scope); var scope="local" console.log(scope);};t();var name="global";if(true)原创 2017-09-03 21:38:20 · 242 阅读 · 0 评论 -
静态方法(属性)与实例方法(属性)
静态方法(属性)1,静态方法(属性)是不需要实例化对象用类名就能直接调用的方法2,静态方法(属性)定义是在类的外部用类名定义的,不能在内部定义,调用的时候直接用类名调用;3,静态方法(属性)不能被实例对象调用代码:function Animal(){}Animal.counts=100;//静态属性Animal.Cat=function(){//静态原创 2017-09-04 17:56:27 · 597 阅读 · 0 评论 -
JS中 toString() & valueOf()
数据的转换所有对象继承了两个转换方法:第一个是toString(),它的作用是返回一个反映这个对象的字符串第二个是valueOf(),它的作用是返回它相应的原始值 toString()toString()可以看做是把一个数据转换成了相应字符串的形式,安照这个转换规则中使用样例://返回相应的字符串 console.lo转载 2017-09-06 13:16:38 · 662 阅读 · 0 评论 -
Array对象自带的方法
var arr = [0,1,2];1.pop():删除数组的最后一个元素,减少数组的长度,返回删除的值。这里是2. 2.push(3):将参数加载到数组的最后,返回新数组的长度。现在arr中是:0,1,2,3 3.shift():删除数组的第一个元素,返回删除的值,同时数组长度减一。这里是0 4.unshift(3,4):把参数加载数组的前面,返回新数组的长度。现转载 2017-09-05 20:48:35 · 722 阅读 · 0 评论 -
XML和JSON区别
XML:扩展标记语言 (ExtensibleMarkup Language, XML) ,可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言。优点:A.格式统一,符合标准;B.容易与其他系统进行远程交互,数据共享比较方便。缺点:A.XML文件庞大,文件格式复杂,传输占带宽;B.服务器端和客户端都需要花费大量代码来解析XML,导致服务器端和转载 2017-09-06 17:12:25 · 336 阅读 · 0 评论 -
正则:首字母开头,必须包含数字的6-18位
背景:密码输入校验要求:以首字母开头,必须包含数字的6-18位const reg = /^(?![^A-Za-z]+$)(?![^0-9]+$)[\x21-x7e]{6,18}$/原创 2019-06-24 18:29:37 · 5515 阅读 · 0 评论