JavaScript - 教程之家

45浏览

0评论

微信小程序实现弹出层禁止页面滚动

本文实例为大家分享了微信小程序实现弹出层禁止页面滚动的具体代码，供大家参考，具体内容如下效果图是否随页面滚动 catchtouchmove true开启 return关闭.wxml<button bindtap=...

2022-08-03

29浏览

0评论

微信小程序实现播放音频功能

本文实例为大家分享了微信小程序实现播放音频的具体代码，供大家参考，具体内容如下功能描述：一进页面就会播放音乐，点击暂停再次点击后可以开始播放，退出页面后播放停止。HTML:<vi...

2022-08-03

47浏览

0评论

输入npm run xxx后执行原理深入解析

目录前言package.json文件总结前言当我们输入npm run XXX会首先去package.json文件里找scripts 里找对应的xxx，然后执行 xxx的命令，例如我下面这个项目输入npm run dev就会执...

2022-08-03

34浏览

0评论

常用前端手写功能进阶示例详解

目录1、Promise.all2、Promise.race3、Promise.any4、冒泡排序5、选择排序6、快速排序7、call8、apply9、bind10、instanceof11、new12、统计页面中所有标签的种类和个数1、...

2022-08-03

38浏览

0评论

一文吃透JS树状结构的数据处理(增删改查)

目录问题描述解决方案1、新增节点2、删除节点3、修改节点4、查找节点总结问题描述JS处理树状结构的增删改查最近在开发一个后台管理系统的权限管理模块，涉及到各种树状结构的...

2022-08-03

48浏览

0评论

js实现模态窗口增加与删除

本文实例为大家分享了js实现模态窗口增加与删除的具体代码，供大家参考，具体内容如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>模态窗口</title>...

2022-08-03

59浏览

0评论

typescript路径别名问题详解与前世今生的故事

目录前言开始探索ts-node-dev 使用路径别名关于路径别名的打包问题tsc 为什么不会转换路径别名？tsc 不转换路径别名的根本原因总结参考前言最近在 typescript 项目上踩了不少...

2022-08-03

49浏览

0评论

微信小程序弹窗组件使用详解

介绍最近在开发小程序应用, 发现小程序当中有关于组件的介绍非常的少, 当前自己做的项目当中,有出现过这种情况, 所以自己就封装了一个小程序的弹窗组件, 现在把自己的心得...

2022-08-03

51浏览

0评论

JS new操作原理及手写函数模拟实现示例

目录引言原理手写函数模拟 newv1 基本实现v2 考虑参数类型v3 Object.prototype.__proto__ 的替代方案v4 使用 ES6 语法实现v5 考虑 ES6 的 new.target 检测无注释版本引言我...

2022-08-03

48浏览

0评论

微信小程序实现点击出现弹窗

本文实例为大家分享了微信小程序实现点击出现弹窗的具体代码，供大家参考，具体内容如下1.现在page文件里面定义一个dh的文件，然后在component定义一个可复用的组件为dislog然后...

2022-08-03

48浏览

0评论

小程序实现tab更换页面效果

本文实例为大家分享了小程序实现tab更换页面效果的具体代码，供大家参考，具体内容如下.wxml<scroll-view scroll-x="true" class="ip_tab_comtainer"> <view class="ip_tab_co...

2022-08-03

52浏览

0评论

JavaScript实现导入导出excel的示例代码

目录Excel导入实现方式1实现方式2Excel导出Excel导入先下包(xlsx)npm i xlsx把数组里面中文的键修改成英文的键:原因：因为中文的键后台不认识，只能修改成英文的键实现方式1suc...

2022-08-03

28浏览

0评论

前端使用JSON.stringify实现深拷贝的巨坑详解

目录时间类型变成字符串类型数据undefined和function直接丢失变成null当对象循环引用的时候 --会报错总结时间类型变成字符串类型数据当对象中有时间类型的元素时候-----时...

2022-08-03

32浏览

0评论

微信小程序实现弹出框提交信息

本文实例为大家分享了微信小程序实现弹出框提交信息的具体代码，供大家参考，具体内容如下<view class="navSm" bindtap="toolNo"> <image src="../../images/idx4.png"...

2022-08-03

47浏览

0评论

微信小程序swiper轮播图组件使用方法详解

本文实例为大家分享了微信小程序swiper轮播图组件的使用，供大家参考，具体内容如下在components中新建文件夹swipercomponents/swiper/swiper.wxml<!--components/swiper/swipe...

2022-08-03

52浏览

0评论

JavaScript 的setTimeout与事件循环机制event-loop

目录1.先说说我们都知道的setTimeout2.再讲讲我们可能不知道的setTimeoutevent-loop3. node中的时间循环执行顺序4. 关于事件循环中的promise1.先说说我们都知道的setTimeou...

2022-08-03

45浏览

0评论

JS正则表达式详解及身份证号码验证(简易版)

