JavaScript - 教程之家

80浏览

0评论

微信小程序自定义组件与页面的相互传参

目录1. 自定义组件官方文档1.1 创建自定义组件1.1.1 声明组件1.1.2 编辑组件1.2 使用自定义组件1.3 页面向自定义组件传递数据(父传子)1.4 组件将事件传给页面(子传父)1. 自...

2022-08-03

84浏览

0评论

JavaScript新功能介绍之findLast()和findLastIndex()

目录提案原因基本使用简单实现总结今天来看一个 ECMAScript 提案：findLast() 和 findLastIndex()。提案原因在 JavaScript 中，可以通过 find() 和 findIndex() 查找数组中的值...

2022-08-03

78浏览

0评论

原生js实现弹动小球效果

本文实例为大家分享了JavaScript实现弹动小球效果展示的具体代码，供大家参考，具体内容如下源码展示<!doctype html><html><head><meta charset="utf-8"><title>弹弹球（原生js）</...

2022-08-03

96浏览

0评论

微信小程序实现拍照功能

小程序实现一个拍照功能，亲测可用。页面的样式都是我自己写的，当然你们也可以自己排版写样式。下面一共有三个按钮，返回按钮、拍照按钮、切换摄像头按钮。首先相机页面是通过wx...

2022-08-03

86浏览

0评论

JavaScript深入理解系列之call与apply

目录定义模拟步骤1模拟步骤2模拟步骤3第一个参数传null或undefined，this指向为window函数执行call方法，有返回值，那就返回。最终版实现call代码实现apply代码结语定义call和app...

2022-08-03

76浏览

0评论

小程序实现订单评价和商家评价

小程序做线上商城就离不开交互，包括最重要的支付和订单评价系统。订单评价简单的只有商品评价，比较齐全的是商品和商家一起评价。本文介绍的目录包含，商品评价，商家评价，星级评分...

2022-08-03

81浏览

0评论

JavaScript中DOM操作常用事件总结

目录常用事件演示得到焦点和失去焦点演示鼠标划过和离开点击事件load加载页面事件onkeyup 键盘弹起事件内容变化事件选中时触发上一篇聊了如何同JavaScript获得页面元素，而...

2022-08-03

59浏览

0评论

使用forEach和ES6实现tab切换的示例代码

本文主要介绍了使用forEach和ES6实现tab切换的示例代码，分享给大家，具体如下：效果:html代码: <ul class="nav"> <!-- <li> <a href="">前端</a>...

2022-08-03

82浏览

0评论

uniapp微信小程序底部动态tabBar的解决方案(自定义tabBar导航)

目录需求实现原理实现总结需求分包中如果有6个页面A B C D E F，这6个页面可以作为tabbar页面进行展示，具体配置通过后台接口返回（页面数量限制依然存在 2 - 5），比如后台配置A B C...

2022-08-03

97浏览

0评论

五个基于JS实现的炫酷登录页面

目录1、炫酷星空登录2、动态云层登录3、深海灯光水母登录4、炫酷蛛网登录5、彩色气泡登录1、炫酷星空登录实现代码<!DOCTYPE HTML><html><head><meta http-equiv="Content-T...

2022-08-03

72浏览

0评论

微信小程序实现翻牌小功能

本文实例为大家分享了微信小程序翻牌小功能，供大家参考，具体内容如下页面<view id="container"> <view wx:for="{{newArr}}" class='cards'> <view class="ca...

2022-08-03

78浏览

0评论

微信小程序如何根据不同用户切换不同TabBar(简单易懂!)

目录现有需求：1全局.app.json2.自定义custom-tab-bar结果展示总结现有需求：小程序用户有三种身份（公众、运维人员、领导），根据不同用户身份显示不同的tabbar众所周知微信小程序全...

2022-08-03

93浏览

0评论

一文教会你从零开始画echarts地图

目录echarts地图制作基础配置数据渲染嵌入文字地图下钻结合水印制作级联效果visualMap总结echarts地图制作离线地图下载地址https://datav.aliyun.com/tools/atlas/index.ht...

2022-08-03

98浏览

0评论

关于uniapp微信小程序左上角返回按钮的监听详解

目录项目场景：问题描述：原因分析：解决方案一：解决方案二：结语项目场景：uni-app 开发微信小程序，界面中点击左上角的返回按钮或者是系统自带的虚拟返回操作，返回前监听用户是否在页面...

2022-08-03

65浏览

0评论

JavaScript 中的数据类型Number

目录前言1、浮点数2、值的范围3、NaN4、数值转换前言Number 类型使用 IEEE 754 格式表示整数和浮点值(在某些语言中也叫双精度值)。IEEE二进制浮点数算术标准;IEEE 754规定...

2022-08-03

69浏览

0评论

JavaScript 数据结构之散列表的创建(1)

目录一、什么是散列表二、创建散列表1.创建散列函数2.put 方法3.get 方法4.delete 方法三、使用散列表四、总结上一篇我们一篇JavaScript 数据结构之字典方法搞定了字典，这篇...

2022-08-03

343浏览

0评论

