javascript
文章平均质量分 52
EGeek
这个作者很懒,什么都没留下…
展开
-
ES5新增的对象方法
ES5新增的对象方法freeze和seal的区别:Object内置对象里有几个静态方法, 用来限制对对象的扩展和配置。Object.preventExtension: 禁止对象添加属性。Object.seal: 在对象上调用Object.preventExtension(…)并且把所有属性标记为configurable: false, 即不能给对象添加新属性, 也不能重新配置对象的所有属性。Object.freeze: 在对象上调用Object.seal(…)并把所有属性标记为writable:转载 2020-05-24 19:50:58 · 327 阅读 · 0 评论 -
zepto开发文档介绍
zepto开发文档Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。Zepto的设计目的是提供 jQuery 的类似的API,但并不是100%覆盖 jQuery 。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API,所以你能把你主要的精力放到应用开发上。...转载 2020-05-17 14:50:25 · 241 阅读 · 0 评论 -
代码解读面向对象的四种模式:工厂模式、构造函数模式、原型模式、混合模式
https://www.cnblogs.com/robint/p/11397395.html转载 2020-05-17 13:40:18 · 303 阅读 · 0 评论 -
函数防抖和节流
在前端开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。通常这种情况下我们怎么去解决的呢?一般来讲,防抖和节流是比较好的解决方案。让我们先来看看在事件持续触发的过程中频繁执行函数是怎样的一种情况。html 文件中代码如下:<div id="content" style="height:150px;line-height:150px;text-align:center;转载 2020-05-13 14:58:55 · 171 阅读 · 0 评论 -
JavaScript 中 call()、apply()、bind() 的用法
其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解!先看明白下面: 例1obj.objAge; //17obj.myFun() //小张年龄undefined例2shows() //盲僧比较一下这两者this 的差别,第一个打印里面的this 指向obj,第二个全局声明的shows()函数 this 是window ;1,call()、apply()、bind() 都是用来重定义 this 这个对象的!如: obj.myFun.call(db); //转载 2020-05-13 09:18:51 · 147 阅读 · 0 评论 -
通俗浅显的理解promise中的then
通俗浅显的理解promise中的then这篇文章写的太好了,忍不住copy过来,不用什么基础就能理解吃透promise的thenPromise,ES6中定义的规范,不会使用Promise,都不敢说自己用过ES6,大部分介绍Promise的规范的文章对于新手小白来说看得云里雾里,且并不是通俗易懂。本文通过实例介绍讲述Promise中then的的最通俗应用理解,代码建立在不出现异常的情况的操作下,不严谨之处,请以官方规范为标准。先看一下下面4个Promise到底有什么区别呢?func().then(fu转载 2020-05-10 20:56:27 · 1693 阅读 · 0 评论 -
fastClick快速点击模板
点击浏览器,会有300毫秒的延迟用来判断是否进行双击操作。取消该延迟机制需要用到fastclick。以下是清除300毫秒的fastclick模板,可以直接使用。 <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scal...原创 2020-05-06 14:23:47 · 137 阅读 · 0 评论 -
js获得日历时间控件(附带源码链接)
js日历时间获得控件控件名称:97DatePicker百度网盘链接:https://pan.baidu.com/s/1DiiWKwxR8i8kgie0a3BgPA提取码:anbh原下载地址http://www.my97.net/support.asp效果如图:1、普通input框2、点击日历图片弹出日历3、点击任意时间获得时间...原创 2020-04-08 21:58:10 · 421 阅读 · 0 评论 -
js基础-Math和随机数random
Math Math和其它的对象不同,它不是一个构造函数,它属于一个工具类,不用创建对象,里面封装了与数学相关的属性和方法比如Math.PI 表示圆周率常用方法Math.abs(); //计算一个值的绝对值Math.ceil(); //向上取整Math.floor(); //向下取整Math.round(); //四舍五入M...原创 2018-10-28 10:56:23 · 208 阅读 · 0 评论 -
js基础-包装类String()、Number()、Boolean()
包装类String() Number() Boolean()***开发不使用包装类创建基本数据类型,否则会出现不可预估的错误***浏览器自己调用***方法和属性能添加给对象,不能添加给基本数据类型;***当我们对一些基本数据类型的值去调用属性和方法时,浏览器会临时使用包装类将其转换为对象,然后调用对象的属性和方法,调用完后,再将其转换为基本数据类型。例:var a =...原创 2018-10-28 11:25:15 · 220 阅读 · 0 评论 -
正则表达式 电子邮件和手机号码的格式检测
正则表达式详细介绍https://blog.csdn.net/qq_41604269/article/details/83541334电子邮件 - 电子邮件组成部分: as15_asd.fbd@qq.com.cn - 电子邮件格式:任意字母数字下划线 + (可选项: .字母数字下划线) + @ + 任意字母数字 + .任意字母...原创 2018-10-31 12:54:24 · 1230 阅读 · 0 评论 -
js基础 - DOM与节点的简单介绍
DOM什么是DOM 什么是节点 文档什么是DOMDOM(Document Object Model),全称翻译文档对象模型。D 文档,一个网页就是一个文档,document代表整个网页。 O 对象,网页编译的每一个部分、标签、文字都装换为可见的对象。一切皆对象。 M 模型,用来表现对象之间的关系,连接节点与节点。javascript获...原创 2018-10-31 21:13:33 · 151 阅读 · 0 评论 -
js基础 -事件
##事件事件,就是用户和浏览器之间的交互。例如:点击按钮、鼠标移动、关闭窗口等。原创 2018-10-31 21:18:17 · 170 阅读 · 0 评论 -
JS使用innerHTML的注意事项
JS与HTML之间的注意事项innerHTMLinnerHTML用于获取元素内部的HTML代码。对于自结束标签,这个属性没有意义,如。如果需要读取元素节点属性,直接使用元素.属性名。例如:元素.id 元素.name 元素.value特例:class属性不能采用这种形式,读取class需要使用元素.className,因为class是保留字。...原创 2018-10-31 22:03:18 · 1428 阅读 · 0 评论 -
js基础-字符串的方法
在底层,字符串是以字符数组的形式保存的以下方法都不会影响原字符串!!!var str = "hello world";console.log(str.length); //①返回字符串长度var result = str[3]; //②返回字符串指定位置的字符console.log(result); result = str.charAt...原创 2018-10-30 14:21:16 · 123 阅读 · 0 评论 -
js基础 - 正则表达式的详细介绍以及电子邮件、手机号码的格式举例
正则表达式什么是正则表达式 正则表达式的创建 正则表达式的语法 字符串结合正则表达式的使用(重点) 电子邮箱和手机号码的格式测试 一、什么是正则表达式正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,获取将字符串中符合规则的内容提取出来。二、正则表达式的创建①创建正则表达式的对象: 语法: var 变量 = ...原创 2018-10-30 15:47:52 · 557 阅读 · 1 评论 -
JS读取内联样式 并解决浏览器兼容性问题
**JS读取内联样式 并解决浏览器兼容性问题**<html><head> <title></title> <style type="text/css"> #box01{ width:200px; height:500px; background-color:red; /*!important优先级最高*/ ...原创 2018-11-15 22:30:21 · 1276 阅读 · 0 评论 -
JS基础 - 事件对象的冒泡、委派、绑定(监听)和传播
事件对象事件的冒泡事件的委派事件的绑定(监听)事件的传播原创 2018-11-20 13:44:10 · 530 阅读 · 0 评论 -
js基础-Date对象
var d =new date(); //使用构造函数创建一个date对象,则会封装为当前代码执行的时间’var d2=new date(12/03/2018 9:07:00); //创建一个指定的时间对象,日期格式 月份/日/年 时:分:秒d2.getDate(); //返回几日d2.getDay(); //返回1,2,3,4,5,6,0 对应周一到周日d...原创 2018-10-28 10:38:40 · 194 阅读 · 0 评论 -
详谈javascript的toString()方法
toString方法作用强制数据类型转换 对象的默认返回值 修改toString的返回值强制数据类型转换toString做强制类型转换,我在另一篇文章javascript的强制数据类型转换有详细的介绍,这里不做述赘。https://blog.csdn.net/qq_41604269/article/details/82855778对象的默认返回值当我们直接在页面中打印一个...原创 2018-10-10 15:07:33 · 972 阅读 · 0 评论 -
详谈prototype和__proto__原型
prototype原型创建的每一个函数,解析器都会添加一个属性prototype,称为原型。属性prototype会指向一个原型对象 普通函数调用prototype没有任何作用 构造函数(类)调用prototype,通过构造函数(类)创建的对象(实例)都有一个隐含的属性__proto__,可以通过__proto__指向同一个原型对象特点:原型对象相当于一个公共的区域,所有同一个类的实...原创 2018-10-10 14:09:23 · 260 阅读 · 0 评论 -
javascript的标识符
所有的可以由我们自主命名的都可以称为是标识符例如:变量名、函数名、属性名都属于标识符标识符命名规范:标识符可以含有字母、数字、_、$ 标识符不能以数字开头 标识符不能是关键字和保留字符 标识符一般都采用驼峰命名法 - 首字母小写,每个单词的开头字母大写,其余字母小写 - 例如:helloWord、w...原创 2018-09-26 15:36:29 · 1056 阅读 · 0 评论 -
javascript的六种数据类型并详解
javascript的六种数据类型:String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象1、String字符串数据类型为string。 var str = "firstString"; //tr...原创 2018-09-26 15:56:21 · 383 阅读 · 0 评论 -
javascript中typeof的作用
typeof作用: 检查一个变量的数据类型运行结果:a="123" 字符串数据类型为Stringb=123 数值数据类型为Number原创 2018-09-26 16:10:44 · 1900 阅读 · 0 评论 -
javascript的强制数据类型转换
强制数据类型转换主要有三种:将其它的数据类型转换为字符串 String 将其它的数据类型转换为数值 Number 将其它的数据类型转换为布尔值 Boolean在这之前,你了解javascript有几种数据类型吗?了解请忽略并继续浏览请看博文:javascript的六种数据类型1、将其它的数据类型转换为String方法一:调用被转换数据类型的.toString()方法&l...原创 2018-09-26 17:53:39 · 253 阅读 · 0 评论 -
javascript的二进制、八进制、十六进制表示和相互转换
//二进制0b开头//八进制0开头//十六进制0x开头<script>//二进制0b开头//八进制0开头//十六进制0x开头var a = 0b10;var b = 070;var c = 0x36;//输出自动转换成十进制数document.write(a);document.write(b);document.write(c);</scri...原创 2018-09-26 18:15:16 · 24992 阅读 · 1 评论 -
javascript运算符及隐式类型转换
运算符定义:运算符也叫操作符,通过运算符可以对一个或多个值进行运算,并获得运算结果。typeof是运算符之一,可以获得一个值的数据类型。<script>var a=123;alert(typeof a); //number</script>算术运算符加、减、乘、除、取模,即+、-、*、/、% 任何值与字符串相加,都会转换成字符串并拼接。除...原创 2018-09-26 20:25:08 · 453 阅读 · 0 评论 -
javascript的相等运算符、全等运算符、不等运算符、不全等运算符
相等运算符==作用:相等运算符用来比较两个值是否相等。效果:如果相等返回true,否则返回false。比较一:值的类型相同直接比较比较二:值的类型不同看代码与注释,一目了然哦。<script>//大部分不同类型的比较,都先转换成Number再比较。console.log(true == "1"); //trueconsole.log(tr...原创 2018-09-27 17:07:40 · 1898 阅读 · 0 评论 -
javascript弹出浏览器的三种提示框:提示信息框、确认框、输入文本框
浏览器的三种提示框: alert()提示信息框 confirm()提示确认框 prompt()提示输入文本框 1、alert()提示信息框效果:实现代码:<script> alert("Hello");</script> 2、confirm()提示确认框效果:实现代码:<...原创 2018-09-27 19:33:05 · 63765 阅读 · 3 评论 -
条件分支语句:switch()语句
执行流程: switch(条件表达式1){ case 表达式2: 语句1...... break; case 表达式3: 语句2...... break; defa...原创 2018-09-27 20:15:03 · 1880 阅读 · 0 评论 -
javascript练习:输入一个值,判断是不是质子数
<script> //输入一个值,判断是不是质子数 var score = prompt("输入大于1的任意值:",""); if(score<=1 || isNaN(score)){ alert("输入值不合法!"); }else{ flag = true; for(var i=2; i<=Math.sqrt(score); i++...原创 2018-09-27 20:58:03 · 411 阅读 · 0 评论 -
浅谈javascript的对象
javascript对象对象的分类:内建对象 宿主对象 自定义对象(重点)1、内建对象 -ES标准中定义的对象,在任何的ES的实现中都可以使用 -比如:Math、String、Number、Boolean、Function、Object...2、宿主对象 -由JS的运行环境(浏览器)提供的对象...原创 2018-09-27 21:37:29 · 140 阅读 · 0 评论 -
javascript实例区分基本数据类型和引用数据类型
说之前先来介绍一下基本数据类型和引用数据类型指的到底是哪些数据类型。1、五种基本数据类型:Number、String、Boolean、Null、Undefined2、引用数据类型:Object实例区分:<script>//基本数据类型代表Numbervar one = 666;var two = one; //此时two=666one++; ...原创 2018-09-28 13:41:49 · 887 阅读 · 0 评论 -
详谈javascript的函数
详谈javascript的函数函数是什么 函数的创建 函数的调用 函数的参数 函数对象的功能 函数的返回值函数是什么首先,函数是一种对象。其次,函数可以封装一些功能代码,在需要时执行这些功能代码。函数的创建//多种方法创建函数一:代码说明//方法一:new关键字创建函数var fun1 = new Function();//方法二:函数声明创建函数...原创 2018-09-28 16:27:10 · 240 阅读 · 0 评论 -
浏览器上立即执行的函数
在浏览器上会立即执行的函数onload方法 立即执行函数(推荐)1、onload方法特点:只有一个,只执行一次。说明:onload方法只能放在<body>标签中,例如<body onload="myfun()">其中myfun是自定义的用来实现某种功能的函数。<html><head> <meta charset="ut...原创 2018-10-08 14:55:58 · 731 阅读 · 0 评论 -
javascript枚举对象的属性
枚举对象中的属性语法:for(声明的变量 in 对象名){}说明:for(...in...)语句,对象中有几个属性,循环体就会执行几次;且每次执行时,会将对象的一个属性的名字赋给声明的变量例1:获得对象的所有属性名 var obj ={ name:"egeek", age:10, gender:"男", address:"北京" } for(var n in ...原创 2018-10-08 15:31:35 · 236 阅读 · 0 评论 -
javascript使用工厂方法创建对象
<script type="text/javascript"> // 使用工厂方法创建对象,可以大批量创建对象 function createPerson(name,age,gender){ var obj = new Object(); //向对象添加属性 obj.name = name; obj.age = age; obj.gender...原创 2018-10-10 11:04:11 · 559 阅读 · 0 评论 -
javascript构造函数
构造函数和普通函数的区别就是调用的不同,普通函数直接调用,构造函数使用new关键调用,并且构造函数首字母一般大写。 构造函数的执行流程: 1、立即创建一个新的对象 2、将新建对象设置为函数的this,在构造函数中可以使用this引用对象 3、按顺序执行函数的代码 4、将对象作为函数返回值返回 <script typ...原创 2018-10-10 11:34:30 · 119 阅读 · 0 评论 -
javascript能不能不写分号、书写位置、如何注释
能,但是开发一定要写!如果不写分号浏览器会自动添加,但是会消耗一些系统资源。而且浏览器有时会错加分号,所以开发时必须写。原创 2018-09-26 15:21:54 · 481 阅读 · 0 评论