目录JS正则表达式匹配与搜索一、方括号，圆括号二、修饰符三、元字符四、量词身份证号码验证(简易版)身份证号码规则：1.地址码2.年份码3.月份码4.日期码5.顺序码6.校验码7.身...

2022-08-03

46浏览

0评论

typescript在node.js下使用别名(paths)无效的问题详解

目录背景typescript不会对别名进行处理另一个坑调试tsconfig-paths总结背景纯nodejs环境，直接使用tsc编译nodejs。源码目录是src，编译输出目录为bin。代码结构如下：srcutilsa.t...

2022-08-03

49浏览

0评论

微信小程序原生自定义弹窗效果

背景微信小程序原生的在弹出层wx.showModal中可以通过配置项editable配置输入框，但是对于微信的版本有限制，微信版本过低无法显示，所以需要实现弹出层的效果如下图代码index.wx...

2022-08-03

47浏览

0评论

微信小程序实现文本输入弹窗

场景用户进入界面弹出输入窗口，需要用户输入内容，如果取消则跳转到指定界面，重新进入还会弹出窗口，只有输入正确内容才能正式进入此界面实现wxml<view class="container"> <vi...

2022-08-03

41浏览

0评论

微信小程序实现底部弹窗

本文实例为大家分享了微信小程序实现底部弹窗的具体代码，供大家参考，具体内容如下 xml:<view bindtap="clickme">点击我可以看到底部弹框的出现</view> <...

2022-08-03

35浏览

0评论

JavaScript中array.reduce()数组方法的四种使用实例

目录1、累加和累积乘法2、获取一个数组的最大值和最小值3、计算数组中元素出现的频率4、多个数组的展平总结Array.prototype.reduce() 是数组中最强大的方法之一，也是 JavaSc...

2022-08-03

49浏览

0评论

小程序animate动画实现直播间点赞

本文实例为大家分享了小程序animate动画实现直播间点赞的具体代码，供大家参考，具体内容如下代码：<view class="listImg"> <block wx:for="{{list}}" wx:key="index"> ...

2022-08-03

28浏览

0评论

TypeScript 接口继承的具体使用

目录1、TypeScript 接口继承2、单继承3、多继承4、接口继承中的同名成员的兼容问题4.1、同名成员的类型必须兼容4.2、同名成员的类型必须相同5、接口继承类6、参考1、TypeSc...

2022-08-03

48浏览

0评论

TypeScript声明合并的实现

