编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

46浏览

0评论

Navigator sendBeacon页面关闭也能发送请求方法示例

目录背景beforeunloadunload问题Navigator.sendBeaconFetch keep-alive背景最近在需求中有一个这样的场景：需要在页面关闭的时候，用户不需要操作，主动关闭当前订单当时考虑的方...

2022-08-03 21:53:59

31浏览

0评论

微信小程序实现触底加载

现在来看小程序还没有使用pc端的那种分页格式，现在微信小程序上分页一般使用触底加载来实现分页的，下面就来分享一个触底加载的实现方式。1.首先要从后端也就是服务器上获取分...

2022-08-03 21:53:57

92浏览

0评论

微信小程序实现表单验证源码

本文实例为大家分享了微信小程序实现表单验证的具体代码，供大家参考，具体内容如下效果图点击预约设计弹出表单城市，面积不能输入，只能选择点击位置获取当前定位源码:Wxml<!--pag...

2022-08-03 21:53:55

37浏览

0评论

JavaScript Rxjs mergeMap 的使用场合

注意：flatMap 是 mergeMap 的别名。如果一次只能激活一个内部订阅，请使用 switchMap.如果内部 observables 的发射和订阅顺序很重要，请使用 concatMap.当需要展平内部 observab...

2022-08-03 21:53:53

183浏览

0评论

JS实现一键复制

原生js实现点击按钮复制文本，供大家参考，具体内容如下最近遇到一个需求，需要点击按钮，复制聊天记录的文本到剪切板一、原理分析浏览器提供了 copy 命令，可以复制选中的内容docu...

2022-08-03 21:53:52

32浏览

0评论

js复制文本到粘贴板(Clipboard.writeText())

目录复制文本到粘贴板(Clipboard.writeText())网上的代码clipboard.jsClipboard.writeText()复制内容到剪贴板（无插件，兼容所有浏览器）复制文本到粘贴板(Clipboard.writeText()...

2022-08-03 21:53:50

46浏览

0评论

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

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

2022-08-03 21:53:48

28浏览

0评论

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

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

2022-08-03 21:53:46

44浏览

0评论

JS实现拖动模态框案例

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

2022-08-03 21:53:44

43浏览

0评论

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

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

2022-08-03 21:53:40

48浏览

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 21:53:38

48浏览

0评论

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

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

2022-08-03 21:53:37

62浏览

0评论

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

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

2022-08-03 21:53:35

41浏览

0评论

js实现一键换肤效果

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

2022-08-03 21:53:32

40浏览

0评论

JS实现网站换肤

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

2022-08-03 21:53:28

48浏览

0评论

js实现拖动模态框

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

2022-08-03 21:53:26

38浏览

0评论

js实现模态框的拖拽效果

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

2022-08-03 21:53:23

42浏览

0评论

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

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

2022-08-03 21:53:21

34浏览

0评论

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

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

2022-08-03 21:53:19

36浏览

0评论

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

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

2022-08-03 21:53:14

87浏览

0评论

微信小程序实现一键登录

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

2022-08-03 21:53:12

42浏览

0评论

javascript实现点击按钮变色

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

2022-08-03 21:53:11

44浏览

0评论

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

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

2022-08-03 21:53:09

110浏览

0评论

JavaScript实现网页计算器

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

2022-08-03 21:53:07

34浏览

0评论

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

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

2022-08-03 21:53:05

59浏览

0评论

前端必会的Webpack优化技巧

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

2022-08-03 21:52:55

75浏览

0评论

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

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

2022-08-03 21:52:54

97浏览

0评论

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

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

2022-08-03 21:52:52

28浏览

0评论

JavaScript的高级概念和用法详解

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

2022-08-03 21:52:50

29浏览

0评论

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

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

2022-08-03 21:52:49

77浏览

0评论

JS实现京东放大镜效果

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

2022-08-03 21:52:47

42浏览

0评论

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

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

2022-08-03 21:52:45

38浏览

0评论

JS实现可移动模态框

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

2022-08-03 21:52:43

68浏览

0评论

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

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

2022-08-03 21:52:40

35浏览

0评论

用js实现简单轮播图

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

2022-08-03 21:52:38

56浏览

0评论

js实现京东快递单号查询

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

2022-08-03 21:52:36

32浏览

0评论

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

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

2022-08-03 21:52:34

36浏览

0评论

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

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

2022-08-03 21:52:32

31浏览

0评论

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

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

2022-08-03 21:52:29

39浏览

0评论

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

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

2022-08-03 21:52:27

39浏览

0评论

2022发布ECMAScript新特性盘点

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

2022-08-03 21:52:24

40浏览

0评论

TypeScript中let和var的区别介绍

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

2022-08-03 21:52:21

56浏览

0评论

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

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

2022-08-03 21:52:20

32浏览

0评论

JavaScript实现拖动模态框

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

2022-08-03 21:52:18

43浏览

0评论

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

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

2022-08-03 21:52:16

42浏览

0评论

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

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

2022-08-03 21:52:14

34浏览

0评论

微信小程序自定义模态框

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

2022-08-03 21:52:13

65浏览

0评论

js实现淘宝固定侧边栏

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

2022-08-03 21:52:10

43浏览

0评论

js实现tab栏切换制作

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

2022-08-03 21:52:08

58浏览

0评论

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

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

2022-08-03 21:52:07

首页 «448 449450451 452 »尾页

热门文章