JavaScript - 教程之家

123浏览

0评论

详解如何使用Node.js实现热重载页面

前言
前不久我结合browser-sync+gulp+gulp-nodemon实现了一款生产环境热更新（我之前理解有点偏差，应该定义为热更新，不是热重载）的项目脚手架，那么，今天我们将使用Node.js实现一个...

2021-05-06

108浏览

0评论

关于Vue Router的10条高级技巧总结

前言
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路...

2021-05-06

163浏览

0评论

在JavaScript中如何使用宏详解

在语言当中，宏常见用途有实现 DSL 。通过宏，开发者可以自定义一些语言的格式，比如实现 JSX 语法。在 WASM 已经实现的今天，用其他语言来写网页其实并不是没有可能。像 Rust 语言...

2021-05-06

146浏览

0评论

详解Angular中的模板输入变量（let-变量）

我这个人，写文章或者说心得，不喜欢直接抄官网上面的东西，实在是没啥意思。我还是喜欢用我的大白话来写文章。今天这个关于模板输入变量的这个我今天啃官网啃了许久，总算是初步的...

2021-05-06

91浏览

0评论

深入浅析JS中的逻辑赋值运算符

逻辑赋值是对现有数学和二进制逻辑运算符的扩展。我们先复习一下，然后看看把它们结合在一起能得到什么。首先，我们来看下 JS 中条件运算符与无条件运算符之间的区别。无条件 v...

2021-05-06

89浏览

0评论

无编译/无服务器实现浏览器的CommonJS模块化

引言平时经常会逛 Github，除了一些 star 极高的大项目外，还会在 Github 上发现很多有意思的小项目。项目或是想法很有趣，或是有不错的技术点，读起来都让人有所收获。所以准备汇...

2021-05-06

98浏览

0评论

基于javascript实现移动端轮播图效果

