javaScript
文章平均质量分 79
zihanzy.com
前端攻城狮
个人博客 https://www.zihanzy.com
欢迎来访
展开
-
关于Promise解决的问题你还得知道
个人网站已上线,欢迎来访 https://zihanzy.com我们知道Promise是JS中进行异步编程的新的解决方案那么之前没有Promise,我们是如何解决异步编程的?没错回调函数如下多个串联的异步操作,不断回调$(function(){ $.ajax({ url:'1.json', datatype:'json', success:function(one){ $.a.原创 2020-10-03 13:15:08 · 1530 阅读 · 0 评论 -
前端每天20个灵魂拷问系列二
个人网站已上线欢迎来访 https://zihanzy.com二十一、es5中是如何定义一个函数模块示例假定函数模块为Promise.js/** * * 自定义Promise函数模块 */(function (window){ function Promise(executor){ } //向外暴露Promsie函数 window.Promise = Promise})(window)二十二、置换元素与非置换元素置换元素浏览器根.原创 2020-10-03 13:13:49 · 1635 阅读 · 0 评论 -
闭包的缺点与解决办法
个人网站上线欢迎来仿 https://zihanzy.com我们知道闭包延展了局部变量的生命周期,使得外部操作局部变量成为可能,一般来讲函数在调用执行后函数就会被释放,但如果函数中产生了闭包,就会导致函数执行完毕后,函数内部的局部变量没有被释放,使得占用内存时间会变长,容易造成内存泄漏。解决办法1.能不用闭包就不用2.及时释放如下例function fn1(){ var arr = new Array[100000] function fn2(){ .原创 2020-10-03 13:12:16 · 3377 阅读 · 1 评论 -
定时器引发的思考
个人博客上线欢迎来访 http://www.zihanzy.com定时器真的是定时执行的吗?定时器并不能保证真正定时执行,一般会延迟一点,但是也有可能延迟很长时间如下例 document.querySelector('button').onclick = function(){ var start = Date.now() console.log('启动定时器前') setTimeout(function(){ .原创 2020-10-01 21:55:22 · 1533 阅读 · 0 评论 -
JS中的call,aply,bind
call :调用函数,改变函数的this指向第一个参数设置函数内部this的指向其他参数对应函数的参数call的返回值就是函数的返回值如下:将一个对象的方法应用到另一个对象var obj = { sum:function(a,b){ return a+b; }} var jbj = { a:12, b:14}此时如果我想计算jbj对象的两个属性之和,但又不想在写代...原创 2020-02-27 17:12:13 · 1744 阅读 · 0 评论 -
原型对象添加方法
在构造函数中为了避免创建多个对象,造成方法的重复创建,我们一般在原型对象上创建方法如Student.prototype.method=function(){ console.log(123); }但这种方法仅适用于对象的方法较少时,如果对象方法有很多,就需要不断重复类似Student.prototype.method=function..... 这样也很麻烦我们可以通过类似于对象...原创 2020-02-26 22:13:11 · 2489 阅读 · 0 评论 -
JS原型链
JS面向对象中的原型每一个构造函数都有一个属性 即原型对象(prototype)同时每一个原型对象(prototype)都有一个属性(constructor)指向构造函数,同时每一个对象又有一个__proto__的非标准属性,这个属性指向构造函数的原型对象。理解上面概念,引入“原型链”如下新建一个构造函数function Student(name,sex,age){ this.name...原创 2020-02-26 21:52:44 · 1355 阅读 · 0 评论 -
fullPage.js全屏滚动插件
如果你要制作一个全屏的网页,使用这个插件在合适不过,如QQ浏览器官方网站使用方法1.引入文件<link rel=""stylesheet>原创 2020-02-25 17:03:09 · 1460 阅读 · 0 评论 -
wow.js实现各种动画特效
下载地址https://www.bootcdn.cn/wow/官方网站https://www.delac.io/wow/WOW.js用于设置用户滚动页面时触发各种CSS动画,WOW.js需和animate.css配合使用animate.css演示地址:https://www.dowebok.com/demo/2014/98/GitHub使用方法1.引入animate.css<...转载 2020-02-25 15:49:39 · 4516 阅读 · 0 评论 -
单页面导航插件jquery.singlePageNav.min.js
singlePageNav.min.js单页面导航插件用于优化导航效果,使锚点链接不在很生硬,达到平滑过渡的效果,优化用户体验下载地址singlePageNav.min.js1.使用方法引入jquery和singPageNav.min.js<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min...原创 2020-02-25 15:11:46 · 2220 阅读 · 0 评论 -
JS事件三个阶段
事件的处理过程主要有三个阶段:捕获阶段,目标阶段,冒泡阶段;1.捕获阶段当我们为某个元素绑定事件时,事件触发前会经历事件捕获阶段如图我们给某个div注册点击事件的时候,会经历事件捕获阶段,事件从最外层捕获一直找到当前绑定事件的元素这里称为事件目标阶段,然后触发click事件()。2.目标阶段当事件从最外层不断传递到目标节点的时候,最后在目标节点触发事件。3.事件冒泡当事件触发的时...原创 2020-02-26 11:51:58 · 2106 阅读 · 0 评论 -
JS面向对象三大特性
首先对象的声明语法1.通过Objectvar object = new Object();//动态添加属性。方法object.name='test';object.method = function(){}2.对象字面量var object = { name:'test', method:function(){}}3.构造函数function Object(...原创 2020-02-27 11:15:01 · 1721 阅读 · 0 评论 -
教你在五分钟构建一个App页面
前言最近参加学校比赛,由于业务需求要做一个App,当时心想我不是web开发的吗?App跟我有啥关系?而且之前也没去了解相关的东西,当时很慌啊队友还说上一次某某某三天就出了个App,我…怀着忐忑的心情上度娘”app怎么开发“,发现常用的语言有java,html5,css3,javascript等等。博主是学PHP的且对安卓,java一窍不通。后来了解到App其实是有三种类型 原生应用程序(Na...原创 2020-04-29 15:12:16 · 11640 阅读 · 12 评论 -
FormData
FormData 接口提供了一种表示表单数据的键值对的构造方式,经过它的数据可以使用 XMLHttpRequest.send() 方法送出,本接口和此方法都相当简单直接。如果送出时的编码类型被设为 "multipart/form-data",它会使用和表单一样的格式。上面提到了Formdata提供一种表示表单数据得键值对的构造方式,什么意思?通过Formdata你就不用手动拼接表单元素的值...原创 2020-03-29 14:49:25 · 1327 阅读 · 0 评论