- 博客(12)
- 收藏
- 关注
原创 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关注的人