JavaScript
文章平均质量分 88
JavaScript
爬行者c
正在努力爬行中......
展开
-
fetch请求
结合之前的文章事件循环Event Loop_爬行者c的博客-CSDN博客先理解JS异步的实现机制。异步操作结果的处理方式一般会通过回调函数来实现。关于异步编程有以下几种。Promise内置类。异步编程,解决回调地域。参数:一个函数,该函数接收两个函数参数,resolve和reject,且必传三种状态:pending(进行中,默认状态)、fulfilled/resolved(已成功,异步操作成功后)和rejected(已失败,异步操作失败后)注:状态一旦修改就不能再改变,一旦执行.原创 2021-10-30 21:10:01 · 1161 阅读 · 0 评论 -
原型和继承
对象也叫实例。具有属性(特征)和方法(行为)。类基于一个类(相当于模板)可以创建多个对象(实体)。js没有类,基于对象(构造函数和原型对象)扩展新的对象。封装阐述对象中的内容,隐藏信息(方法和属性的可见性)。封装包括封装数据和实现。js无public/private等关键字限定 方法和属性的可见性,只能通过变量的作用域(函数)来实现。对象和对象之间通过暴露的API通信。聚合多个对象合并。继承类与类之间,代码重用。多态不同对象通...原创 2021-06-21 21:40:16 · 688 阅读 · 0 评论 -
作用域和闭包
在ES6之前,js的作用域有全局作用域和函数作用域。 创建和销毁 访问变量和函数 特征 深层理解 全局作用域 页面打开创建、页面关闭销毁 全局、任一位置访问 包含全局对象window,由浏览器创建,在全局作用域声明的变量和函数都会挂载在window上 全局代码执行前期创建执行期上下文的全局变量对象GO(预编译时期) 函数作用域 函数调用创建、执行完毕销毁 可以访问全局作用域,反之不行 每调用一次就会创建一个新的函数作用域;在函数.原创 2021-05-29 21:12:13 · 271 阅读 · 0 评论 -
前端对接第三方登录(QQ、微博、微信)
原理请求获取用户授权code 通过授权code去请求access_token介绍先在第三方平台注册账号(企业账号)、创建应用。正确填写信息提交审核,会花费一定时间,需要提前准备。QQ :QQ互联平台 微信:微信开放平台 新浪:新浪开放平台项目网站第三方登录分别给按钮添加点击事件,跳转去授权。 如果用户同意授权就进入授权成功的页面(页面地址带有code参数或者其他参数),否则就取消授权登录操作。 用户同意授权,根据页面地址携带的参数code去请求获取acc...原创 2021-05-21 21:23:27 · 5303 阅读 · 1 评论 -
事件循环Event Loop
JS是单线程。和DOM渲染共用一个线程。异步和多线程实现是通过Event Loop实现。常见异步有:DOM事件、定时器触发事件、AJAX、fetch、XMLHttpRequest、Promise then方法等。微任务:Promise/async/await宏任务:定时器触发事件setTimeout/setIntervalDOM事件AJAX微任务比宏任务早;微任务在DOM渲染之前执行,宏任务在DOM渲染之后执行。Event Loop常见概念:Call Stack 调用栈Message原创 2021-05-16 14:46:37 · 203 阅读 · 0 评论 -
浅拷贝和深拷贝
基本理念js在定义任何变量、函数时都要进行内存的分配、使用、释放内存过程。存储数据有两种:栈内存、堆内存。栈中数据大小固定自动分配内存、系统自动释放,堆中数据大小不定动态分配内存、不一定自动释放。栈中存储的值类型为基本数据类型和引用(对象在栈中的地址),null、undefined、boolean、string、number、symbol,按值访问;堆中存储的值类型为引用类型,Object、Array、Function等,按引用访问;赋值 var obj .原创 2021-05-15 19:52:53 · 73 阅读 · 0 评论 -
带进度显示的视频上传
太久太久没有更新博客了。。。。。。。今天做了一个带进度条的视频上传,做个小结。实现效果如下:实现原理:原创 2020-02-28 17:59:29 · 534 阅读 · 1 评论 -
事件
JavaScript事件流模型:事件捕获:事件有最不具体的元素接收,逐级向下传播,一直到最具体的节点元素(ie的兼容性不好,建议冒泡)。 事件冒泡:事件由最具体的节点元素接收,逐级向上传播,直到document文档对象。DOM事件流的三个阶段:事件捕获--》目标阶段--》事件冒泡 IE9,Opera,Firebox,chrome,Safari;IE8以及更早版本不支持注意:如果...原创 2019-04-13 15:31:22 · 119 阅读 · 0 评论 -
百度地图api的使用--小结2
<div class="loupan-page lppt-box" id="peitao"> <div class="lp-title">百度信息</div> <div class="lppt-baidumap"> <div clas...原创 2019-04-13 15:36:55 · 177 阅读 · 0 评论 -
百度地图api的使用--小结1
百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。该套API免费对外开放。自v1.5版本起,您需先申请密钥(ak)才可使用,接口(除发送短信功能外)无使用次数限制。浏览器:IE 6.0+、Firefox 3.6+、Opera...原创 2019-04-13 15:36:33 · 229 阅读 · 0 评论 -
call、apply和bind使用
JavaScript中的bind()、call()和apply()这几个方法使得函数在特定的作用域中执行,三者都能改变函数内this的指向。它们的第一个参数都是this要指向的对象,也都可以进行后续的传参。那么,它们的作用和区别在哪里?看下面的代码。var obj={ name:"zhangsan", age:"25" }var person={ name:"lisi"...原创 2019-02-21 13:26:02 · 129 阅读 · 0 评论 -
关于this
关于函数中的this,可以理解为函数所在的执行环境。(箭头函数除外)在不同的执行环境中,this有着不同的指向。1.全局作用域/普通函数计时器,this指向全局对象windowconsole.log(this);//windowfunction a(){console.log(this);}a();//windowvar b=function(){console.log(th...原创 2019-03-06 11:37:34 · 101 阅读 · 0 评论 -
立即执行函数
js中的立即执行函数,简称IIFE。IIFE的出现是为了隔离作用域,防止变量污染全局的命名空间。有时,前端需要引入多个第三方库,多个框架的引入可能会引起冲突。立即执行函数常用于第三方库,好处在于隔离作用域。我们熟知的jquery本质上就是一个立即执行函数。立即执行函数的常见形式有以下两种: (function(){})();//常见写法,将()放在外面(function(){}()...原创 2018-12-24 10:51:40 · 293 阅读 · 0 评论 -
深入理解闭包
一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1();// 999另一方面,在函数外部自然无法读取函数内的局...转载 2019-03-06 15:35:23 · 145 阅读 · 0 评论 -
js图片资料集锦
原创 2019-03-11 10:45:36 · 106 阅读 · 0 评论 -
常用的数组方法
reverse() 反转数组 var arr=[3,6,2,4,1,5]; console.log(arr.reverse())//[5, 1, 4, 2, 6, 3]join() 数组转字符串。var fruits = ["Banana", "Orange", "Apple", "Mango"];var energy = fruits.join();console.log(...原创 2019-03-25 17:54:39 · 141 阅读 · 0 评论 -
一次严重的错误记录Uncaught RangeError: Maximum call stack size exceeded
最近做了一个登录界面,怎么请求都没反应,导致页面卡死。重复试了很多办法,最终还是卡死卡死卡死......上网查询了,发现可能是两点导致的:1.递归次数过多 2.重复引入js库。但是这都不是问题所在,这里就是一个简单的ajax请求。最终排除发现可能是ajax参数错误,代码如下: // 注册 $("#regist").on('tap',function () {...原创 2019-03-25 17:54:30 · 639 阅读 · 0 评论 -
添加标签--小结
部分界面逻辑梳理:点击元素添加:绑定事件--》获取对应id值对应的元素--》判断元素是否存在,存在的话终止操作,不存在的话添加标签元素到存放数组中,循环数组,构造dom元素,设置到标签存放位置。 输入框添加:绑定按钮事件--》获取输入内容--》判断元素是否存在......部分代码e_addtags:function(tid,flag){ var _...原创 2019-04-01 15:55:14 · 459 阅读 · 0 评论 -
百度富文本编辑器 ueditor 的基本使用
下载 html部分引入百度编辑器 配置文件、编辑器源码文件 放置编辑器的位置 <div><script id="container" name="content" type="text/plain" style="width:1106px;" data-bind="value:item_cont"></script></div> 可...原创 2019-04-01 17:47:01 · 3098 阅读 · 0 评论