6 坤小

尚未进行身份认证

我要认证

黑马程序员讲师一枚,近20个项目经验,10个以上上线项目,独立开发过五个以上的上线项目。当过项目经理,负责过多款软件的架构…… 目前主要致力于教育行业,旨在让一个愿意学习的人能够更加亲切的学习软件开发技术以及面向对象的编程思想

等级
TA的排名 6k+

ARSessionConfiguration报错问题

报错原因 : 在IOS11之后,ARSessionConfiguration被废弃了,需要使用ARConfiguration代替

2020-06-06 12:31:26

网页性能优化04-函数节流

函数节流(throttle)1-函数节流介绍1.先理解什么是js中的高频事件高频事件 : 触发频率极高的事件。例如 滚动条事件onscroll 鼠标移动onmousemove 网页大小变化onresize等高频触发:事件本身不是高频的,但是用户可以通过很快的手速来触发。例如用户疯狂快速点击 抢购按钮(onclick,onmousedown)2.高频事件的危害a.浪费资源,降低网页速度,甚至导致浏览器卡死:由于高频事件触发非常频繁,可能1秒钟会执行几十次甚至上百次,如

2020-05-23 23:36:53

网页性能优化03-函数防抖

1.1-函数防抖1.函数防抖介绍1.什么是函数防抖? (debounce)网上主流解释:函数防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。参考博客:https://www.jianshu.com/p/f9f6b637fd6c参考博客:https://segmentfault.com/a/1190000018445196笔者解释:先理解什么是抖动?:例如用户鼠标轻微晃动,快速划过某一个元素(用户本身不想触发,只是鼠标误触

2020-05-23 23:30:59

网页性能优化02-懒加载工作原理

懒加载工作原理1.1-懒加载介绍(以图片懒加载为例)1.为什么要有懒加载技术(1)img标签特点:不管图片隐藏还是显示 有src属性都会去加载例如电商类网站,一个页面有几百张图片。有时候假设用户不滚动,也会加载图片资源,此时非常损耗网页性能(2)那么如果页面上有太多的图片 而且有些图片不在可视窗口内 如果加载了会影响页面的渲染页面时间。判断网页是否使用图片懒加载技术:滚动网页的时候,图片会动态加载(一般会有一个渐变动画,例如京东)2.如何实现懒加载技术核心原理:延迟

2020-05-23 22:33:37

网页性能优化01-精灵图利弊与应用场景

网页性能优化01-精灵图精灵图:通过减少页面网络请求的数量,来提高网页加载速度1.1-精灵图介绍1.什么是精灵图精灵图就是就是将几张较小的图片放在一张大图上,这张大图称之为精灵图,又叫雪碧图(CSS Sprites)2.为什么要有精灵图?因为浏览器在渲染DOM树的时候,会把所有的外部资源路径(例如img标签的src属性作为网络请求,向服务器发送资源)例如淘宝网页,一个首页会有300多以上的请求,每一个请求都需要占用网络资源,无形中会降低网页加载速度3.精灵图的作用将

2020-05-23 21:55:13

JS基础语法(07)-比较运算符隐式类型转换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-29 22:52:20

JS基础语法(06)-delete关键字两个作用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-29 22:51:05

JS基础语法(05)-in关键字三个作用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-29 22:50:11

axios04-文件上传

axios上传文件没有兼容性问题,还是使用以前的FormData原因: FormData会自动帮你设置请求头为:multipart/form-data;<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8" /> <meta http-equiv=...

2020-04-08 23:43:03

axios03-解决请求头兼容导致跨域报错问题

1.老版本的后台接口post请求头是:application/x-www-form-urlencodedaxios不支持解决方案1.设置axios请求头为application/x-www-form-urlencodedheaders: {'Content-type': 'application/x-www-form-urlencoded'}2.将参数拼接为...

2020-04-08 23:41:06

axios02-其他使用方式(推荐)

