JavaScript - 教程之家

115浏览

0评论

插入文本到文本框里的光标所在位置

下面这段代码，是从wordpress博客插件里面剥离出来的，仅做部分修改function insertVal(obj){ var myField; //传递过来的值，即你想插入的内容，可通过自己设置 //这里的o...

2020-03-26

436浏览

0评论

小程序是否需要网站支撑

微信小程序属于纯前台，可以不需要网站（或者说是服务器）来支撑。当你的小程序里没有使用网络请求时，也就是纯离线版的小程序，就不需要配置域名、地址之类的。如果你的小程序使用了...

2020-03-23

143浏览

0评论

小程序收到错误代码-1怎么解决

如果你是因为请求云数据库内的数据那就是权限问题解决方法如下：勾选“所有用户可读，仅创建者可读写”如果你需要让所有用户都可读写那要怎么办呢！答案是创建云函数，...

2020-03-23

151浏览

0评论

小程序怎么连WIFI

在已知wifi账号和wifi密码的情况下，一般采用以下的流程来连接wifi。Wi-Fi 接口调用：1、Android startWifi —> connectWifi —> onWifiConnected2、iOS（仅iOS 11及以...

2020-03-23

365浏览

0评论

小程序如何使用wxs计算获取到的数据

小程序如何使用wxs计算获取到的数据对于已经获取的数据往往还需要一点点小的计算，比如说两个数相除只取两位小数。wxs常用于数据处理。 WXS 代码可以编写在 wxml 文件中的标...

2020-03-23

161浏览

0评论

微信小程序中怎么做无缝轮播

微信小程序中怎么做无缝轮播在index.js文件中定义topScroll数组以及swiper的各个属性值，其属性代表什么含义参考开发文档https://mp.weixin.qq.com/debug/wxadoc/dev/compon...

微信

2020-03-23

136浏览

0评论

redux处理异步action解决方案

如果没有中间件，store.dispatch只能接收一个普通对象作为action。在处理异步action时，我们需要在异步回调或者promise函数then内，async函数await之后dispatch。dispatch({ typ...

2020-03-23

182浏览

0评论

Vue-cli3多页面配置详解

Vue-cli3发布已经好长时间了，笔者也在一直使用，由于公司业务需要要使用多页面配置，于是花时间研究了一下Vue-cli3如何配置多页面。由于Vue-cli3相比之前的版本做了很大的改动，在...

2020-03-23

139浏览

0评论

如何优雅地取消 JavaScript 异步任务

在程序中处理异步任务通常比较麻烦，尤其是那些不支持取消异步任务的编程语言。所幸的是，JavaScript 提供了一种非常方便的机制来取消异步任务。中断信号自从 ES2015 引入了 P...

2020-03-23

154浏览

0评论

JavaScript实现中国公民身份证号码有效性验证

本文将使用JavaScript实现中国公民（15位或者18位）身份证号码的相关验证，功能如下：身份证号有效性验证分析详细身份证信息生成一个虚拟的省份证号码。身份证号码验证号码的结...

2020-03-22

141浏览

0评论

Jquery中.attr()和.data()的区别

Jquery中.attr()和.data()的区别$.attr()和$.data()本质上属于DOM属性和Jquery对象属性的区别。Jquery对象属性和DOM属性一个简单的例子<!DOCTYPE html><html> <head>...

2020-03-22

421浏览

0评论

微信小程序计算两点间距离(经伟度距离)

获取用户位置信息并计算距离获取用户位置信息使用wx.getLocation函数，求两点间距离：Page({ data:{ }, onLoad: function() { var _this = this; _this.findX...

微信

2020-03-21

1061浏览

0评论

小程序清除定时器clearinterval无效的原因

微信小程序如果使用了setInterval计时器，默认退回上一页或关闭页面并不会清空定时器clearinterval，这会造成手机过热、无限计时、甚至小程序挂死的情况。小程序clearinterval...

微信

2020-03-21

107浏览

0评论

禁止页面被复制和禁止右键，一段样式一段JS就行了，无需复杂设定！

小伙伴经常问怎么禁止页面复制和右键，其实这个问题百度一下是很多资料的，我估计小伙伴都懒，所以这里统一回复下：找到模板里面的</head>，在上面加如下代码就行了<style type="text...

2020-03-08

353浏览

0评论

微信小程序点击按钮动态切换input的disabled禁用/启用状态功能

做微信小程序项目的时候遇到一个功能，个人信息资料的修改与保存。以下是说明及简化后的代码：1.页面加载完成时，所有input处于禁用状态； 2.点击编辑按钮时，文字切换成“保存&...

微信

2020-03-07

392浏览

0评论

微信小程序实现下滑到底部自动翻页功能

前言这段时间接了一个微信小程序项目，从此打开小程序的新世界大门。然后发现使用页码进行翻页已经不适用于手机app，我们日常中实用的手机app或者小程序进行翻页一般都是使用底...

微信

2020-03-07

150浏览

0评论

基于JS正则表达式实现模板数据动态渲染(实现思路详解)

最近业务上需要动态渲染模板数据，好久没写前端代码了，有点生疏，将思路简单写下来，防老：一、业务需求：1.前端后端定义好模板以及变量名，保存数据库2.订单数据是前端根据支付结果获取...

2020-03-07

92浏览

0评论

js实现选项卡效果

本文实例为大家分享了js实现选项卡效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title></title></head><script type="text/javascript"> window.onl...

2020-03-07

113浏览

0评论

js实现简单放大镜效果

用js实现简单放大镜效果，供大家参考，具体内容如下此处放大镜实现的效果就是当鼠标放置在图片上会有半透明遮罩，图片的一个区域就会被放大，然后展示在右边。当鼠标移动时右边的大...

2020-03-07

430浏览

0评论

js实现文字头像的生成代码

使用canvas画出文字就好啦function gen_text_img(size, s) { let colors = [ "rgb(239,150,26)", 'rgb(255,58,201)', "rgb(111,75,255)", "rgb(36,174,34)", "rgb(...

2020-03-07

137浏览

0评论

JavaScript队列结构Queue实现过程解析

一、队列简介队列是是一种受限的线性表，特点为先进先出（FIFO：first in first out）。受限之处在于它只允许在表的前端（front）进行删除操作；在表的后端（rear）进行插入操作；相当于排队买...

2020-03-07

332浏览

0评论

原生JS实现萤火虫效果

本文实例为大家分享了JS实现萤火虫效果的具体代码，供大家参考，具体内容如下上代码之前，先看一下效果：CSS部分（此处用元素模拟萤火虫，背景可自行设置）：<style> .box{width: 4px;heigh...

2020-03-07

126浏览

0评论

JavaScript实现轮播图片完整代码

本文实例为大家分享了JavaScript实现轮播图片的具体代码，供大家参考，具体内容如下JS代码注释清晰明了，一看就懂！<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"...

2020-03-07

88浏览

0评论

JS实现瀑布流效果

本文实例为大家分享了JS实现瀑布流效果的具体代码，供大家参考，具体内容如下话不多说，直接上代码。如下：CSS部分：<style> .cont{margin: 0 auto;position: relative;} .box{float:...

2020-03-07

103浏览

0评论

PHP实现微信小程序在线支付功能(代码实例)

小程序访问地址：payfee.php 如果使用TP框架处理后台的话，写成方法即可include 'WeixinPay.php';$appid=''; //小程序appid$openid= $_POST['id'];$mc...

微信

2020-03-07

142浏览

0评论

jquery/js当前URL对当前栏目高亮突出显示的两种方案

html:<div class="nav"><ul><li><a href="index.html">首页</a></li><li><a href="b.html">专家观点</a></li><li><a href="c.html">课题研讨</a></li>...

2020-03-07

90浏览

0评论

JS继承定义与使用方法简单示例

本文实例讲述了JS继承定义与使用方法。分享给大家供大家参考，具体如下：<script>function Enemy() { this.level = 50; console.log("Enemy constructor"); }Enemy.prototy...

2020-02-24

131浏览

0评论

JavaScript实现PC端四格密码输入框功能

本文实例为大家分享了JavaScript实现PC端四格密码输入框的具体代码，供大家参考，具体内容如下html代码如下比较简洁的一个demo<!DOCTYPE html><html> <head> <meta charset="UT...

2020-02-24

123浏览

0评论

JS实现分页导航效果

前言最近的项目需要添加一个分页导航的功能，没有用网上封装好的文件。通过JS自己简单实现了效果。下面和大家分享一下。内容下图为首次加载后的效果，默认显示5页，当点击下一页...

2020-02-24

143浏览

0评论

JavaScript中的惰性载入函数及优势

定义惰性载入函数表示函数执行的分支仅会发生一次，有两种实现惰性载入函数的方式，第一种是在函数被调用时再处理，在第一次调用中，该函数会覆盖为另外一个按合适方式执行的函数，这...

2020-02-24

156浏览

0评论

Vue.js仿Select下拉框效果

本文实例为大家分享了Vue.js仿Select下拉框效果的具体代码，供大家参考，具体内容如下废话少说，直接上图上代码：效果图：HEML：<div id="demo"> <h2 class="title">自定义下拉框</h2>...

2020-02-24

132浏览

0评论

js实现百度淘宝搜索功能

本文实例为大家分享了js实现百度淘宝搜索功能的具体代码，供大家参考，具体内容如下由于没有后台数据，用数组模拟一下后台返回的数据<!DOCTYPE html><html lang="en"><head> <met...

2020-02-24

250浏览

0评论

JavaScript canvas绘制折线图

本文实例为大家分享了canvas绘制折线图的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> c...

2020-02-24

163浏览

0评论

JavaScript canvas绘制渐变颜色的矩形

本文实例为大家分享了canvas绘制渐变颜色的矩形的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <s...

2020-02-24

105浏览

0评论

原生javascript制作的拼图游戏实现方法详解

本文实例讲述了原生javascript制作的拼图游戏实现方法。分享给大家供大家参考，具体如下：实现方法//1、让所有的li（在ul里）可以拖拽//2、交换li的位置计算背景图位置//1、让所...

2020-02-24

133浏览

0评论

小程序websocket心跳库(websocket-heartbeat-miniprogram)

前言在16年的时候因为项目接触到websocket，而后对心跳重连做了一次总结，写了篇博客，而后18年对之前github上的demo代码进行了再次开发和开源，最终封装成库。如下：github: https:/...

2020-02-24

121浏览

0评论

原生JavaScript之es6中Class的用法分析

本文实例讲述了原生JavaScript之es6中Class的用法。分享给大家供大家参考，具体如下：es6class写法class Point { constructor(x, y) { this.x = x; this.y = y; } toString()...

2020-02-24

214浏览

0评论

TensorFlow.js 微信小程序插件开始支持模型缓存的方法

通常情况下，微信小程序追求的是短小精悍，即开即用，用完即走，适用于一些简单的应用场景。然而，随着微信小程序开放能力的提高，人们发现用微信小程序可以实现越来越多的功能，小程序也...

微信

2020-02-24

95浏览

0评论

如何通过JS实现转码与解码

这篇文章主要介绍了如何通过JS实现转码与解码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下escape 和 unescapeescape...

2020-02-24

98浏览

0评论

JavaScript中this函数使用实例解析

这篇文章主要介绍了JavaScript中this函数使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下普通函数普通函数...

2020-02-24

483浏览

0评论

vue中实现动态生成二维码的方法

最近项目中有个裂变分享的需求，需要在页面中根据分享人的身份动态生成二维码图片放置在页面中，所以研究了一下这个功能的实现，同时把实现过程记录如下：1.引入二维码生成模块npm...

2020-02-24

125浏览

0评论

纯js实现无缝滚动功能代码实例

这篇文章主要介绍了纯js实现无缝滚动功能代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下HTML代码<!--父容器要...

2020-02-24

182浏览

0评论

Javascript原生ajax请求代码实例

这篇文章主要介绍了Javascript原生ajax请求代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下class Ajax...

2020-02-24

110浏览

0评论

基于javascript实现获取最短路径算法代码实例

这篇文章主要介绍了基于javascript实现获取最短路径算法代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如...

2020-02-24

115浏览

0评论

Javascript Worker子线程代码实例

这篇文章主要介绍了Javascript Worker子线程代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下main.js code://创...

2020-02-24

262浏览

0评论

微信小程序webSocket的使用方法

本篇博客介绍微信小程序中webSocket的使用方法，以及如何用局部网络建立webSocket连接，进行客户端与服务器之间的对话： webSocket简介微信小程序端API调用服务器端使用nodejs...

微信

2020-02-24

130浏览

0评论

如何基于js判断浏览器版本

这篇文章主要介绍了如何基于js判断浏览器版本,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下浏览器类型判断不考虑对 I...

2020-02-24

210浏览

0评论

javaScript 实现重复输出给定的字符串的常用方法小结

本文实例讲述了javaScript 实现重复输出给定的字符串的常用方法。分享给大家供大家参考，具体如下：实现功能：重复输出字符串（重要的事情说3遍）重复一个指定的字符串 num次，如果num...

2020-02-24

89浏览

0评论

JS通过识别id、value值对checkbox设置选中状态

通过value值设置checkbox选中html<input type="checkbox" name="ChekRole" value="1" >超级管理员<input type="checkbox" name="ChekRole" value="2">学生<input type="che...

2020-02-24

203浏览

0评论

Javascript实现html转pdf高清版（提高分辨率）

网上一些关于js实现html转pdf的文章大部分最终转成的PDF都不够清晰，今天为大家介绍如何提高js实现html转pdf的清晰度引入js文件https://cdn.bootcss.com/jquery/3.4.1/jquery...

2020-02-24

热门文章