javascript
文章平均质量分 67
vernin
这个作者很懒,什么都没留下…
展开
-
JavaScript 函数的种类 (6大类型)
在JavaScript中,函数(Function)是个重要的内容,它在开发中会经常被用到。函数一般是使用了在执行函数体,而立即使用函数体 (IIFE) 是在创建后立即定义并执行的函数表达式。关键字定义,后面跟着函数名、小括号(里面写参数)、大括号(里面是函数体,写函数执行的代码)。匿名函数,顾名思义就是没有名字的函数,它通常用在函数表达式中,或者作为参数传递给其他函数。中引入,是一种编写函数表达式的简洁方式。将一个或多个函数作为参数或返回一个函数的函数称为高阶函数。中,一个组件就是一个函数,原创 2023-09-23 18:55:15 · 402 阅读 · 0 评论 -
前端面试官:你能实现js数组原型上的方法吗?
大概意思:给一个索引,返回当前索引的值。原创 2022-09-18 17:58:54 · 1045 阅读 · 0 评论 -
前端实现分页效果
前端分页?后端做得了的事,我前端也要做。后端做不了的事,我前端更要做。原创 2022-09-09 23:06:04 · 16179 阅读 · 8 评论 -
js预编译的步骤
我们知道JavaScript是一种解释性语言,那它运行的三大部分为:一、语法分析(系统会把整篇代码扫描一下,看看有没有低级语法错误)二、预编译三、解释执行我也是刚刚学的js,我想分享一下学到的东西,一起交流进步。那么预编译的过程是怎么样的呢?让我们一起来看下面的例子: function f(a){ console.log(a); //function a(){} console.log(b); //undefined var a = 10; console.log(原创 2020-07-24 17:11:36 · 193 阅读 · 0 评论 -
js实现小说自动阅读功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>自动阅原创 2021-07-11 15:33:28 · 915 阅读 · 0 评论 -
js中数组的高逼格操作(filter、sort、map、reduce)
说在前面的话ES6全称ECMAScript 6.0, 成为JavaScript的下一个版本标准。它提供了一些很牛逼的东西,使我们写的代码更加简洁、方便。比如模板字符串、箭头函数、promise、class等等。ES6的出现就是为了弥补ES5的不足,正因为有了这些完善我们才有了后面的一些骚操作。正片 带着问题学习才有效果 有一个数组:let score = [24,83,79,64,97,88,50] 上需求需求一、选出成绩优秀的学生(成绩不低于80分的同学)需求二、对成绩优秀的学生原创 2021-06-17 22:03:08 · 392 阅读 · 2 评论 -
使用localStorage实现注册和登录验证功能
**今天来用HTML5的localStorage本地存储实现一个注册和登录功能,注册的用户可以保存到网站中,没有注册的用户则无法登录。注册时如果有重名时则不能注册,必须使用一个新的用户名,密码可以重复。**还是先看看效果图吧完整代码代码里注释写得也很清楚了,这里我就不分析了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http原创 2021-06-15 15:18:45 · 3305 阅读 · 0 评论 -
利用JavaScript实现BMI指数计算
身体质量指数,是BMI指数,简称体质指数,是国际上常用的衡量人体胖瘦程度以及是否健康的一个标准。当然在做这个demo之前,我们要知道BMI的计算公式:体重(kg)/身高(m)²实现原理运用onchange事件配合方法获取input里身高和体重的值,再用公式计算BMI的值,用if判断BMI值所在的区间。就可以求出我们这个区间所对应的状况。首先,写好页面内容:HTML <div class="top"> <p>身体质量指数,是BMI指数,简称体质指数,是国际上常原创 2021-03-17 15:16:33 · 9925 阅读 · 0 评论 -
js实现标题文字向上轮播
效果图代码原创 2021-05-24 14:19:19 · 366 阅读 · 0 评论 -
10行js代码实现二级菜单
效果代码内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit原创 2021-05-10 20:22:57 · 237 阅读 · 0 评论 -
javascript进度条(js实例)
利用javascript模拟下载进度条,可以防止重复点击。思路:用两个div嵌套,开始时,初始时里面的div宽度为0,当点击下载时,让里面的div宽度一直+1,当加到100时停止。完成下载!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2021-04-26 21:16:06 · 1664 阅读 · 0 评论 -
JavaScript字符串学习(案例)
JavaScript 字符串是由文本组成的值,可以包含字母、数字、符号、标点符号甚至表情符号。作用:JavaScript 字符串用于存储和操作文本。javascript字符串声明字符串只需要加双引号或者单引号var str = "vans"; console.log(str);//vans访问字符串中的某个数,也可以用和数组一样的方法:var str1 = "hello"console.log(str1[0]);//h//可以访问,但是不能修改str1[0] = "a";conso原创 2021-04-23 17:50:36 · 291 阅读 · 0 评论 -
js实现58同城搜索框(鼠标聚焦/移除)
效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl原创 2021-04-21 14:26:04 · 265 阅读 · 0 评论 -
JavaScript数组学习+小案例
官方解释:数组是类似于容器的值,可以容纳其他值。数组内的值称为元素。数组的对象作用:使用单独的变量名来存储一系列的值。1.创建数组创建空数组//方法一:var arr1 = [];//方法二:var arr2 = new Array();创建数组并赋值//方法一:var arr3 = ["奔驰","宝马","奥迪"];//方法二:var arr4 = new Array("西游记","红楼梦","三国演义","水浒传");也可以先创建在赋值,数组赋值 arr[index],in原创 2021-04-20 21:40:56 · 315 阅读 · 0 评论