JavaScript - 教程之家

84浏览

0评论

微信小程序缓存过期时间的相关设置(推荐)

目录微信小程序缓存机制介绍哪些是一定需要过期的缓存写法微信小程序缓存机制介绍每个微信小程序都可以有自己的本地缓存，可以通过 wx.setStorage（wx.setStorageSync）、wx.getS...

2022-08-03

66浏览

0评论

javascript实现发送短信验证码案例

本文实例为大家分享了javascript实现发送短信验证码的具体代码，供大家参考，具体内容如下效果如下:代码思路:1.按钮点击之后，会禁用disabled 为true
2.同时按钮里面的内容会变化...

2022-08-03

73浏览

0评论

JS实现拖动模态框案例

本文实例为大家分享了JS实现拖动模态框的具体代码，供大家参考，具体内容如下效果图：需求分析：点击登录后登录表单和遮罩层显示，点击关闭按钮隐藏。输入密码时可以明文查看或者隐藏...

2022-08-03

80浏览

0评论

微信小程序实现日期格式化

最近做了一个微信小程序的项目，关于后端给我传递日期的时候，我拿到的是一串数字如：createDate: 1552117531000 ，这是一个列的创建时间，现在却变成了一串数字，这是怎么回事？其实这串...

2022-08-03

75浏览

0评论

JS中的几种循环和跳出方式

