jJavaScript中toFixed()和正则表达式的坑
目录toFixed精度问题导致原因解决办法正则表达式全局匹配的坑toFixed精度问题toFixed方法可以把Number四舍五入为指定小数位数的数字。可是大家看下下面这张图，发现了什么？0.9...
2022-08-03
OpenLayer实现自定义坐标点的绘制
目录实现步骤引入相应的库绘制自定义图标获取当前地图所有图层判断重新绘制图标位置效果展示实现步骤引入相应的库 import 'ol/ol.css'; import Map from 'ol/Map'; impo...
2022-08-03
微信小程序地图定位的实现方法实例
目录前言方法如下总结：前言地图定位这个功能大家都很熟悉吧，那微信小程序中要怎么实现地图定位呢，其实非常简单，没有大家想象中那么难，看完本篇文章，你也可以轻松实现这个小功能哦...
2022-08-03
原生js模拟购物车功能
使用html配合原生js实现购物车功能，供大家参考，具体内容如下* 实现购物车商品数量的加减，注意数量最少为1，数量输入仅能为数字
* 实现购物车商品的移除
* 可以在同一页面再设计...
2022-08-03
uni-app中弹窗的使用与自定义弹窗
目录一、uni-app中自带的弹窗二、实例1、uni.showToast(OBJECT)（消息提示框）2、uni.showModal(OBJECT)(显示两个按钮的提示框)3、uni.showActionSheet(OBJECT)(从底部向上弹出...
2022-08-03
JavaScript 数据结构之集合创建(2)
目录前言一、集合运算1.并集2.交集3.差集4.子集二、使用集合运算三、总结前言上一篇JavaScript 数据结构 之集合创建(1)我们介绍了什么是集合，并且手动实现了一个集合的类。...
2022-08-03
微信小程序的数据存储与Django等服务发送请求 讲解
目录官方文档快速归纳 存取改删1.wx存储数据到本地以及本地获取数1.1 wx.setStorageSync(string key, any data) 存(同步)1.2 wx.setStorage(Object object)存（异步）1.3 wx.ge...
2022-08-03
微信小程序用户后台定位及录音授权及请求示例
目录官方文档小程序授权获取用户授权设置提前发起授权请求scope 列表授权有效期注意事项后台定位案例：个人信息getUserInfo录音等，可以写在onLaunch中官方文档<https://develo...
2022-08-03
一文快速弄懂webpack动态import原理
目录前言例子1. 模块加载2. jsonp动态加载script3. 执行异步脚本4. webpackJsonpCallback5. 执行异步模块代码流程图总结前言在vue中我们经常用到动态导入页面组件，那么它是...
2022-08-03
JavaScript 显示一个倒计时广告牌的实现示例
本文主要介绍了JavaScript 显示一个倒计时广告牌的实现示例，分享给大家，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-...
2022-08-03
JavaScript中String对象的使用方法以及实例
方法总览：实例(js中字符串和字符串对象之间能够自由转换，字符串可以直接使用字符串对象的方法和属性)： var ss="孙士彬倪炜豪汤键倪炜豪";document.write(ss.anchor("cc")+"<br...
2022-08-03
微信小程序获取用户openid的方法详解
目录获取openid的思路需要修改的地方完整代码总结小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系然而因为小程序中的op...
2022-08-03
微信小程序地图标记多个位置的方法详解
目录1 问题2 方法3 结语1 问题如何在微信小程序实现标记多个位置。2 方法1.在pages文件夹下新建image文件夹用来存放标记的图片。2.在map标签中添加markers属性。 <map id="...
2022-08-03
一文详解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
JavaScript实现微信小程序打卡时钟项目实例
目录一、项目展示二、首页三、设置文末：项目代码一、项目展示这是一款简单实用的小时钟工具分为工作和休息两种状态用户可以设置相应的时间所有的时钟记录都会被保存下来二、...
2022-08-03
HTML+CSS+JS实现抓娃娃机游戏
目录前言效果地址布局总结前言前段时间去商场吃饭的时候看到一个有趣的娃娃机，一个密封的机器里底部放着一些被捆绑好的龙虾，可以买币去抓龙虾，抓到以后可以初加工费找附近的商...
2022-08-03
如何利用moment处理时间戳并计算时间的差值
项目使用nodejs写服务端，有个功能就是统计代理服务器流量，然后把统计的数据通过echarts渲染到页面。当然统计数据这里用到了 定时器，在使用的是 var schedule = require( 'no...
2022-08-03
Echarts.js实现水滴球和海洋效果
一、水滴球<!DOCTYPE html><html><head> <meta charset="utf-8"> <!-- 引入 ECharts 文件 --> <script src="echarts.min.js"></script> <script src="echarts-liq...
2022-08-03
Ajax实现省市区三级联动实例代码
html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省市区三级联动</title> <link rel="stylesheet" href="./assets/bootstrap/dis...
2022-08-03
前端React Nextjs中的TS类型过滤实用技巧
目录自我介绍分步介绍开胃小菜keyofinConditional泛型正餐开始实战应用例子最后大家好，我是零一，相信大家在阅读同事写的代码或者优秀的开源库的代码时，一定见过各种各样的风骚...
2022-08-03
一文理解JavaScript装饰器模式
装饰器模式想必大家并不陌生：它允许向一个现有的对象添加新的功能，同时又不改变其结构，属于结构型模式，它是作为现有的类的一个包装。这种模式创建了一个装饰类，用来包装原有的类...
2022-08-03
理解JavaScript设计模式中的单例模式
单例模式（Singleton Pattern）是最简单的设计模式之一。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。单例模式涉及到一个单一的类，该类负责创建自己的对...
2022-08-03
理解JavaScript设计模式中的建造者模式
我们在前面已经提过设计模式创建型模式的 3 种工厂模式 和 单例模式；本篇带来同属创建型模式的“建造者模式”建造者模式（Builder Pattern）使用多个简单的对象一步一...
2022-08-03
JS实现图片验证码功能
本文实例为大家分享了JS实现图片验证码功能的具体代码，供大家参考，具体内容如下以下代码可以直接copy运行，不需要引入jquery.jar1. html代码<%@ page language="java" contentT...
2022-08-03
JavaScript开发的七个实用小技巧(很有用)
目录1. 数组求和2. 使用 length 属性更改数组3. 数组元素随机打乱4. 过滤唯一值5. 逗号运算符6. 使用数组解构交换数据元素7. 使用 && 代替 If 条件判断为真的条件总结本文...
2022-08-03
JS实现读取Excel文件内容并生成二维码
目录需求实现方案puppeteernode-canvas浏览器问题分解具体实现启动一个本地服务器创建html，引入资源库解析xls文件写入中间logo写入底部文字canvas转化为图片，并下载到本地递...
2022-08-03
微信小程序开发实战快速入门教程
目录注册微信小程序微信开发者工具第一个小程序新建项目项目目录结构目标成果步骤分解页头页尾个人中心生活指南模拟弹窗预览图片注册微信小程序如果你还没有微信公众平台的...
2022-08-03
如何在TypeScript中处理日期字符串
目录前言：一、模板字面量类型二、类型谓词缩小范围三、定义日期字符串总结：前言：在我最近的一个项目中，我必须去处理多个自定义的日期字符串表示法，比如YYYY-MM-DD和YYYYMMDD。由...
2022-08-03
微信小程序实战之打卡时钟的绘制
目录一、项目展示二、首页三、设置一、项目展示这是一款简单实用的小时钟工具分为工作和休息两种状态用户可以设置相应的时间所有的时钟记录都会被保存下来二、首页首页由计...
2022-08-03
JS利用window.print()实现网页打印功能
目录前言一、print()方法二、打印样式1.使用打印样式表2.使用媒介查询3.内联样式使用media属性4.在css中使用@import引入打印样式表三、打印指定区域部分内容1.方法一2.方法...
2022-08-03
理解JavaScript中的适配器模式Adapter Pattern
说到：适配器，大家一定不会陌生，所有的充电头，就是适配器，用于适配电源插孔和需要充电的设备；同理，适配器模式（Adapter Pattern）是作为两个不兼容的接口之间的桥梁。这种类型的设计模...
2022-08-03
分享JavaScript的 3 种工厂模式的用法
目录一、简单工厂模式二、工厂方法模式三、抽象工厂模式四、小结前言;工厂模式（Factory Pattern）是设计模式中最常用的设计模式之一。这种类型的设计模式属于创建型模式，它提供...
2022-08-03
Next.js脚手架完整搭建封装的方法步骤
针对实际的开发场景(SEO优化需求),我们直接使用next.js脚手架创建的项目还无法直接进行开发,需要再次进行配置封装搭建,这里分享一套自己的完整封装搭建给有需要的小伙伴使...
2022-08-03
js实现带翻转动画图片时钟
本文实例为大家分享了js实现带翻转动画图片时钟的具体代码，供大家参考，具体内容如下首先上图，先看效果1、需求根据当前系统时间来更改这个时钟，更改时间时，数字向上翻动，转成下一...
2022-08-03
JavaScript遍历json对象数据的方法
JSON中，有两种结构：对象和数组，对象是没有length这个属性，而数组结构是有的，下面说明一下用遍历方式获取属性值的方法。获取属性名、属性值<!DOCTYPE html><html lang="en"><head...
2022-08-03
基于JS实现经典的井字棋游戏
目录先看成品游戏初始化界面：玩家获胜AI电脑获胜思路生成棋盘重新开始玩家落子电脑落子代码HTMLCSSjs井字棋作为我们在上学时代必玩的一款连珠游戏，你知道如何做到先手必然不...
2022-08-03
微信小程序之video组件视频播放
目录1、功能介绍2、video组件2.1、用处2.2、属性3、index.js中的数据部分4、结构布局index.wxml5、样式部分index.wxss6、弹幕实现功能7、获取视频功能8、运行效果附：小程序v...
2022-08-03
如何在JavaScript中运行.NET Core代码详情
目录一、前言二、DotNetJS三、Demo1. 创建项目2. 实现C#代码3. 实现JS代码4. 运行效果四、结论一、前言在.NET Core中运行JavaScript代码，目前已经有很多实现方案。但是，如果...
2022-08-03
JS实现定时自动消失的弹出窗口
一、Demo.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js弹框3秒后自动消失</title> <link rel="stylesheet" type="text/cs...
2022-08-03
基于JS实现Flappy Bird游戏的示例代码
前言Flappy Bird 是一款无尽的游戏，玩家可以控制一只鸟。玩家必须保护小鸟免于与管道等障碍物相撞。每次小鸟通过管道时，分数都会增加一。当小鸟与管道碰撞或因重力而坠落时，游...
2022-08-03
Ajax实现邮箱验证实例代码
html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>验证邮箱的地址是否已经注册</title> <link rel="stylesheet" href="./assets/b...
2022-08-03
JS格式化时间的几种方法总结
方法一方法//格式化时间function format(dat){ //获取年月日，时间 var year = dat.getFullYear(); var mon = (dat.getMonth()+1) < 10 ? "0"+(dat.getMonth()+1) :...
2022-08-03
ES6中解构赋值实现变量批量赋值解放双手
目录引言一、数组的解构赋值解构失败不完全解构默认值二、对象的解构赋值三、字符串的解构赋值结束语引言变量的解构赋值， 听起来很复杂， 简单点说可以理解成批量操作变量赋值...
2022-08-03
JavaScript数组操作之旋转二维数组
目录一、题目描述二、思路与实现三、总结一、题目描述给定一个 n × n 的二维矩阵 matrix 表示一个图像。请你将图像顺时针旋转 90 度。你必须在 原地 旋转图像，这意味...
2022-08-03
JavaScript 数据结构之散列表的创建(2)
目录一、处理散列值冲突1.分离链接2.put 方法3.get 方法前言：上一篇我们介绍了什么是散列表，并且用通俗的语言解析了散列表的存储结构，最后动手实现了一个散列表，相信大家对散列...
2022-08-03
js中易弄混淆的"位置"相关属性详解
目录一.Dom对象属性——距离二.Bom对象属性——距离三.Window对象属性——距离四.Event对象属性——坐标总结一.Dom对象属性&mdas...
2022-08-03
Echarts图表点击x轴y轴切换图表二级数据实例代码
目录效果图代码部分总结效果图代码部分methods: { mychart1(data) { this.myChart = echarts.init(document.getElementById('profitTotal')); let echart...
2022-08-03
小程序实现事件绑定的方法步骤
目录1 事件1.1 小程序中常用的事件1.2 事件对象的属性列表1.2.1 target 和 currentTarget 的区别1.3 bindtap 的语法格式1.4 在事件处理函数中为 data 中的数据赋值1.5 事件...
2022-08-03
three.js响应式设计实例详解
目录1-canvas 的响应式布局示例：三维插图2-自适应设备分辨率总结源码地址：github.com/buglas/thre…1-canvas 的响应式布局canvas 画布的尺寸有两种：像素尺寸，即canvas画...
2022-08-03
