JavaScript - 教程之家

148浏览

0评论

js中的箭头函数和普通函数有什么区别

js中箭头函数和普通函数区别如下：1、样式不同，箭头函数是 =>，普通函数是 function；2、箭头函数不能作为构造函数使用，也就不能使用 new 关键字；3、箭头函数不绑定 arguments，可以考...

2020-04-28

258浏览

0评论

开发微信小程序的用户授权登录功能

本篇将帮助读者实现基于微信开发者工具 & C#环境下的用户在小程序上的授权登陆。准备：微信开发者工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools...

微信

2020-04-28

197浏览

0评论

jquery字符串转json与json转字符串方法

1. JSON.stringify(jsonobj): 可以将json对象转换成json字符串2. JSON.parse(jsonstr) 将格式完好的json字符串转为与之对应的json对象实例：<!DOCTYPE html><html><head><me...

2020-04-27

163浏览

0评论

javascript诞生于哪年？

javascript诞生于哪年？JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用...

2020-04-27

345浏览

0评论

Vue + Scss 动态切换主题颜色实现换肤的示例代码

根据预设的配色方案，在前端实现动态切换系统主题颜色。大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主...

2020-04-27

190浏览

0评论

es6函数之箭头函数用法实例详解

本文实例讲述了es6函数之箭头函数用法。分享给大家供大家参考，具体如下：es6允许使用“箭头”(=>)定义函数。var f = v => v// 等同于var f = function(v) { return...

2020-04-25

201浏览

0评论

es6数组之扩展运算符操作实例分析

本文实例讲述了es6数组之扩展运算符操作。分享给大家供大家参考，具体如下：扩展运算符(spread)是三个点(…)。它好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序...

2020-04-25

214浏览

0评论

实现a标签按钮完全禁用

最近在开发时遇见一个问题我们知道a标签是没有disabled属性的，那么如何实现a标签按钮的禁用呢?转换一下思维，设置disabled属性的元素表现为不能点击、无法获得光标焦点，那么我...

2020-04-20

224浏览

0评论

JS监听组合按键思路及实现过程

我们经常用到组合键，例如alt+f4，crtl+enter。在开发中也会有这种需求。组合键类型单独组合，二键组合，三键组合思路1、获取键盘上的按键2、阻止浏览器上的默认行为3、执行自定义...

2020-04-17

551浏览

0评论

vue实现短信验证码输入框

本文实例为大家分享了vue实现短信验证码输入框的具体代码，供大家参考，具体内容如下先上最终效果（此处代码显示的是短信验证码框的效果其余部分并未放上去）html<div class="c...

2020-04-17

281浏览

0评论

百度小程序：显示栏目列表，再读取每个栏目的最新几条文章

需求：
1，页面上显示指定栏目下的子栏目列表
2，每个子栏目下再显示几条最新文章列表要解决这个问题，首先要想好API接口怎么写，最简单当然是一个接口搞定：在接口中把1，2的数据都循环...

2020-04-15

254浏览

0评论

js从数字数组里随机获取N个不重复的数字

2020-04-15

158浏览

0评论

window.onload与$(document).ready()差异对比

一，执行时机
window.onload()：在页面所有元素（包括图片，引用文件）加载完后执行。
$(document).ready()：页面中所有HTML DOM，CSS DOM结构加载完之后就会执行，其他图片文件可能没有加...

2020-04-14

235浏览

0评论

js实现整体缩放页面适配移动端

大家在适配页面的Web端和移动端时候，如果不需要那么麻烦，就可以使用js进行整体缩放，只需要引入一个js,改动htmll头部代码即可切记：1.该 JS 应在 head 中尽可能早的引入，减少重绘...

2020-04-01

174浏览

0评论

javascript实现计算器功能

本文实例为大家分享了javascript实现计算器功能的具体代码，供大家参考，具体内容如下问题描述：1、除法操作时，如果被除数为0，则结果为02、结果如果为小数，最多保留小数点后两位，如2...

2020-03-31

309浏览

0评论

JavaScript实现电灯开关小案例

今天学习了JavaScript的一些简单知识，感觉挺有意思，仅仅通过简简单单的几行代码就能模拟出生活中的一些应用场景，Interesting。比如我今天要写的这个模拟电灯开关的小案例。首...

2020-03-31

170浏览

0评论

JavaScript中错误正确处理方式，你用对了吗？

JavaScript的事件驱动范式增添了丰富的语言，也是让使用JavaScript编程变得更加多样化。如果将浏览器设想为JavaScript的事件驱动工具，那么当错误发生时，某个事件就会被抛出。理...

2020-03-28

159浏览

0评论

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

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

2020-03-26

490浏览

0评论

小程序是否需要网站支撑

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

2020-03-23

199浏览

0评论

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

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

2020-03-23

199浏览

0评论

小程序怎么连WIFI

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

2020-03-23

422浏览

0评论

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

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

2020-03-23

207浏览

0评论

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

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

微信

2020-03-23

194浏览

0评论

redux处理异步action解决方案

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

2020-03-23

226浏览

0评论

Vue-cli3多页面配置详解

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

2020-03-23

175浏览

0评论

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

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

2020-03-23

199浏览

0评论

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

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

2020-03-22

182浏览

0评论

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

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

2020-03-22

454浏览

0评论

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

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

微信

2020-03-21

1110浏览

0评论

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

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

微信

2020-03-21

148浏览

0评论

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

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

2020-03-08

406浏览

0评论

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

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

微信

2020-03-07

432浏览

0评论

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

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

微信

2020-03-07

201浏览

0评论

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

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

2020-03-07

128浏览

0评论

js实现选项卡效果

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

2020-03-07

163浏览

0评论

js实现简单放大镜效果

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

2020-03-07

474浏览

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

177浏览

0评论

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

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

2020-03-07

382浏览

0评论

原生JS实现萤火虫效果

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

2020-03-07

158浏览

0评论

JavaScript实现轮播图片完整代码

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

2020-03-07

132浏览

0评论

JS实现瀑布流效果

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

2020-03-07

145浏览

0评论

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

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

微信

2020-03-07

184浏览

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

136浏览

0评论

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

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

2020-02-24

170浏览

0评论

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

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

2020-02-24

184浏览

0评论

JS实现分页导航效果

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

2020-02-24

175浏览

0评论

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

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

2020-02-24

197浏览

0评论

Vue.js仿Select下拉框效果

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

2020-02-24

183浏览

0评论

js实现百度淘宝搜索功能

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

2020-02-24

289浏览

0评论

JavaScript canvas绘制折线图

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

2020-02-24

热门文章