目录1.接口合并2.命名空间3.命名空间和类合并4.命名空间和函数合并5.命名空间和枚举合并1.接口合并interface TestInterface { name:string;}interface TestInterface {...

2022-08-03

30浏览

0评论

JavaScript实现页面一键全选或反选

本文实例为大家分享了JavaScript实现页面一键全选或反选的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...

2022-08-03

47浏览

0评论

JS正则表达式替换字符串replace()方法实例代码

目录replace()方法介绍简单用法重点:函数替换补充：替换特殊字符总结replace()方法介绍replace()方法执行搜索替换操作。它接收一个正则表达式作为第一个参数, 接收一个替换字...

2022-08-03

28浏览

0评论

splitChunks精细控制代码分割降低包大小

目录背景问题测验代码分割的三种方式splitChunks 代码拆分splitChunks 默认配置理解 chunks理解 maxInitialRequests理解 maxAsyncRequests理解 minChunks理解 cache groups...

2022-08-03

29浏览

0评论

微信小程序自定义滚动选择器

本文实例为大家分享了微信小程序自定义滚动选择器的具体代码，供大家参考，具体内容如下最近项目里有个需求要做个滚动选择器，在网上找了半天也没找到合适的demo，没办法只能发挥我...

2022-08-03

32浏览

0评论

微信小程序用canvas实现电子签名

本文实例为大家分享了微信小程序用canvas实现电子签名的具体代码，供大家参考，具体内容如下<view class="sign-contain"> <view class="signName"> <canvas...

2022-08-03

30浏览

0评论

微信小程序自定义复选框

本文实例为大家分享了微信小程序自定义复选框的具体代码，供大家参考，具体内容如下1、效果 2、wxml<checkbox-group bindchange="checkboxChange" class="checkbox-group"> ...

2022-08-03

36浏览

0评论

小程序实现手写板签名

本文实例为大家分享了小程序实现手写板签名的具体代码，供大家参考，具体内容如下1.wxss代码page { background: #F8F8F8;}/* 签名 */.qianming { background: #fff;...

2022-08-03

35浏览

0评论

微信小程序实现获取手机号60s倒计时

本文实例为大家分享了微信小程序实现获取手机号60s倒计时的具体代码，供大家参考，具体内容如下1.效果：点击获取》60s倒计时》重新获取2.wxml<view class="cu-form-group" style=...

2022-08-03

45浏览

0评论

微信小程序实现日期范围选择

本文实例为大家分享了微信小程序实现日期范围选择的具体代码，供大家参考，具体内容如下样式如下：分别点击开始日期和结束日期选择时间（底部弹框）：date.wxml: <view class="range-s...

2022-08-03

35浏览

0评论

微信小程序实现横屏手写签名

本文实例为大家分享了微信小程序实现横屏手写签名的具体代码，供大家参考，具体内容如下1.关键配置："pageOrientation": "landscape" ---- 配置该页面横屏展示2.效果图：3.代码:wx...

2022-08-03

61浏览

0评论

JavaScript变量声明的var、let、const详解

目录前言内容JavaScript的变量声明var的变量声明变量声明在函数作用域中变量重复声明变量声明提升怪异危险的varlet和const的变量声明块级作用域不可重复声明暂时性死区使用...

2022-08-03

26浏览

0评论

uniapp实现横屏签字版

本文实例为大家分享了uniapp实现横屏签字版的具体代码，供大家参考，具体内容如下兼容H5、APP、微信小程序
可作为组件直接引入
通过this.$emit(‘tempFilePath’, va...

2022-08-03

32浏览

0评论

非常全面的12种js数组去重的方法

目录前言方法1、双重for循环方法2、for循环 +findIndex方法3、sort 排序方法4、Set方法5、set + Array.from方法6、filter + indexOf方法7、includes方法 8、 for + object...

2022-08-03

49浏览

0评论

js前端获取用户位置及ip属地信息

目录写在前面尝试一：navigator.geolocation尝试二：sohu 的接口尝试三：百度地图的接口写在后面写在前面想要像一些平台那样显示用户的位置信息，例如某省市那样。那么这是如何做到...

2022-08-03

47浏览

0评论

微信小程序实现列表项上移下移效果

本文实例为大家分享了微信小程序实现列表项上移下移的具体代码，供大家参考，具体内容如下需要实现的效果：点击向下按钮时所选项内容和下一项内容交换，向上按钮则相反，删除按钮则点...

2022-08-03

36浏览

0评论

微信小程序自定义Dialog弹框

本文实例为大家分享了微信小程序自定义Dialog弹框的具体代码，供大家参考，具体内容如下一、创建组件1、在根目录下自定义一个components文件夹，用来存放自定义的组件。
2、再针...

2022-08-03

34浏览

0评论

JS前端面试题详解之手写bind

目录bind 的用法this 的指向问题积累参数实现一个 bind结尾大家好，我是前端西瓜哥，今天我们用 JS 来实现内置的 bind 方法。bind 的用法在实现之前，我们先学习一下 Function.pr...

2022-08-03

41浏览

0评论

微信小程序实现车牌键盘

本文实例为大家分享了微信小程序实现车牌键盘的具体代码，供大家参考，具体内容如下一、效果图二、代码plateNumKeyboard.wxml<view class="pages"> <view class="box"> ...

2022-08-03

52浏览

0评论

js正则test匹配的踩坑及解决

目录引言这样去匹配，有什么问题吗？为什么是 true 、false 、true ?怎么解决呢？引言本瓜相信你一定经常用以下这种最最简单的正则来判断字符串中是否存在某个子字符（别说了，我就是...

2022-08-03

33浏览

0评论

小程序实现手写签名功能

小程序利用canvas实现手写签名，供大家参考，具体内容如下设置小程序横屏在page.json或对应页面 .json文件中设置
landscape代表固定横屏"pageOrientation":"landscape"手写签名...

2022-08-03

31浏览

0评论

JavaScript ES6中class定义类实例方法

目录前言正文1.声明类的两种方式：2.class 类的构造函数3.class中方法定义3.1 class 中定义普通的实例方法3.2 class 类中定义访问器方法3.3 类的静态方法（类方法）文末前言我们...

2022-08-03

53浏览

0评论

一文教会你微信小程序如何实现登录

目录业务流程：下面开始用代码介绍1：data初始数据2：按钮触发的login点击事件3：调用后台的登录接口总结业务流程：1：首先需要一个按钮触发事件2：调用微信小程序的登录接口wx.login，拿到...

2022-08-03

81浏览

0评论

项目中使用Typescript封装axios

目录写在前面基础封装拦截器封装类拦截器实例拦截器接口拦截封装请求方法取消请求准备工作取消请求方法的添加与删除取消请求方法测试测试请求方法测试取消请求写在最后写在...

2022-08-03

37浏览

0评论

详解在JavaScript中如何判断变量类型

JavaScript是一个动态类型语言，在运行时获取变量类型是常用操作，由于JavaScript设计的问题，看似简单的问题，在JavaScript中可能并不简单，比如在社区中流传的下图，仔细看一下这些坑...

2022-08-03

54浏览

0评论

微信小程序实现多文件或者图片上传

本文实例为大家分享了微信小程序实现多文件或者图片上传的具体代码，供大家参考，具体内容如下html<view class="list1"> <view class="fonts">上传事件相关资料或文件（jpg/...

2022-08-03

热门文章