推荐这种方式原因: 和以前的$.ajax()非常类似不同点: 使用promise技术处理异步操作结果axios({ url:'请求路径', method:'请求方式', data:{ post请求参数 }, params:{ get请求参数 }}).then(res=>{ //成功回调 //console.log(res)}...

2020-04-08 23:39:50

axios教程01-基本使用流程

axios官网文档:http://www.axios-js.com/jQuery与axios对比jQueryaxios1.ajax技术底层原理XMLHTTPRequestXMLHTTPRequest2.体积大小大(包含大量dom操作与ajax)小(只有ajax请求)3.是否支持ES6的Promise不支持(底层使用其他方案模拟实现)支持基于原生P...

2020-04-08 23:37:09

ES6箭头函数中的this指向

1箭头函数中的this(1)箭头函数中没有this : 这意味着 call() apply() bind() 无法修改箭头函数中的this(2)箭头函数中的this指向 :访问上一个作用域的this说人话:函数在哪个作用域声明,this就是谁 (本质是通过作用域链访问上一个作用域中的this)(3)箭头函数与function函数this区别function函数 : 谁调用我,我...

2019-11-08 17:49:10

JS双向数据绑定的原理介绍

Document 您输入的文本是:{{ msg }} 点我修改文本 <script> function hmVue(obj) { //querySelector默认只会获取满足选择器条件的第一个元素 // vue的挂载点el...

2019-11-08 11:01:30

nodejs服务端MVC架构介绍

nodejs服务端MVC架构介绍MVC架构本质:确定每一个js文件的职责以nodejs数据管理系统为例,本文章代码仅为服务端演示代码,单独复制粘贴可能无效果。因为MVC并不是一门技术,而是一种项目架构思想index.js:负责接收请求router.js:负责将请求分发给C层controller.js:C层负责处理业务逻辑(V与M之间的沟通)views:V层:负责展示页面model:...

2019-10-21 23:49:40

Express中间件工作原理介绍

Express中间件工作原理介绍中间件是Express框架学习中最难的部分,同时也是最为核心的技术,我们的学习路线如下1.什么是中间件2.Express中间件的本质及工作原理3.自定义解析post请求参数的中间件4.第三方中间件使用1.1-什么是中间件下图是一个自来水净化的过程,这张图可以更好的理解什么是中间件水库的水并不是直接取出来就送到用户的家中使用,而是经过一些净...

2019-10-21 23:43:05

RSA完整加密流程总结

RSA完整加密流程总结1.1-RSA加密介绍1.RSA公钥加密算法是1977年由罗纳德·李维斯特(Ron Rivest)、阿迪·萨莫尔(Adi Shamir)和伦纳德·阿德曼(Leonard Adleman)一起提出的。1987年7月首次在美国公布,当时他们三人都在麻省理工学院工作实习。RSA就是他们三人姓氏开头字母拼在一起组成的。2.RSA是目前最有影响力和最常用的公钥加密算法,它...

2019-10-21 23:32:17

JS基础语法(05)-隐式数据类型转换

1.为什么要有隐式类型转换?当运算符在运算时,如果两边数据不统一,CPU就无法计算,这时我们编译器会自动将运算符两边的数据做一个数据类型转换,转成一样的数据类型再计算2.什么是隐式类型转换:编译器自动转换本小节知识点1.转成string类型:+号两边如果有一边是字符串,则会把另一边转换成字符串,然后进行拼接2.转成number类型:以下几种运算符会将任何数据转换成numb...

2018-06-15 00:18:33

JS-数据属性与访问器属性

数据属性与访问器属性1.对象属性的作用主要是数据的存储2.既然数据存在存储,则会有增删改查相关操作(增加属性,修改属性值,获取属性值,删除属性)3.数据属性用于控制属性的增删改查特征4.访问属性用于监听属性的存储过程,可以限制属性的行为(限制属性的读写,实现对象观察者模式,M与V双向绑定等)1.1-数据属性1.2-访问器属性1.1-数据属性/** 数据属性 *///...

2018-06-14 13:58:06

JS基础语法(04)-逗号运算符

1.逗号运算符: ,2.逗号表达式:(表达式1,表达式2,表达式3.............)通常与小括号一起使用,逗号用于连接算式,逗号3.运算规则:(1)逗号运算符连接的每一个式子都会执行(2)逗号运算式的结果是最终一个式子的结果/** * 1.逗号运算符: , * 2.逗号表达式:(表达式1,表达式2,表达式3.............) ...

2018-06-14 13:49:39

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。