JS中的循环是大家很常用的，这里总结一下几种常用循环的跳出方式。1.for循环var arr = ['q','w','e','r','t'];for(var i=0, len = arr.length ; i< len ; i++){console.log(a...

2022-08-03

80浏览

0评论

一文教会你提高Javascript代码效率的技巧

目录变量声明三元运算符解构赋值解构交换箭头函数字符串模版多值匹配ES6对象简写字符串转数字次方相乘数组合并查找数组最大值最小值获取字符串字符并&&操作数组排序数组过...

2022-08-03

96浏览

0评论

微信小程序自定义地址组件

本文实例为大家分享了微信小程序自定义地址组件的具体代码，供大家参考，具体内容如下项目需求需要调用后台传过来的地址，存储地址时存的是地址的id，所以市面上的地址组件均不符合...

2022-08-03

66浏览

0评论

js实现一键换肤效果

本文实例为大家分享了js实现一键换肤效果的具体代码，供大家参考，具体内容如下方法1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-...

2022-08-03

67浏览

0评论

JS实现网站换肤

本文实例为大家分享了JS实现网站换肤的具体代码，供大家参考，具体内容如下先看效果1、左侧是待选择的图片列表
2、点击对应图片自动为当前网站换背景图片
3、为当前选择的图片...

2022-08-03

89浏览

0评论

js实现拖动模态框

模态框,我们也叫弹出框,可以在网易云,京东等之类的网页中看到。效果如下:代码思路:1．点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层。2．点击关闭按钮，可以关闭模态框，并且...

2022-08-03

67浏览

0评论

js实现模态框的拖拽效果

本文实例为大家分享了js实现模态框拖拽效果的具体代码，供大家参考，具体内容如下之前学习js遇到了这样的需求：
鼠标按下后，移动鼠标，模态框随鼠标移动，鼠标松开，模态框也不会随鼠标...

2022-08-03

81浏览

0评论

微信小程序实现吸顶盒效果

本文实例为大家分享了微信小程序实现吸顶盒效果的具体代码，供大家参考，具体内容如下html部分  <view class="partner-content-container mt15"> ...

2022-08-03

64浏览

0评论

JavaScript中rxjs与 Observable 两大类操作符解析

目录前言1. 可以加入到 pipe 链式操作的 Operator2. 创建型 Operator3. 冷热 Observable 的区别前言Observable 生产的数据，应该提供开发人员足够的自由度，对这些数据进行各种...

2022-08-03

76浏览

0评论

JavaScript关于某元素点击事件的监听和触发

目录一. 触发元素同步效果方法一：原生JavaScript的click()点击事件方法二：JQuery事件 — trigger()方法二. 触发元素监听效果方法一：原生JavaScript监听方法二：JQuery监...

2022-08-03

116浏览

0评论

微信小程序实现一键登录

本文实例为大家分享了微信小程序实现手机号登录的具体代码，供大家参考，具体内容如下项目需求点击按钮获取用户电话号码绑定到后台，登录。实现思路1、使用微信开放功能为获取用...

2022-08-03

69浏览

0评论

javascript实现点击按钮变色

本文实例为大家分享了javascript实现点击按钮变色的具体代码，供大家参考，具体内容如下效果如下:代码如下:在这个案例中主要用到的是排他思想html部分输入我们所需要的按钮个数...

2022-08-03

74浏览

0评论

教你用Js写一个简单的五子棋小游戏

目录棋盘绘制棋子的绘制在点击 canvas 的时候获取相对于棋盘数据的坐标点是否结束悔棋功能总结这里的五子棋只做一些基础的功能，对于相对专业的规则不做处理。那么该五子棋实...

2022-08-03

147浏览

0评论

JavaScript实现网页计算器

本文实例为大家分享了JavaScript实现网页计算器的具体代码，供大家参考，具体内容如下我们学完了函数，做一个网页计算器的小案例，巩固一下。共两个案例：案例一图：相加：相减：相乘：相除：代...

2022-08-03

58浏览

0评论

HTML+CSS+JavaScript实现放大镜效果

本文实例为大家分享了HTML+CSS+JavaScript实现放大镜效果的具体代码，供大家参考，具体内容如下效果演示JS 详解HTML 和 CSS 部分放在了文章最后的源代码中，这里只对 JS 部分进行...

2022-08-03

86浏览

0评论

前端必会的Webpack优化技巧

目录webpack优化很有必要构建时间优化thread-loadercache-loader开启热更新exclude & include构建区分环境提升webpack版本打包体积优化CSS代码压缩JS代码压缩tree-shakings...

2022-08-03

103浏览

0评论

微信小程序中如何实现动态改变SVG颜色和尺寸

目录前言1. 创建一个微信小程序项目，准备好SVG素材2. 封装修改svg颜色的工厂函数3. 封装一个自定义组件，方便使用svg图标4. 注册组件，使用结语总结前言最近在做项目的时候总是...

2022-08-03

124浏览

0评论

JS实现给不同元素设置不同的定时器

本文实例为大家分享了JS实现给不同元素设置不同的定时器，供大家参考，具体内容如下案例效果：上面的紫色盒子打开页面会自己移动到300px，点击上面的按钮，粉色的span才会移动，并且移...

2022-08-03

56浏览

0评论

JavaScript的高级概念和用法详解

目录1. 闭包2. 函数绑定3.使用命名空间4. 判断属性是否存在5. 解构赋值6.遍历对象属性7. 过滤数组8. 消除重复值9. 判断是否数组10. 转换数字和字符串11. 转换为boolean12....

2022-08-03

62浏览

0评论

JavaScript中的变量提升和函数提升

目录前言为什么有变量提升javascript变量提升和函数提升总结前言在js中对变量进行操作后打印值经常会出现undefined的现象。其实原因是因为js中有一个叫做变量提升的功举例： ...

2022-08-03

117浏览

0评论

JS实现京东放大镜效果

本文实例为大家分享了JS实现京东放大镜效果的具体代码，供大家参考，具体内容如下需要实现的效果图如下：①布局：布局采用一个大盒子里面首先分为上下两个部分，然后下部分又分为左右...

2022-08-03

65浏览

0评论

8个JavaScript条件语句优化小技巧分享

目录1、Array.includes2、Array.every3、尽早 return4、三元运算符5、switch...case6、Map/Object7、默认函数参数和解构8、逻辑与运算符大家好，我是 CUGGZ。在日常的开发中，...

2022-08-03

64浏览

0评论

JS实现可移动模态框

本文实例为大家分享了JS实现可移动模态框的具体代码，供大家参考，具体内容如下点击增加弹出模态框。这个模态框可以移动的。由于我写的项目是egg.js前后端分离，需要获取数据库内...

2022-08-03

94浏览

0评论

前端面试运行npm run xxx发生过程原理解析

目录引言package.json文件总结引言事情是这样的，直接开讲面试官：npm run xxx的时候，发生了什么？讲的越详细越好。我（心想，简单啊）：首先，DNS 解析,将域名解析成 IP 地址，然后
TCP 连接...

2022-08-03

56浏览

0评论

用js实现简单轮播图

本文实例为大家分享了js实现简单轮播图的具体代码，供大家参考，具体内容如下1.实现功能：2.实现思路：（1）鼠标放到图片上，显示箭头，用display来做。（2）动态生成小圆圈。（3）小圆圈的排他思想...

2022-08-03

79浏览

0评论

js实现京东快递单号查询

本文实例为大家分享了js实现京东快递单号查询的具体代码，供大家参考，具体内容如下1.实现效果：当文本框中输入文字时，上面有一个放大文字的框中显示文本框内容。失去焦点时，放大文...

2022-08-03

51浏览

0评论

HTML+CSS+JavaScript实现可拖拽模态框

前言模态框是指覆盖在父窗口上的子窗口，但在HTML网页中，并没有父窗口和子窗口的概念。这里是通过可隐藏的遮罩层和一个可隐藏的盒子来实现模态框的效果。效果演示：下面开始详细...

2022-08-03

59浏览

0评论

HTML+CSS+JavaScript实现下拉菜单效果

本文实例为大家分享了HTML+CSS+JavaScript实现下拉菜单效果的具体代码，供大家参考，具体内容如下实现思路：HTML 方面，导航栏的每个 <li> 元素里面包含 <a> 和 <ul> ，将 <li> 设置...

2022-08-03

51浏览

0评论

HTML+CSS+JavaScript实现简单日历效果

本文实例为大家分享了HTML+CSS+JavaScript实现简单日历效果的具体代码，供大家参考，具体内容如下初学前端花了一下午写了一个简单的日历效果：可以选择按月或者按年切换，当前日期...

2022-08-03

57浏览

0评论

JS实现简单拖动模态框案例

本文实例为大家分享了JS实现简单拖动模态框的具体代码，供大家参考，具体内容如下需要实现的效果：①点击“点击，弹出登录框”后模态框和遮挡层就会显示出来②点击关闭按...

2022-08-03

71浏览

0评论

2022发布ECMAScript新特性盘点

目录引言1. Top-level Await2. Object.hasOwn()3. at()4. error.cause5. 正则表达式匹配索引6. 类的实例成员（1）公共实例字段（2）私有实例字段、方法和访问器（3）静态公共字段（4）静态...

2022-08-03

61浏览

0评论

TypeScript中let和var的区别介绍

目录1、作用域不同2、let没有变量提升3、let变量不能重复声明4、for循环中的let与var1、作用域不同用var声明的变量，只有函数作用域和全局作用域，没有块级作用域。而let可以实...

2022-08-03

82浏览

0评论

原生JS实现简单的轮播图效果

本文实例为大家分享了JS实现简单的轮播图效果的具体代码，供大家参考，具体内容如下实现效果：功能需求：1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮2.点击右侧按钮一次，图片...

2022-08-03

49浏览

0评论

JavaScript实现拖动模态框

本文实例为大家分享了JavaScript实现拖动模态框的具体代码，供大家参考，具体内容如下案例：模态框拖拽弹出框，我们也称为模态框。1.点击弹出层，会弹出模态框，并且显示灰色半透明的遮...

2022-08-03

66浏览

0评论

JS实现模态框拖拽动态效果

本文实例为大家分享了JS实现模态框拖拽的具体代码，供大家参考，具体内容如下在实现这个案例效果首先我们了解几个属性，offsetLeft.offsetTop,e.pageX,e.pageY;这几个量都掌握以...

2022-08-03

65浏览

0评论

JS实现简单可拖动的模态框

本文实例为大家分享了JS实现简单可拖动的模态框的具体代码，供大家参考，具体内容如下这篇博文有简单实现和带样式且稍微复杂一点的两个版本简单版本效果图：实现思路：给可拖动...

2022-08-03

57浏览

0评论

微信小程序自定义模态框

本文实例为大家分享了微信小程序自定义模态框的具体代码，供大家参考，具体内容如下效果展示可在模态框中添加图片输入框代码展示-wxml<button class="show-btn" bindtap="showD...

2022-08-03

86浏览

0评论

js实现淘宝固定侧边栏

本文实例为大家分享了js实现淘宝固定侧边栏的具体代码，供大家参考，具体内容如下1.实现效果：当页面运行到banner区域时，右边侧边栏改为固定定位，当页面运行到主体区域时，右边侧边栏...

2022-08-03

60浏览

0评论

js实现tab栏切换制作

本文实例为大家分享了js实现tab栏切换制作的具体代码，供大家参考，具体内容如下效果：思想：1.点击每个tab时。要先用排他思想，使得所有li不加上背景，再让点击的tab加上某个类。2.上...

2022-08-03

79浏览

0评论

JavaScript如何将伪数组转换成数组

目录前言什么是伪数组？转换ES5 的做法方法1方法2ES6的做法第三个参数的用法（不常用）Array.from 其他玩法把字符串转换成数组前言在 JS 中，伪数组是非常常见的，它也叫类数组。伪...

2022-08-03

55浏览

0评论

JS 将伪数组转换成数组的实现示例

目录什么是伪数组？转换ES5 的做法方法1方法2ES6的做法第三个参数的用法（不常用）Array.from 其他玩法把字符串转换成数组在 JS 中，伪数组是非常常见的，它也叫类数组。伪数组可能...

2022-08-03

73浏览

0评论

JavaScript+CSS实现模态框效果

本文实例为大家分享了JavaScript+CSS实现模态框效果的具体代码，供大家参考，具体内容如下发现的问题1）鼠标按下后拖动的瞬间，光标会脱离模态盒子跑到外面
2）鼠标弹起事件不起作用...

2022-08-03

57浏览

0评论

ES6的内置对象扩展实现示例

目录一、Array的扩展方法1.扩展运算符（展开语法）2、扩展运算符的应用1.合并数组2. 将伪数组转换为真正的数组3.构造函数方法：Array.from()4.实例方法：find() 5.findIndex()6.in...

2022-08-03

56浏览

0评论

JavaScript Spread Syntax (...）的十种使用方法

目录前言1、复制一个数组2、复制一个对象3、将元素添加到数组的开头或结尾4、合并数组5、合并对象6、将字符串转换为数组7、将类数组对象转换为数组8、提取对象9、无限参...

2022-08-03

77浏览

0评论

JS实现滑动条案例

本文实例为大家分享了JS实现滑动条效果的具体代码，供大家参考，具体内容如下在完成这个案例之前需要看一下这个博客：JS案例-添加缓动画这个案例会用到上面博客的缓动画函数。实...

2022-08-03

87浏览

0评论

e.target与e.currentTarget对象的使用区别详解

目录背景冒泡 & 捕获addEventListenertarget & currentTargetfalsetrue区别背景大家开发中经常会跟DOM的事件打交道，也会经常用到e.target和e.currentTarget这两个对象，但是却...

2022-08-03

热门文章