本文实例为大家分享了js实现移动端轮播图效果的具体代码，供大家参考，具体内容如下插件使用：1.zepto.js
2.touch.js
实现效果html部分： <!-- li*6>a[href=#]>img[sr...

2021-05-04

170浏览

0评论

js实现随机点名功能

本文实例为大家分享了js实现随机点名的具体代码，供大家参考，具体内容如下效果：PS:在原来的效果中很快的，但是不知怎么的录下来就变得这么慢了代码如下：<!DOCTYPE html><html lang...

2021-05-04

128浏览

0评论

js实现头像上传并且可预览提交

在用户注册账号或者修改资料的时候会需要用户在本地选择一张图片作为头像，并同时预览，常见的思路有两种：一是将图片上传至服务器的临时文件夹中，并返回该图片的url，然后渲染在htm...

2021-05-04

113浏览

0评论

js制作提示框插件

JavaScript制作一个简单的提示框插件下面是制作的提示框插件文件window.myPlugin = window.myPlugin || {};window.myPlugin.showMsg = (function () { var mongolia, //蒙...

2021-05-04

162浏览

0评论

Taro小程序自定义顶部导航栏功能的实现

微信自带的顶部导航栏是无法支持自定义icon和增加元素的，在开发小程序的时候自带的根本满足不了需求，分享一个封装好的组件，支持自定义icon、扩展dom，适配安卓、ios、h5，全面屏。...

2021-05-04

194浏览

0评论

微信小程序学习之自定义滚动弹窗

微信小程序虽然有三种自带的弹窗，但是毕竟功能有限，有时候难以满足我们的需求，所以我们可以自己尝试制作自定义弹窗，话不多说，直接上图：其中列表部分支持滚动，所以信息承载能力很强...

2021-05-04

110浏览

0评论

原生JS实现pc端轮播图效果

本文实例为大家分享了JS实现pc端轮播图效果的具体代码，供大家参考，具体内容如下案例：轮播图需求布局：ul下有很多li标签；浮动在一行；原理：切换图片的时候，把ul位置修改一下，给ul的父容...

2021-05-04

151浏览

0评论

js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)

核心代码<script>String.prototype.html = function(encode) { var replace =["'", "'", """, '"', " ", " ", ">", ">", "<", &...

2021-05-04

104浏览

0评论

JavaScript实现瀑布流布局的3种方式

前言今天逛闲鱼的时候观察到每一行的高度不是相同的，经了解才知道原来这是一种瀑布流布局，感觉挺有意思，于是决定研究一下，在网上也找了一些方案，实现瀑布流大概有3种方式。一、J...

2021-05-04

138浏览

0评论

11个Javascript小技巧帮你提升代码质量(小结)

本文会不断更新，不足之处欢迎评论区补充。
1. 提炼函数
好处：避免出现超大函数。独立出来的函数有助于代码复用。独立出来的函数更容易被覆写。独立出来的函数如果拥...

2021-05-04

106浏览

0评论

JavaScript基于SVG的图片切换效果实例代码

最近太忙了，自动来到rjxy后，不晓得怎么回事，忙的都没时间更博了。昨天还有个同学跟我说，你好久没更新博客了。。甚为惭愧~~正好12月来了，今天开一篇。最近上课讲到了 SVG，不晓得同...

2021-05-04

109浏览

0评论

原生JS实现拖拽功能

本文实例为大家分享了JS实现拖拽功能的具体代码，供大家参考，具体内容如下拖拽的原理：三个事件 onmousedown、onmousemove、onmousemove1、鼠标按下，触发onmousedown，获取鼠标坐标...

2021-05-04

138浏览

0评论

js回到页面指定位置的三种方式

以前大部分时间都是在做b端相关的项目，在实现此类需求时，通常都是直接借助 a 标签搞定，现在做c端了，对交互性的要求一下就提升了，此时 a 标签就远远不能满足要求了，需要借助js来实...

2021-05-04

92浏览

0评论

原生js实现移动小球（碰撞检测）

本文实例为大家分享了js实现移动小球的具体代码，供大家参考，具体内容如下</head><style> *{margin: 0; padding:0;} #main{margin: 0px auto;position: relative;} #main div...

2021-05-04

175浏览

0评论

微信小程序自定义modal弹窗组件的方法详解

微信小程序开发中官方自带的wx.showModal，这个弹窗API有时候并不能满足我们的弹窗效果，所以往往需要自定义modal组件。下面我们进行一个自定义modal弹窗组件的开发，并进行组件...

2021-05-04

127浏览

0评论

Jquery+javascript实现支付网页数字键盘

Jquery+javascript动态生成支付网页数字键盘制作网页支付界面的时候，数字键盘适配不同的屏幕宽高比是一个很麻烦的事，所以我制作了一个根据屏幕宽高动态生成的数字键盘运行截...

2021-05-04

105浏览

0评论

Javascript 模拟mvc实现点餐程序案例详解

MVC模式是一个比较成熟的开发模式。M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。其中，View的定义...

2021-05-04

155浏览

0评论

JavaScript实现通讯录功能

本文实例为大家分享了JavaScript实现通讯录功能的具体代码，供大家参考，具体内容如下

直接贴代码index.cssBODY,HTML { width: 100%; height: 100%; margin: 0px; font-fami...

2021-05-04

101浏览

0评论

mustache.js实现首页元件动态渲染的示例代码

前言在项目开发过程中，特别是OA类软件，会针对邮件/待办/公告等模块在主页面进行快捷查看的元件展示要求，类似效果如下针对框架层面，我们可以进行后台的可视化配置，使用mus...

2021-05-04

108浏览

0评论

JS算法教程之字符串去重与字符串反转

一、字符串去重
说起字符串去重，第一时间就会想起数组去重，所以我们可以把字符串转换为数组，然后对数组去重，去重完毕后在拼接成字符串，下面就简单罗列两种字符串去重的方法，接下...

2021-05-04

149浏览

0评论

微信小程序自定义支持图片的弹窗

本文实例为大家分享了微信小程序自定义支持图片的弹窗，供大家参考，具体内容如下为index.wxml添加如下图代码： (微信小程序 - canvas层级最高问题，如何超越canvas的层级,只能使用...

2021-05-04

146浏览

0评论

在HTML中使用JavaScript的两种方法

在HTML中使用HTML需要借助<scirpt>标签,使用<script>标签的方式有两种:一种是直接在<script>标签中嵌入JavaScript代码，另一种是用<script>的src属性引入外部JavaScript文件...

2021-05-04

98浏览

0评论

如何在JavaScript中正确处理变量

变量无处不在。即便我们写一个小函数或一个小工具，也要声明、赋值和读取变量。增强对变量的重视，可以提高代码的可读性和可维护性。1.建议使用 const，要么使用 let
用 const 或...

2021-05-04

189浏览

0评论

微信小程序视频弹幕发送功能的实现

1. 目录结构2. videoDanmu<video src="{{src}}"id='video'danmu-btnenable-danmudanmu-list="{{ danmuList }}"></video><view clas...

2021-05-04

102浏览

0评论

EXTJS7实现点击拖拉选择文本

本文实例为大家分享了EXTJS7实现点击拖拉选择文本的具体代码，供大家参考，具体内容如下默认情况下，用户无法通过点击拖拉选择界面上的文本解决方案Ext.Component组件可以使用use...

2021-05-04

152浏览

0评论

微信小程序实现modal弹出框遮罩层组件（可带文本框）

modal弹出框遮罩层可实现提示信息、验证码等功能然而在官方文档已经删除了modal的页面，说要废弃modal就个人而言modal组件无法被wx.showModal完全替代。大家都知道小程序的wx...

2021-05-04

114浏览

0评论

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

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

2021-05-04

82浏览

0评论

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

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

2021-05-04

126浏览

0评论

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

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

2021-05-04

97浏览

0评论

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

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

2021-05-04

78浏览

0评论

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

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

2021-05-04

72浏览

0评论

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

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

2021-05-04

63浏览

0评论

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

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

2021-05-04

121浏览

0评论

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

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

2021-05-04

76浏览

0评论

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

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

2021-05-04

86浏览

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

118浏览

0评论

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

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

2021-05-04

123浏览

0评论

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

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

2021-05-04

56浏览

0评论

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

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

2021-05-04

57浏览

0评论

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

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

2021-05-04

61浏览

0评论

js闭包的9个使用场景

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

2021-05-04

187浏览

0评论

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

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

2021-05-04

57浏览

0评论

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

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

2021-05-04

40浏览

0评论

javascript实现随机抽奖功能

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

2021-05-04

热门文章