
web基础之JavaScript
文章平均质量分 80
Small_Teemo
从事it行业工作,目前主要做PC端开发,带领团队,设计公司级别的组件库、项目模板
展开
-
深入理解JS中的发布订阅模式和观察者模式
发布/订阅模式(Publish/Subscribe)和观察者模式(Observer Pattern)在概念上非常相似,都是用于实现对象之间的松耦合通信。尽管它们在实现细节和使用场景上有所不同,但核心思想是相通的。原创 2024-07-22 17:30:11 · 546 阅读 · 0 评论 -
深入理解JS中的事件委托
JavaScript中的事件委托是一种非常有用的事件处理模式,它允许我们利用事件模型的事件冒泡阶段来减少事件处理器的数量,提高网页性能。本文将介绍事件委托的概念、工作原理、优点以及如何在实际项目中应用事件委托。原创 2024-07-17 21:44:05 · 1215 阅读 · 0 评论 -
深入理解JS中的排序
在JavaScript开发中,排序是一项基础而重要的操作。本文将探讨JavaScript中几种常见的排序算法,包括它们的原理、实现方式以及适用场景。原创 2024-07-17 15:56:19 · 1001 阅读 · 0 评论 -
深入理解JS中的防抖&节流
在Web开发中,防抖(Debouncing)和节流(Throttling)是两种常用的优化技术,用于提高页面性能和用户体验。它们通过限制函数执行的频率来减少计算资源的消耗,尤其是在处理频繁触发的事件时,如窗口大小调整、滚动、键盘输入等。原创 2024-07-11 07:30:00 · 406 阅读 · 0 评论 -
深入理解JS中的闭包
闭包是指那些能够访问自由变量的函数。自由变量是指在函数中使用的,但既不是函数参数也不是函数局部变量的变量。原创 2024-07-10 18:42:17 · 1060 阅读 · 0 评论 -
深入理解JS中数据类型判断
在JavaScript开发中,准确判断数据类型是一项基础且重要的技能。由于JavaScript是一种弱类型语言,变量可以被赋予任何类型的值,这就使得类型判断变得尤为重要。本文将探讨在前端开发中判断数据类型的几种常用方法,包括typeof运算符、instanceof运算符、方法以及一些其他实用技巧。原创 2024-07-10 11:21:33 · 512 阅读 · 0 评论 -
面试题:f(n1)(n2)(n3)……(n)求和
1.题目来源:源自前一期的面试题:最近一次前端面试题,有兴趣的可以进去瞄瞄,看看自己掌握了多少。2.题目描述:编写一个函数,使得它能够连续求和,如下所示//编写函数f()functionf(){//somecode//……}//f满足以下要求f(1)==1f(1)(2)==3f(1)(2)(3)==6f(1)(2)(3)(4...原创 2019-08-12 15:08:02 · 831 阅读 · 0 评论 -
正则表达式教程
在最近一次前端面试题中,有一个面试题:"一个字符串数字,每隔3位添加一个空格"//从左到右每隔三位用空格分隔:'123 456 676 89'varstr='12345667689';方法一(不会正则的):varstr='12345454645'//添加分隔符函数:str-字符串,num-位数,sep-分隔符functionaddDelimiter(str,...原创 2019-08-07 18:37:16 · 1297 阅读 · 0 评论 -
ES6模块化
这里写自定义目录标题一、现阶段的模块化方案二、ES6模块`export`的语法(以下定义的模块:`mod.js`)1、定义的同时导出2、先定义后导出3、另类的导出:export defaultexport语法汇总import的语法1、全部导入2、局部导入:只导入sum方法4、另类的导入:引入整个模块,不引入内部成员5、当做函数使用:返回的是一个promiseexport和import复合写法常用写...原创 2019-04-14 11:27:37 · 1404 阅读 · 0 评论 -
前端工程化之gulp
文章目录一、gulp介绍二、gulp的安装三、gulp的api1、gulp.src():输入文件2、gulp.dest():输出文件3、gulp.task()4、gulp.watch()四、常用插件1、JS压缩插件:gulp-uglify2、ES6语法转换:gulp-babel3、资源图:gulp-sourcemaps4、处理图片文件:gulp-imagemin5、压缩css:gulp-cssmi...原创 2019-04-16 17:04:01 · 424 阅读 · 0 评论 -
JavaScript基础—作用域与作用域链
在函数部分提到:ES6之前,JavaScript只有全局作用域,函数作用域,没有块作用域({}作用域),例如:if(true){ var a = 3}console.log(a) // 3for(var i=1;i<4;i++){ //...}console.log(i) //4而在Java语言中,是有块作用域的哦,这也是JavaScript与Java语言的一...原创 2018-12-03 16:22:32 · 173 阅读 · 0 评论 -
面试题:作用域相关
1 、下面代码输出什么并说明原因var a = 12if(a>10){ var c = a+1}console.log(a,c)结果:12 13解释:JavaScript不同于Java语言,在ES6之前是没有块级作用域的。 2、下面代码输出什么并说明原因function fn(){ var a = b =30 console.log(a,b)...原创 2018-12-03 16:19:48 · 708 阅读 · 0 评论 -
JavaScript基础—立即执行函数(IIFE)
一、立即执行函数(IIFE)在JavaScript基础—函数中介绍了函数作用域的概念:在函数中声明的变量在整个函数体内都是可见的,在函数的外部是不可见的。不在任何函数内部声明的变量是全局变量,在JavaScript程序中都是可见的。ES6新增了块级作用域。那么,在ES6之前我们能否弥补整个作用域的缺陷呢。那就是立即执行函数。IIFE:全拼Imdiately Invoked Func...原创 2018-11-29 16:13:00 · 2902 阅读 · 0 评论 -
JavaScript中的Array操作(ECMA5新特性)
ECMA5中的数组新特性。例如:元素定位、元素迭代循环方法等等实用的方法原创 2016-09-27 22:41:45 · 459 阅读 · 1 评论 -
利用JS对象的特性去除数组中的重复项
数组去重的方法有很多,不同的方法的效率也不相同。本文介绍了另一种数组去重的方法:根据JS对象的特性去除数组中重复项的方法。一、JS对象的特性(本文中所使用的特性):key始终唯一 引例:说明对象key值的唯一性,即当重新给js已有属性赋值的时候,实际上是覆盖了key,而不是新建了key原创 2016-10-08 11:26:52 · 3342 阅读 · 1 评论 -
JavaScript中的函数
函数的定义原创 2017-01-19 16:23:08 · 350 阅读 · 0 评论 -
Vue实用解决方案
1、Vue scoped CSS 与深度作用选择器 /deep/With scoped, the parent component's styles will not leak into child components. However, a child component's root node will be affected by both the parent's scoped C...原创 2018-10-29 22:55:50 · 251 阅读 · 1 评论 -
Vue-cli脚手架快速搭建项目
一、前言“脚手架”是一种元编程的方法,用于构建基于数据库的应用。许多MVC框架都有运用这种思想。 是不是感觉很高大上的样子,好吧,其实说直白点就是:别人共享出来的,可以快速帮你搭建一个项目的基础架子,你可以在上面添砖加瓦,以满足你的需求。这篇博文要介绍的为vue-cli2.x版本的。 二、准备工作node安装在node官网,下载安装包,然后一路点击next,即可进...原创 2018-10-31 23:12:39 · 214 阅读 · 0 评论 -
JavaScript面试题:数据类型与内存空间
一、数据类型部分1、JavaScript有哪些数据类型?JavaScript是一种弱类型的脚本语言,它有两类数据类型:基本类型与对象类型 基本类型:String、Number、Boolean、undefined、null 对象类型:Object、Array、function等 2、判断数据类型的方式有几种?有三种基本的判断方式:typeof、===、inst...原创 2018-10-27 21:47:39 · 410 阅读 · 0 评论 -
10分钟上手vue-cli 3.0 入门介绍
00、前言当你还在摸索vue-cli 2.x版本的配置的时候,vue-cli 3.x版本已经出来了,是不是有种快要掉队的感觉,是不是有种快要成为里的“矮矬穷”的感觉。。“什么,不想成为矮矬穷?”,那我们就一起来先入个门吧。后面讲介绍一下2.x与3.x的一些区别,入门级别的。 01、vue cli 3 安装Node版本要求node最低要求8.9,或更高版本,推荐8.11.0+...原创 2018-11-03 16:49:34 · 1674 阅读 · 0 评论 -
JavaScript基础—对象
一、对象的基础对象(object)是 JavaScript 语言的核心概念,也是最重要的数据类型。什么是对象?简单说,对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。var obj = { foo:'value1', bar:12, 5:'aaa'}上面代码通过大括号定义了一个有三个属性的对象,赋值给了变量obj:键...原创 2018-11-10 00:58:38 · 240 阅读 · 0 评论 -
JavaScript基础—函数
一、函数的定义函数是JavaScript中最复杂的数据类型,它既有对象的复杂度,又有函数独特的特性,尤其是函数中的this的指向。函数是一段可以反复调用的代码块。函数还能接受输入的参数,不同的参数会返回不同的值。它体现的是一种封装的思想。在JavaScript中,有三种声明函数的方式。(1)function关键字function关键字声明的代码区块,就是一个函数。functio...原创 2018-11-10 22:52:05 · 238 阅读 · 0 评论 -
JavaScript中的数据类型
JavaScript的语法核心源自于ECMAScript,所以它的数据类型与ES基本相同。下面来简单介绍一下ES5中的一些数据类型及其定义。数据类型数据类型分为两个:基本类型和引用类型基本类型:Number、Boolean、String、Undefined、NullNumber:整数、小数(最高精度17位小数)、NaN、Infinit(正无穷),-Infinity(负无穷)原创 2016-09-24 22:11:08 · 411 阅读 · 1 评论