- 博客(17)
- 收藏
- 关注
RSS订阅原创 作用域以及作用域链
作用域作用域就是变量和函数得可访问范围，控制着变量和函数得可见性与生命周期，在JavaScript中变量的作用域：全局作用域和局部作用域全局作用域:任何函数的内部都可以访问的到 var jeck = "jeck" function fn() { console.log(jeck) } fn() //result:jeck局部租作用域:一般只在固定的代码片段内可访问到，而对于函数外部是无法访问的 function fn() {
2021-02-20 21:35:56
164
原创 JS闭包
闭包的概念：《JavaScript高级程序员设计》上是这样定义的：闭包是指有权访问另一个函数作用域中的变量的函数我的理解就是闭包就是能够读取其他函数内部变量的函数。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。闭包的用途1.可以读取函数内部的变量，2.让这些变量的值始终保持在内存中。function f1(){ var n=1; Add=function(){n+=1} function f2(){ alert(n);
2021-02-20 20:45:05
265
原创 var let const的区别是什么?
let和const有很多相似之处。1. let添加了块级作用域JavaScript是没有块级作用域的，如果在块内使用var声明一个变量，它在代码块外面仍旧是可见的：if (true) { var foo = 3;}console.log(foo); // 3 for (var i = 0; i < 9; i++) { var j = i;}console.log(i); // 9console.log(j); // 8可以看到，在上
2021-01-19 15:44:52
338
原创 函数防抖和函数节流
函数防抖（debounce）如果有人进电梯（触发事件），那电梯将在10秒钟后出发（执行事件监听器），这时如果又有人进电梯了（在10秒内再次触发该事件），我们又得等10秒再出发（重新计时）函数节流（throttle）预先设定一个执行周期，当调用动作的时刻大于等于执行周期则执行该动作，然后进入下一个新周期 保证如果电梯第一个人进来后，10秒后准时运送一次，这个时间从第一个人上电梯开始计时，不等待，如果没有人，则不运行** 函数防抖（debounce）**function _debounce
2021-01-19 15:34:16
103
原创 函数防抖和函数节流
使用节流防抖函数(性能优化)在vue中的使用方法在公共发放中（如untils.js中）加入函数防抖和函数节流方法// 防抖export function _debounce(fn, delay) { var delay = delay || 200; var timer; return function () { var th = this; var args = arguments; if (timer) {
2021-01-18 21:28:18
121
原创 JavaScript原型与原型链
1.prototype每个函数都有一个prototype属性，被称为显示原型2._ _ proto_ _每个实例对象都会有_ _ proto_ _属性，被称为隐式原型。每一个实例对象的隐式原型_ _ proto_ _属性指向自身构造函数的显示原型prototype3.constructor每个prototype原型都有一个constructor属性，指向它关联的构造函数。原型链获取对象时，如果对象本身没有这个属性，那就会去它的原型_ _proto_ _上去找，如果还找不到，就去找他原型的原型
2021-01-18 21:14:04
72
原创 常见状态码
100（临时响应）表示临时响应并需要请求这继续执行操作的状态码100-继续请求者应当继续提出请求。服务器返回此代码表示已收到请求的一部分，正在等待其余部分。101-切换协议 请求者已要求服务器切换协议，服务器已确认并准备切换。200（成功）表示成功处理了请求的状态码200-成功 服务器已经成功处理了请求。通常，这表示服务器提供了请求的网页。201-已创建 请求成功并且服务器创建了新的资源。202-已接受 服务器已接受请求，但尚未处理。203-非授权信息 服务器已经成功处理了请求，但返回的信息可
2021-01-16 14:54:16
15735
原创 原生App，Web App，混合APP，三者之间有什么不同
WebAppWebApp是指使用用HTML5编写的移动Web应用,webapp可以运行在PC、Android、iOS端等、不受限于系统，依赖于浏览器。优点：（1）前端开发语言不受限制（2）开发成本相对较低（3）版本更新快，没有限制，维护简单（4）一套代码可以多平台使用（5）能购跨多个平台和终端缺点：（1）手机原生功能调用受限（2）加载受限于网络环境，手机浏览器，手机系统等（3）较复杂的列表、样式难以实现，稳定性差（4）用户 体验差（5）受限于浏览器HybridAppHybrid
2021-01-16 14:14:21
440
转载 ES6字符串扩展
str.成员方法()在这里插入代码includes(searchString, ?startPosition) 从指定位置开始查找，字符串是否包含指定字符串(之前使用indexOf()和lastIndexOf())。片startsWith(searchString, ?startPosition) 本字符串是否以指定字符串开头(从position开始算起)endWith(searchString, ?endPosition) 本字符串是否已指定字符串结尾(从endPosition开始算起)re
2021-01-11 08:48:46
74
原创 前端框架之vue小知识
Vue解决了什么问题虚拟dom：dom操作时非常消耗性能，不再使用原生的dom操作，极大的释放了dom操作，但本质还是操作dom，只是换了一种方式。视图，数据，结构分离：使数据的修改变得更为简单。不需要修改逻辑代码只需要操作数据即可组件化：将一个单页面的各种模块拆分到不同的组件中，便于开发以及后期的维护管理MVVM的理解model-view-viewmodel的缩写，mvvm把视图和逻辑代码区分开。在mvvm的框架下，view和model没有直接的交互，是通过view-model进行数据的双向交互
2021-01-08 19:46:15
442
原创 前端HMTL弹性盒子display小知识
display：none 此元素不被显示。display：block 此元素显示为块级元素，支持宽高，独占一行。display：inline 此元素为内联元素，不支持宽高，不独占一行。display：table 此元素作为块级表格来显示。display：flex 此元素为弹性盒模型display：list-item此元素会作为列表显示display：flex 弹性盒模型设置主轴方向flex-direction默认值，自左向右：flex-direction:row 对齐方式与row相反：ro
2021-01-08 19:34:07
185
原创 CSS功能
元素溢出隐藏overflow的设置项：1、visible 默认值。内容不会被修剪，会呈现在元素框之外。2、hidden 内容会被修剪，并且其余内容是不可见的，此属性还有清除动、清除margin-top塌陷的功能。3、scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。4、auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。5、inherit 规定应该从父元素继承 overflow 属性的值解决内联元素间隙的方法1、去掉内联元素之间的换行2、将内联元素的父级
2021-01-08 19:30:19
248
原创 vue移动端拖拽案例
<template> <div id="app"> <div ref="customerService" class="customer-service" @touchstart="touchstartHandle('customerService', $event)" @touchmove="touchmoveHandle('customerService', $event)" > <
2021-01-08 19:15:11
123
原创 JS字符串常用方法
charAtlet str = 'abc'console.log(str.charAt(1))//返回字符的位置concatlet str = 'abc'let str1 = 'abca'console.log(str.concat(str1))//字符串连接indexOflet str = 'abc' console.log(str.indexOf(1))//不存在返回负一
2021-01-08 19:08:51
76
原创 前端JavaScripe番外之Promise的原理与基本使用
前端JavaScripe番外之Promise的原理与基本使用Promise原理 有三种状态： 进行中pending 已成功 fulfilled 已失败 rejected 两种情况 进行中 - > 成功 进行中 - > 失败 new Promise(function (resolve, reject) {}) 通过.then(成功函数, 失败函数)...
2021-01-08 18:49:31
93
原创 js基础数组方法应用
js基础数组方法应用数组创建方法:1.var obj=new Array()2.var obj =new Array（size）3.var obj=new Array（元素1，元素2，元素3，…，元素n）4.var obj=[元素1，元素2，元素3，…，元素n]5.多维数组var a=new Array（[数组序列1],[数组序列2],[数组序列n]）数组方法：1.push（）在数组末尾添加数组2.unshift（）在数组头部添加元素3.concat（）合并两个数组4.pop（）删除并
2020-12-29 19:08:31
100
原创 函数理解
函数函数定义：封装的可重复利用的具有特定功能的代码分类：系统函数eveal（） inNaN（） isArray（） Math.random（） parseInt（） parseFloat（）return没有具体返回值的时候 返回的就是undefind构造函数：构造创建对象时候调用的函数 并只能调用一次作用是给对象做初始化 一般函数能调用多次创建函数的三种方式使用function关键字申明命名函数使用function关键字申明匿名函数使用function对象构造方法创建函数构造方法创建
2020-12-29 19:06:44
282
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人