- 博客(12)
- 收藏
- 关注
RSS订阅原创 Javascript防抖
防抖（前端）**前言：**在前端开发中有一部分的用户行为会频繁的出发事件执行，而对于DOM操作、资源加载等耗费性能的处理，很可能导致界面卡顿，甚至浏览器的崩溃。函数防抖（debounce）就是为了解决类似需求应用而生的。（写给新手，最终代码在最下方，请一步一步看）防抖**解释：**函数防抖就是在函数需要频繁出发情况时，只有足够空闲的时间，才执行一次，好像公交司机等人都上车后才出站一样。弄清楚什么是防抖？比如说我们现在要实现一个需求：利用input框实现一个实时搜索，我们怎么做？废话不多说，我们一
2021-12-09 00:01:17
643
原创 vue3新特性
vue-next新特性vite使用vite体验更快速$ npm init vite-app <project-name>$ cd <project-name>$ npm install$ npm run dev从vue2迁移新特性Composition APICompostion API为vue应用提供更好的逻辑复用和代码组织。// 所有的东西都揉在一块儿setup() { const data = reactive({ msg: "H
2021-06-18 13:45:04
240
原创 css基础题
一、写出十个常用CSS选择器，并标明优先级。二、CSS的优先级如何计算？三、什么是块级元素、行内元素？，有哪些？四、块级元素与行内元素的区别是什么？五、标准CSS盒子模型是什么？六、如何将块级元素居中？有几种方式？七、position的值有哪些？他们分别有什么作用？八、如何用纯CSS创建一个三角形，原理是什么？九、margin和padding分别适合什么场景使用？十、外边距合并（塌陷）问题有哪几种？如何解决？十一、使用padding属性会造成的问题？如何处理？十二、如何将一个元素固定在
2020-12-28 00:31:09
560
原创 简单了解webpack基础配置
一、什么是webpack？为什么要使用webpack？官方解释： webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。没看懂？是滴，我也一头雾水，先不管这个，先看下面文章，了解一下模块的演化过程。文章链接：[ https://www.jianshu.com/p/ff
2020-12-07 17:38:41
210
原创 this的全面解析
一、为什么要用this？一个简单的例子function identify() { return this.name.toUpperCase();}function speak() { var greeting = "Hello, I'm" + identify.call(this); console.log(greeting);}var me = { name: "Kyle"};var you = { name: "Reader"};indentify.call(me
2020-12-07 17:38:06
272
原创 JS之作用域是什么（二）
函数作用域和块级作用域一、函数中的作用域概念： 函数作用域的含义是指，属于这个函数的全部变量都可以在整个函数的范围内使用及复用（嵌套作用域中也可以使用）。 function foo(a) { var b = a; function bar() { var c = 3; console.log(b) // a的值 } console.log(c) // c is not defined } 隐藏内部实现： 我们将一段
2020-12-07 17:37:48
91
原创 CSS选择器
css选择器CSS选择器：就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。CSS的选择器分为两大类：基本选择题和扩展选择器。基本选择器：标签选择器：针对一类标签ID选择器：针对某一个特定的标签使用类选择器：针对你想要的所有标签使用通用选择器（通配符）：针对所有的标签都适用.class：类选择器，如下例子，选择所有class="first_list"的元素 #first_list { width: 100px; h
2020-12-07 17:35:05
150
原创 ECMAScript6
ECMAScript 6 笔记汇总一、let、const两个关键字的特点、作用和区别二、变量的解构赋值1、数组的解构赋值2、对象的解构赋值3、字符串的解构赋值4、数值和布尔值的解构赋值5、圆括号问题三、模板字符串、字符串新增方法四、正则表达式的扩展五、箭头函数六、数组的扩展七、Set 和 Map 数据结构⭐1、Set2、Set 实例的属性和方法3、Map八、Class(类)九、模块化一、let、...
2020-12-07 17:33:46
116
原创 在Linux系统上配置nginx
1.安装依赖包//一键安装上面四个依赖yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel2.下载并解压安装包//创建一个文件夹cd /usr/localmkdir nginxcd nginx//下载tar包wget http://nginx.org/download/nginx-1.13.7.ta...
2020-12-07 17:33:07
108
原创 BOM(浏览器对象模型)
BOM(浏览器对象模型)一、window对象 BOM的核心对象是window，它表示浏览器的一个实例。在浏览器中，window有两个角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的global对象。这意味着在网页中定义的任何一个对象、变量、函数，都以window作为其global对象。二、location对象...
2020-12-07 17:32:10
107
原创 ES5知识点总结
文章目录ECMAScript5 知识点总结一、ES5中的严格模式（了解一下）1、什么是严格模式？二、两种类型（基本类型、引用类型）⭐三、执行环境及作用域（个人认为很重要）⭐四、预解析 ⭐五、apply() 和 call() 方法 ⭐六、基本包装类型、Function 类型（万物皆对象）七、JavaScript面向对象的特点 ⭐八、彻底理解构造函数、原型对象、实例对象、原型链、JS中的继...
2020-12-07 17:29:57
862
原创 JS之作用域是什么（一）
你不知道的JS之作用域是什么（一）由问题引出概念（什么是作用域？）字面意思：编程语言中的变量能起作用的范围？（变量又是什么？起什么作用？）总结书上的解释：编程语言最基本的功能之一，就是存储变量中的值，并且可以对值进行处理，正是这种处理变量的能力（储存、访问、修改值）把状态带给了程序。问题引出： 那么这些所谓的变量存储在何处？以什么方式存储？使用某个变量时，怎么找到？一个很简单明了的对作用域的解释： " 上述对变量所提出的问题，说明需要一套良好的规则来存储变量，并且之后可以方便的找到这些变量，那
2020-07-15 17:31:52
244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人