基于JS编写一个看字说颜色小游戏

目录前言一、游戏介绍与规则二、大体设计与代码讲解① 看图模式具体思路核心代码② 答题模式具体思路核心代码三、仓库地址与体验地址前言最近偷懒，一直没开工参与游戏活动的...

2022-08-03

74浏览

0评论

手把手教会你使用redux的入门教程

目录Redux详解Redux介绍Redux有什么作用如何在React中使用Redux如何使用React-reduxRedux详解Redux介绍Redux 是 JavaScript 应用的状态容器，提供可预测的状态管理。在Redux...

2022-08-03

86浏览

0评论

关于TypeScript应该尽量避免的语法总结

目录前言避免枚举避免名字空间避免装饰器（对于现在而言）避免 Private 关键字总结前言这个文章列举了我们建议尽量避免的 TypeScript 语法。但是因为你的项目的情况，有可能使用...

2022-08-03

79浏览

0评论

js实现简单翻牌小游戏

本文实例为大家分享了js实现简单翻牌小游戏的具体代码，供大家参考，具体内容如下1.简介非常简单的一个网络消消乐翻牌小游戏的实现，代码量较少，不过遇到的bug和自行开发的步骤十...

2022-08-03

82浏览

0评论

微信小程序实现九宫格翻牌动画

本文实例为大家分享了微信小程序实现九宫格翻牌的具体代码，供大家参考，具体内容如下9宫格翻牌需求：1.进来时平铺9个格子显示2.点击开始抽奖时洗牌动作3.洗完牌后呈现9个都是未...

2022-08-03

77浏览

0评论

一次JavaScript正则的诡异经历记录

目录背景问题原因总结事情是这样的，最近在写一个Node功能的时候，遇到了一个正则的问题，觉得挺有意思的，就记录一下经历和最终问题原因，希望也能帮助到同样遇到的同学。背景我有一...

2022-08-03

103浏览

0评论

实例详解JS中的事件循环机制

目录一、前言二、宏、微任务三、Tick 执行顺序四、案例详解1.掺杂setTimeout2.掺杂微任务，此处主要是Promise.then3.掺杂async/await一、前言之前我们把react相关钩子函数大...

2022-08-03

91浏览

0评论

微信小程序使用扩展组件库WeUI的入门教程

目录微信小程序使用WeUI入门教程1. 学习参考2.NodeJs初始化3.安装WeUI组件库4.配置4.1 构建npm4.2 支持npm5.项目使用WeUI总结微信小程序使用WeUI入门教程在学习微信小程序...

2022-08-03

144浏览

0评论

微信小程序如何实现商品列表跳转商品详情页功能

目录引言1.1实现首页页面2.1实现调跳转到手机详情页总结引言模仿京东小程序，实现下列功能首页包含了手机图片，手机的描述，手机的价格，购物车图标首页显示两行文字，多余的文字隐藏...

2022-08-03

88浏览

0评论

微信小程序控制view隐藏显示的5种方法汇总

目录一、使用wx:if指令二、使用opacity属性三、使用display属性四、还有一种方式可以使用绝对定位五、使用hidden属性总结一、使用wx:if指令因为 wx:if 是一个控制属性，需要...

2022-08-03

66浏览

0评论

JavaScript 数据结构之集合创建(1)

目录一、什么是集合二、创建集合类1.has 方法2.add 方法3.delete 和 clear 方法4.size 方法5.values 方法三、使用集合总结前言：集合这个词应该比较耳熟，大多数人没接触代码前...

2022-08-03

78浏览

0评论

JavaScript 数据结构之字典方法

目录一、什么是字典二、创建字典类1.hasKey 方法2.set 方法3.remove 方法4.get 方法5.keys, values, keyValues 方法6.forEach 方法7.clear, size, isEmpty 方法三、使用字...

2022-08-03

90浏览

0评论

TypeScript调整数组元素顺序算法

目录前言实现思路实现代码代码的可扩展性测试用例示例代码总结前言有一个整数数组，我们想按照特定规则对数组中的元素进行排序，比如：数组中的所有奇数位于数组的前半部分。本文...

2022-08-03

80浏览

0评论

基于原生JS实现分页效果的示例代码

这个只是一个分页的demo，主要是思路整理(很久之前项目用的东西)分页实现的效果主要是左侧上一页右侧是下一页中间显示主要是超过5个显示省略号然后是可配置选项实现之...

2022-08-03

75浏览

0评论

jJavaScript中toFixed()和正则表达式的坑

目录toFixed精度问题导致原因解决办法正则表达式全局匹配的坑toFixed精度问题toFixed方法可以把Number四舍五入为指定小数位数的数字。可是大家看下下面这张图，发现了什么？0.9...

2022-08-03

87浏览

0评论

OpenLayer实现自定义坐标点的绘制

目录实现步骤引入相应的库绘制自定义图标获取当前地图所有图层判断重新绘制图标位置效果展示实现步骤引入相应的库 import 'ol/ol.css'; import Map from 'ol/Map'; impo...

2022-08-03

83浏览

0评论

微信小程序地图定位的实现方法实例

