JavaScript - 教程之家

129浏览

0评论

js实现移动端轮播图滑动切换

本文实例为大家分享了js实现移动端轮播图滑动切换的具体代码，供大家参考，具体内容如下移动端手势轮播图分析1、自动轮播且无缝 [定时器、过渡动画]
2、分页器要随着图片的轮播...

2021-05-04

97浏览

0评论

js删除指定位置超链接中含有百度与360的标题

最近需要将最近更新的部分内容删除，只要标题中包括百度与360的都给删除了，这样用户就看不到了function notxt(){'删除指定位置超链接中含有百度与360的标题 var notext = ['百...

2021-05-04

148浏览

0评论

three.js显示中文字体与tween应用详析

今天郭先生说一下如何在three中显示中文字体，然后结合tween实现文字位置的动画。线案例请点击chinese-font,1. 生成中文字体
我们都使用过three.js的FontLoader加载typeface....

2021-05-04

115浏览

0评论

微信小程序实现登录注册功能

本文实例为大家分享了微信小程序实现登录注册的具体代码，供大家参考，具体内容如下html：<form bindsubmit="handleSubmit" wx:if="{{ onoff }}"> 用户名： <input type="text" nam...

2021-05-04

90浏览

0评论

微信小程序实现简单购物车功能

这个微信小程序的购物车功能，通过参照各大电商平台的功能和界面，然后总结出来的。效果图功能描述1、可单选，全选/取消全选
2、增加、减少、手动编辑商品的数量
3、根据商品的数...

2021-05-04

89浏览

0评论

使用AutoJs实现微信抢红包的代码

需要准备的工具有：AutoJs，VSCode，一部手机1. 首先使用AutoJs的布局设置查找红包的Id 可以看出来红包的id为“aag”关于这个红包的id请以自己看到的为准因为我在上午写的时候这...

2021-05-04

75浏览

0评论

JavaScript实现页面高亮操作提示和蒙板

本文实例为大家分享了JavaScript实现页面高亮操作提示和蒙板的具体代码，供大家参考，具体内容如下在页面上，有时候会遇到操作提示，如下图所示。
可以很直观的告诉用户，关键的操作...

2021-05-04

140浏览

0评论

js用正则表达式筛选年月日的实例方法

当我们想要对日期进行筛选时，可以选择使用正则表达式的检索功能。这里涉及到正则表达式关于匹配的使用，本篇会就组匹配的基础知识带来分析和代码展示。再学会了正则表达式的匹...

2021-05-04

93浏览

0评论

绘制微信小程序验证码功能的实例代码

1.在 utils 文件中新建 mcaptcha.js 文件，写入以下代码：module.exports = class Mcaptcha { //画板 constructor(options) { this.options = options; this.fontSize = opt...

2021-05-04

100浏览

0评论

JavaScript 中的六种循环方法

Javascript中的遍历循环
1.for循环
对于数值索引的数组来说，可以使用标准的for循环来遍历值const arr=[1,2,3,4];for(let i=0;i<arr.length;i++){ console.log(i);}2.for......

2021-05-04

153浏览

0评论

详解微信小程序「渲染层网络层错误」的解决方法

问题描述：情况是这样的，我需要在小程序中通过image标签显示三张我的图片，毫无疑问，其重点部分肯定在image的src属性上，请看思路分析：我们可以新建一个专门放图片的文件夹，然后将我...

2021-05-04

144浏览

0评论

js定时器出现第一次延迟的原因及解决方法

我们在使用js定时器，经常会出现间隔几秒获取一次数据，这是通过setInterval实现的。而且如果setInterval() 参数传递不当，定时器会延迟试行。本文向大家介绍js定时器第一次延迟...

2021-05-04

77浏览

0评论

详解JavaScript中分解数字的三种方法

本文基于免费代码营基本算法脚本“分解数字”在数学中，非负整数n的阶乘可能是一个棘手的算法。在本文中，我将解释这种方法，首先使用递归函数，第二种使用而循环，第三种使用以循环...

2021-05-04

77浏览

0评论

利用JavaScript为句子加标题的3种方法示例

前言本文基于Free Code Camp基本算法脚本“标题案例一句”。在此算法中，我们要更改文本字符串，以便每个单词的开头始终都有一个大写字母。在本文中，我将解释三种方法。首先使用...

2021-05-04

82浏览

0评论

js闭包的9个使用场景

1.返回值（最常用）//1.返回值最常用的 function fn(){ var name="hello"; return function(){ return name; } } var fnc = fn();...

2021-05-04

207浏览

0评论

微信小程序实现购物车小功能

微信小程序购物车效果，供大家参考，具体内容如下购物车是一个比较简单的小功能。购物车功能主要运用了微信小程序的缓存机制，在商品页面将需要添加的数据同步传入缓存中，然后在购...

2021-05-04

74浏览

0评论

JS实现选项卡插件的两种写法（jQuery和class）

本文实例为大家分享了JS实现选项卡插件的2种写法，供大家参考，具体内容如下实现插件的几个注意点：（1）定义一个固定的html结构，比如选项卡的标题的标签为为li，每个选项卡的内容的标签...

2021-05-04

61浏览

0评论

javascript实现随机抽奖功能

javascript实现随机抽奖，供大家参考，具体内容如下首先创建一个数组用于存放抽奖的参与者：var arr=['张三','波波','kk','莉莉','张三丰','刘德华','周杰困','你那儿','zhere','...

2021-05-04

121浏览

0评论

js正则表达式简单校验方法

对于字符串的一些操作，可以通过正则表达式来实现。一般的搜索操作想必大家已经学会，今天就来说说它的校验功能，这样可以帮助判断字符串类型或者是其它的组成，比如密码、中文、字...

2021-05-04

89浏览

0评论

ES2020让代码更优美的运算符 (?.) (??)

链判断运算符（?.）
非常好用、常用，搭配Null 判断运算符使用，效果更佳，完美！来，上代码：我们通常获取一个对象多层的属性值时，需要进行多次的判断。如不判断，一个为空则报错，导致后面...

2021-05-04

64浏览

0评论

JavaScript的一些小技巧分享

数组去重
ES6提供了几种简洁的数组去重的方法，但该方法并不适合处理非基本类型的数组。对于基本类型的数组去重，可以使用... new Set()来过滤掉数组中重复的值，创建一个只有唯...

2021-05-04

54浏览

0评论

JavaScript实现滑块验证解锁

本文实例为大家分享了JavaScript实现滑块验证解锁的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport...

2021-05-04

99浏览

0评论

微信小程序实现可拖动悬浮图标(包括按钮角标的实现)

在制作商城类微信小程序的过程中，我们经常会碰到需要增加可拖动悬浮图标的情况，本文简单的介绍一下可拖动悬浮按钮的实现。运行截图：主要代码：js:var startPointPage({ data: {...

2021-05-04

62浏览

0评论

微信小程序实现下拉加载更多商品

本文实例为大家分享了微信小程序下拉加载更多商品的具体代码，供大家参考，具体内容如下1. source code<view class='goods'> <view class='good' wx:for="{{ goodslist }}" wx:...

2021-05-04

72浏览

0评论

js实现鼠标拖曳效果

js实现鼠标的拖曳效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下效果如下：下面是代码：<!DOCTYPE html><html lang="en"><head> <meta charse...

2021-05-04

72浏览

0评论

JS+JQuery实现无缝连接轮播图

我之前写过一个简易版的自动+手动轮播图：简易轮播图
但是这个轮播图在切换的时候是没有实现无缝滚动的，每张图片都是单张切换的，而不是滑动。现在用JQuery实现无缝连接的轮播图...

2021-05-04

56浏览

0评论

利用 JavaScript 实现并发控制的示例代码

一、前言  在开发过程中，有时会遇到需要控制任务并发执行数量的需求。  例如一个爬虫程序，可以通过限制其并发任务数量来降低请求频率，从而避免由于请...

2021-05-04

67浏览

0评论

原生js中运算符及流程控制示例详解

运算符
算数：+ 加、- 减、* 乘、/ 除、% 求模赋值：=、+=、-=、*=、/=、%=关系：>、<、 >=、 <=、 ==、 ===、 !=、 !==逻辑：||或、&&与、!否实例1、求模window.onload = function...

2021-05-04

107浏览

0评论

JavaScript 防盗链的原理以及破解方法

HTTP Referer是header的一部分，当浏览器向web服务器发送请求的时候，一般会带上Referer，告诉服务器我是从哪个页面链接过来的，服务器藉此可以获得一些信息用于处理。通过该头域...

2021-05-04

78浏览

0评论

Selenium执行JavaScript脚本的方法示例

JavaScript是运行在客户端（浏览器）和服务器端的脚本语言，允许将静态网页转换为交互式网页。可以通过 Python Selenium WebDriver 执行 JavaScript 语句，在Web页面中进行js交互。...

2021-05-04

57浏览

0评论

vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能

一、准备工作下载vue-quill-editornpm install vue-quill-editor --save 或者 yarn add vue-quill-editor二、定义全局组件quill-editor下载好vue-quill-editor后，我们需要定...

2021-05-04

58浏览

0评论

jQuery实现手风琴特效

本文实例为大家分享了jQuery实现手风琴的具体代码，供大家参考，具体内容如下运用jQuery效果（功能如下）：代码（链式编程）：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"...

2021-05-04

63浏览

0评论

详解template标签用法(含vue中的用法总结)

一、html5中的template标签html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见，它设置了display:...

2021-05-04

69浏览

0评论

JavaScript Html实现移动端红包雨功能页面

本文实例为大家分享了Html实现移动端红包雨功能页面的具体代码，供大家参考，具体内容如下实现效果如下：具体代码如下html部分：<!DOCTYPE html><html lang="en"><head> <meta char...

2021-05-04

61浏览

0评论

了不起的11个JavaScript代码重构最佳实践小结

模式和重构之间有着一种与生俱来的关系。从某种角度来看，设计模式的目的就是为许多重构行为提供目标。
1.提炼函数
在JavaScript开发中，我们大部分时间都在与函数打交道，所以我...

2021-05-04

64浏览

0评论

关于uniApp editor微信滑动问题

uniapp 小程序在微信下会出现类似下拉问题解决方法是在app.vue 的页面onLaunch方法内添加禁止下滑方法this.$nextTick(() => {document.body.addEventListener("touchmove",...

2021-05-04

64浏览

0评论

详解Typescript里的This的使用方法

this可以说是Javascript里最难理解的特性之一了，Typescript里的 this 似乎更加复杂了，Typescript里的 this 有三中场景，不同的场景都有不同意思。 this 参数: 限制调用函数时...

2021-05-04

110浏览

0评论

详解uniapp的全局变量实现方式

前言
本文整理了一些uniapp全局变量的实现方式，细节知识来自于uView官网中对uniapp中的全局变量实现，感兴趣的同学可以前往uView官网搜索vuex进行查看
全局变量的实现方式
一...

2021-05-04

49浏览

0评论

js动态生成表格(节点操作)

本文实例为大家分享了js动态生成表格的具体代码，供大家参考，具体内容如下针对DOM节点操作，该案例效果图如下（代码量不多，就没有结构与行为相分离）：原生js实现（注释里面解释了做法）：<!D...

2021-05-04

61浏览

0评论

关于javascript中的promise的用法和注意事项(推荐)

一、promise描述promise是javascript中标准的内置对象，用于表示一个异步操作的最终状态（是失败还是成功完成）及其结果值。它让你能够把异步操作最终成功或者失败的原因和响应的...

2021-05-04

87浏览

0评论

微信小程序抽奖组件的使用步骤

采用微信组件的方式提供，因组件内部使用了async/await，所以请在微信开发者工具"详情=》本地设置勾上增强编译和使用npm"，小程序npm使用方法请参考：微信小程序-npm支持先看效果...

2021-05-04

74浏览

0评论

使用js原生实现年份轮播选择效果实例

前言
用js实现一个年份轮换选择效果。废话不多说，看图：一、思路是什么？
布局：左右箭头使用实体字符 < 和 > 年份5个span。使用用flex布局横向排列。 js逻辑：（注：年份数据为numb...

2021-05-04

58浏览

0评论

原生JavaScript实现随机点名表

本文实例为大家分享了JavaScript随机点名表的具体代码，供大家参考，具体内容如下效果：
代码：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> ....

2021-05-04

60浏览

0评论

微信小程序onShareTimeline()实现分享朋友圈

根据官方文档的意思，目前只支持Android版本分享朋友圈官方链接先上代码
Page({ //页面的初始数据 data:{ }, //自定义函数 // 用户点击右上角分享给好友,要先在分享好友这里...

2021-05-04

71浏览

0评论

利用JS判断元素是否为数组的方法示例

此处提供可供验证的数据类型let a = [1,2,3,4,5,6]; let b = [ {name: '张飞', type: 'tank'}, {name: '关羽', type: 'soldier'}, {name: '刘备', type: 'shooter'}, ]; le...

2021-05-04

58浏览

0评论

JS数组索引检测中的数据类型问题详解

之前在写微信小程序项目时，里面有一个“城市选择”的功能，笔者用的是 <picker-view> 组件，这个组件比较特别，因为它的 value 属性规定是数组格式的。比如： value="[1]"。因为当...

2021-05-04

72浏览

0评论

Java 生成随机字符的示例代码

示例代码：import java.util.Random;import java.util.UUID;public class Dept { /** * 生成随机字符串 uuid */ public static String getUUID() { return UUID.randomUUI...

2021-05-04

65浏览

0评论

js删除对象中的某一个字段的方法实现

本文主要介绍了js删除对象中的某一个字段的方法实现，分享给大家，具体如下：// 以下方法不改变原来对象 let item = { name:'张三', age:'18', gender:'男' }; co...

2021-05-04

79浏览

0评论

通过滑动翻页效果实现和移动端click事件问题

前述本文很短~
主要是为了总结和讲述移动端click和js事件机制导致的一个问题。
（：咳咳，其实几句话就能写完的还要水一篇文章，不愧是我…正文最近做了一个小活动，里面要用到一个效...

2021-05-04

78浏览

0评论

在JavaScript中查找字符串中最长单词的三种方法(推荐)

本文基于Free Code Camp基本算法脚本“查找字符串中最长的单词”。在此算法中，我们要查看每个单词并计算每个单词中有多少个字母。然后，比较计数以确定哪个单词的字符最多，并返...

2021-05-04

热门文章