目录前言方法如下总结：前言地图定位这个功能大家都很熟悉吧，那微信小程序中要怎么实现地图定位呢，其实非常简单，没有大家想象中那么难，看完本篇文章，你也可以轻松实现这个小功能哦...

2022-08-03

93浏览

0评论

原生js模拟购物车功能

使用html配合原生js实现购物车功能，供大家参考，具体内容如下* 实现购物车商品数量的加减，注意数量最少为1，数量输入仅能为数字
* 实现购物车商品的移除
* 可以在同一页面再设计...

2022-08-03

90浏览

0评论

uni-app中弹窗的使用与自定义弹窗

目录一、uni-app中自带的弹窗二、实例1、uni.showToast(OBJECT)（消息提示框）2、uni.showModal(OBJECT)(显示两个按钮的提示框)3、uni.showActionSheet(OBJECT)(从底部向上弹出...

2022-08-03

88浏览

0评论

JavaScript 数据结构之集合创建(2)

目录前言一、集合运算1.并集2.交集3.差集4.子集二、使用集合运算三、总结前言上一篇JavaScript 数据结构之集合创建(1)我们介绍了什么是集合，并且手动实现了一个集合的类。...

2022-08-03

68浏览

0评论

微信小程序的数据存储与Django等服务发送请求讲解

目录官方文档快速归纳存取改删1.wx存储数据到本地以及本地获取数1.1 wx.setStorageSync(string key, any data) 存(同步)1.2 wx.setStorage(Object object)存（异步）1.3 wx.ge...

2022-08-03

85浏览

0评论

微信小程序用户后台定位及录音授权及请求示例

目录官方文档小程序授权获取用户授权设置提前发起授权请求scope 列表授权有效期注意事项后台定位案例：个人信息getUserInfo录音等，可以写在onLaunch中官方文档<https://develo...

2022-08-03

78浏览

0评论

一文快速弄懂webpack动态import原理

目录前言例子1. 模块加载2. jsonp动态加载script3. 执行异步脚本4. webpackJsonpCallback5. 执行异步模块代码流程图总结前言在vue中我们经常用到动态导入页面组件，那么它是...

2022-08-03

96浏览

0评论

JavaScript 显示一个倒计时广告牌的实现示例

本文主要介绍了JavaScript 显示一个倒计时广告牌的实现示例，分享给大家，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-...

2022-08-03

93浏览

0评论

JavaScript中String对象的使用方法以及实例

方法总览：实例(js中字符串和字符串对象之间能够自由转换，字符串可以直接使用字符串对象的方法和属性)： var ss="孙士彬倪炜豪汤键倪炜豪";document.write(ss.anchor("cc")+"<br...

2022-08-03

85浏览

0评论

微信小程序获取用户openid的方法详解

目录获取openid的思路需要修改的地方完整代码总结小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系然而因为小程序中的op...

2022-08-03

99浏览

0评论

微信小程序地图标记多个位置的方法详解

目录1 问题2 方法3 结语1 问题如何在微信小程序实现标记多个位置。2 方法1.在pages文件夹下新建image文件夹用来存放标记的图片。2.在map标签中添加markers属性。 <map id="...

2022-08-03

79浏览

0评论

JavaScript第一个分水岭之数组的基本操作

目录前言一、初识数组二、创建数组...

2022-08-03

99浏览

0评论

一文详解JavaScript闭包典型应用

目录1.应用1.1 模拟私有变量1.2 柯里化1.3 偏函数1.4 防抖1.5 节流2.性能问题2.1 内存泄漏2.2 常见的内存泄漏3.闭包与循环体3.1 这段代码输出啥3.2 改造方法4.总结1.应用以...

2022-08-03

66浏览

0评论

JavaScript实现微信小程序打卡时钟项目实例

目录一、项目展示二、首页三、设置文末：项目代码一、项目展示这是一款简单实用的小时钟工具分为工作和休息两种状态用户可以设置相应的时间所有的时钟记录都会被保存下来二、...

2022-08-03

79浏览

0评论

HTML+CSS+JS实现抓娃娃机游戏

目录前言效果地址布局总结前言前段时间去商场吃饭的时候看到一个有趣的娃娃机，一个密封的机器里底部放着一些被捆绑好的龙虾，可以买币去抓龙虾，抓到以后可以初加工费找附近的商...

2022-08-03

93浏览

0评论

如何利用moment处理时间戳并计算时间的差值

项目使用nodejs写服务端，有个功能就是统计代理服务器流量，然后把统计的数据通过echarts渲染到页面。当然统计数据这里用到了定时器，在使用的是 var schedule = require( 'no...

2022-08-03

82浏览

0评论

Echarts.js实现水滴球和海洋效果

一、水滴球<!DOCTYPE html><html><head> <meta charset="utf-8">  <script src="echarts.min.js"></script> <script src="echarts-liq...

2022-08-03

88浏览

0评论

Ajax实现省市区三级联动实例代码

html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省市区三级联动</title> <link rel="stylesheet" href="./assets/bootstrap/dis...

2022-08-03

热门文章