编程开发 - 教程之家

56浏览

0评论

JavaScript正则表达式中g标志详解

目录缘起解密过程搜索引擎源码层面结论缘起有一天在思否社区看到有个问题，大致描述如下const list = ['a', 'b', '-', 'c', 'd'];const reg = /[a-z]/g;const letters = list...

2022-08-03 22:36:07

44浏览

0评论

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

目录1、录音1.1 案例2、音频播放控制2.1 案例小程序继承了微信强大的语音处理功能，提供了录音、音频播放控制和背景音乐等功能，它们的功能不同，但有相似性。1、录音小程序提供...

2022-08-03 22:36:05

40浏览

0评论

javascript数组中的reduce方法和pop方法

目录一、reduce方法1直接vs打开2代码部分3运行结果二、pop方1直接vs打开2代码部分3运行结果前言：在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说foreach...

2022-08-03 22:36:03

48浏览

0评论

javascript数组中的slice方法和join方法

目录一、slice方法1编辑器部分2代码部分3运行结果二、join方法1编辑器2代码部分3运行结果前言：在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说s...

2022-08-03 22:36:01

65浏览

0评论

JavaScript块级作用域绑定以及状态提升详解

目录前言作用域/执行上下文var 声明块级声明不声明的变量1. 不使用关键字声明变量2. 使用 var 声明的变量var 声明和块级声明的区别全局作用域绑定状态提升块级绑定的最佳实...

2022-08-03 22:36:00

67浏览

0评论

微信小程序常用视图容器组件使用详解

目录1、组件概述2、常用的试图容器组件2.1 view2.2 scroll-view2.3 swiper1、组件概述组件是视图层基本的组成单元，具备UI风格样式以及特定的功能效果。当打开某款小程序之后...

2022-08-03 22:35:58

57浏览

0评论

使用TypeScript类型注解的方法详解

目录类型注解类型推导TS和JS共有的数据类型TS独有的数据类型anyunknownvoidnevertuple函数参数和返回值类型断言非空类型断言字面量类型缩小总结类型注解TypeScript提供了很...

2022-08-03 22:35:55

61浏览

0评论

javascript基本数据类型和对象类型归档问题解析

javascript的基本数据类型以及引用数据类型，基本数据类型在开发中经常会用到，包括作为变量使用，判断数据类型来处理一些业务等基本（简单数据类型）undefined,Null,Boolean,Number,...

2022-08-03 22:35:51

50浏览

0评论

原生JS获取URL链接参数的几种常见方法

前言作为一个前端开发，我们很多时候都需要对URL进行操作和处理，最常见的一种就是获取URL链接中携带的参数值了。使用框架开发的小伙伴可能会觉得这很简单，因为框架提供了很多方...

2022-08-03 22:35:50

75浏览

0评论

那些项目中常见的TypeScript错误总结

目录引言1.TS24562.TS25543.TS11694.TS23455.TS25896.TS2322总结引言TypeScript 错误信息由错误码和详细信息组成。例如：TS2456 ，其中错误码是以“TS”开头 + 数字(...

2022-08-03 22:35:47

67浏览

0评论

Nuxt.js中PC与移动端间自动识别跳转

目录了解问题解决了解官网类网站，需要考虑seo，使用了 nuxt.js 的 ssr 开发。pc端和移动端分离了，相当于两个独立的项目，部署在同一个服务器上，绑定不同域名。问题需要判断当前设...

2022-08-03 22:35:45

48浏览

0评论

JavaScript与jQuery中文档就绪函数的区别

目录1、文档就绪函数2、window.onload 与 $(document).ready()的区别1、文档就绪函数JavaScript 的文档就绪函数：<script> window.onload = function() { al...

2022-08-03 22:35:44

87浏览

0评论

详解如何在JavaScript中创建线性仪表图

目录什么是线性仪表图线性量规的类型我们将要构建的线性仪表可视化构建JavaScript线性仪表1、创建一个基本的HTML页面2、包含必要的JavaScript文件3、添加数据值4、为图表编...

2022-08-03 22:35:42

53浏览

0评论

一起来学习JavaScript的BOM操作

目录window对象全局作用域常见事件调节窗口大小定时器setTimeoutthis指向问题location对象转跳页面location常见方法总结window对象BOM的核心对象是window，它表示浏览器的一...

2022-08-03 22:35:40

55浏览

0评论

Javascript的爷孙通信和组件自调用详解

1.组件自己调用自己父组件<template> <div> <detail-list :list="categoryList"></detail-list> </div></template><script>import DetailList from './detailList.vue...

2022-08-03 22:35:38

48浏览

0评论

基于uni-app开发刻度尺组件的实现示例

目录一、前言二、开发一、前言小编最近接到一个任务，就是在输入数值的时候不再使用传统的键盘了，而是用拖拉尺子的形式选择数值，大概长这样：其实这需求不是第一次提出来了，在我们...

2022-08-03 22:35:36

61浏览

0评论

JavaScript/jQuery实现切换页面效果

本文实例为大家分享了JavaScript/jQuery实现切换页面效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UT...

2022-08-03 22:35:35

57浏览

0评论

一步步教你实现微信小程序自定义组件

目录前言组件的声明与使用组件通信方法一 WXML 数据绑定方法二事件方法三 selectComponent 获取组件实例对象方法四 url 参数通信参数过长怎么办？路由 api 不支持携带参数呢...

2022-08-03 22:35:33

46浏览

0评论

如何利用微信小程序获取OneNet平台数据显示温湿度

目录一、OneNet平台二、微信小程序界面设计三、微信小程序获取OneNet数据总结一、OneNet平台 1、我这里的设备是通过MQTT协议连接到OneNet平台的 2、微信小程序获取OneN...

2022-08-03 22:35:31

53浏览

0评论

javascript实现富文本框选中对齐的思路与代码

目录需求：分析需求：1如何获取选中的部分 *2什么是块元素3末梢元素（没有子节点的元素）实现思路：代码实现:总结需求：一个可编辑（contenteditable=true）的div，对齐选中内容,左、中，右，其...

2022-08-03 22:35:27

118浏览

0评论

JavaScript常用方法和封装详情

目录1.字符串相关1.1 format方法2.数组相关1.2 forEach(callback,context) 操作数组中的每一个元素1.3 indexOf(searchvalue,fromindex) 查询数组中某一个值的下标3.数组封...

2022-08-03 22:35:25

64浏览

0评论

Typescript中的数据类型实例总结

目录是什么有哪些booleannumberstringarraytupleenumanynull和undefinedvoidneverobject总结是什么typescript和javascript几乎一样，拥有相同的数据类型，另外在javascript基础...

2022-08-03 22:35:24

50浏览

0评论

JavaScript删除有序数组中的重复项

如果有一个有序数组 nums ，要求原地删除重复出现的元素，使每个元素只出现一次，返回删除后数组的新长度。不要使用额外的数组空间，必须在原地修改输入数组并在使用 O(1) 额...

2022-08-03 22:35:22

53浏览

0评论

JavaScript图片懒加载的优化方法详解

目录一、方法一二、方法二 InterSectionObserver总结一、方法一重点：1.getBoundingClientRect().top > window.innerHeight 图片未出现2.getBoundingClientRect().top < wind...

2022-08-03 22:35:20

47浏览

0评论

JavaScript获取对象key的几种方法和区别

目录1、Object.keys()遍历自身可以枚举属性2、Ojbect.values() /Ojject.entries()3、for-in 遍历可枚举属性prototype 属性4、hasOwnProperty 遍历可枚举属性5、getOwnPrope...

2022-08-03 22:35:18

42浏览

0评论

JavaScript实现外溢动态爱心的效果的示例代码

还在为节日送女朋友什么礼物而烦恼吗？最近用JavaScript制作了一个外溢动态爱心的效果，还可以在爱心上填写你想要的文字！快学习一下给自己女朋友也diy一个吧效果演示源码介绍(...

2022-08-03 22:35:16

60浏览

0评论

uniapp开发小程序实现全局悬浮按钮的代码

目录看效果须知：1.uni.getSystemInfoSync()获取手机的信息接口2.uni.createSelectorQuery().in(this)3.touchmove滑动事件取出存储的值赋值全局注册组件看效果这是一个全局的...

2022-08-03 22:35:08

62浏览

0评论

微信小程序开发之获取用户信息的两种方法

今天介绍两种微信小程序获取用户信息的方法第一中直接授权获取（在同一页面之中）：首先在微信程序一个页面的WXML文件写入获取用户信息的按钮<butto...

2022-08-03 22:35:04

60浏览

0评论

小程序开发之云函数的使用教程详解

目录1、云函数1.1 云函数API和云函数创建2、云函数案例1、云函数云函数是部署在云端的函数，他和小程序本地的函数存在很大的区别，云函数应用涉及云端云函数定义和本地引用云端...

2022-08-03 22:35:01

46浏览

0评论

微信小程序比较两个数大小的实现方法

目录效果图wxml代码wxss代码index.js代码总结效果图wxml代码<view class="demo-box"> <text class="title">请输入第一个数字：</text> <input type="...

2022-08-03 22:34:59

60浏览

0评论

JS逆向之爱奇艺滑块加密的实现

目录前言一、页面分析二、分析1.分裂图片还原2.动态AESKey，HMacKey3.cryptSrcData加密4.返回数据解密总结文章仅供参考，禁止用于非法途径前言目标网站：aHR0cHM6Ly93d3cuaXFpeWk...

2022-08-03 22:34:57

48浏览

0评论

支付宝小程序从手动埋点到自动埋点的实现过程

目录手动埋点需要埋点的场景自动埋点1、通过事件冒泡监听元素是否被点击2、扩展Page方法3、对页面函数埋点4、通过配置表设置埋点总结手动埋点现在小程序埋点需要手动添加埋...

2022-08-03 22:34:54

53浏览

0评论

详解JavaScript两个实用的图片懒加载优化方法

目录一、方法一二、方法二 InterSectionObserver一、方法一重点：1.getBoundingClientRect().top > window.innerHeight 图片未出现2.getBoundingClientRect().top < window.i...

2022-08-03 22:34:52

58浏览

0评论

如何在TypeScript中正确的遍历一个对象

目录JavaScriptTypeScriptfor...inObject.keysObject.entries思考总结JavaScript在讲解用 Ts 遍历一个对象之前, 我们先说说在 Js 中怎么实现, for...in、Object.keys, 一...

2022-08-03 22:34:49

59浏览

0评论

关于ES6中数组新增的方法详解

目录在ES6之前，创建数组的方式有2种：Array.find((item,indexArr,arr)=>{}) 掌握Array.findIndex((item, index, Arr) => {}) 掌握Array.flat()用于拉平嵌套的数组[推荐-超级好...

2022-08-03 22:34:48

44浏览

0评论

react-router-dom v6 通过outlet实现keepAlive 功能的实现

本文主要介绍了react-router-dom v6 通过outlet实现keepAlive 功能的实现，具体如下：keepAlive代码：import React, { useRef, useEffect, useReducer, useMemo, memo } from 're...

2022-08-03 22:34:46

55浏览

0评论

微信小程序输入多行文本的实战记录

目录引言1、textarea的属性相关介绍2、使用示例3、效果4、Bug & Tip bug:总结引言昨天把系分的项目又加了一点逻辑判断，比如已经下单的菜品不能减少，不能重复下单，应该先下单再...

2022-08-03 22:34:37

49浏览

0评论

ant design中实现table的表格行的拖拽

前言：首先刚开始知道要书写一个这样的功能我的内心是比较崩溃的完全没有思路，然后就打开官网的文档进行观看。一开始准备写打开官网的一个文档是4.0的看起来也是一脸的...

2022-08-03 22:34:35

49浏览

0评论

Three.js+React实现带火焰效果的艾尔登法环

目录背景效果实现Fire.js资源引入场景初始化添加Logo主体页面缩放适配镜头补间动画页面重绘动画总结背景《艾尔登法环》是最近比较火的一款游戏，观察可以发现它的 Logo 是由...

2022-08-03 22:34:33

69浏览

0评论

微信小程序图片上传组件实现图片拖拽排序

目录引言首先来看效果组件设计使用方式总结引言图片上传组件是一个组件库目前来看必不可少的功能了。笔者近日给自己开源的toy工具库也添加了这一功能。相比原生和大部分组...

2022-08-03 22:34:10

58浏览

0评论

Javascript的promise,async和await的区别详解

终于把promise， async， await的区别和联系弄清楚了，看下面代码写法1，2是promise的写法写法6是async和await的写法主要看第2种写法和第6中写法即可，第2种写法是promise的典型写法...

2022-08-03 22:33:59

46浏览

0评论

JavaScript实现两个数组的交集

目录两个数组的交集 I两个数组的交集 II两个数组的交集 I给定两个数组 nums1 和 nums2 ，返回它们的交集。输出结果中的每个元素一定是唯一的。我们可...

2022-08-03 22:33:57

46浏览

0评论

JavaScript结合Canvas绘画画运动小球

目录1.实现思路2.静态效果3.总结前言：canvas是HTML5新增的元素,也被称为画布,可以结合javascript实现绘制各种图形,制作各种炫酷的动画效果,现在我们也来使用canvas画随机运...

2022-08-03 22:33:55

41浏览

0评论

es6 js 匹配两个数组对象的方法

判断两个数组用的value是否相等 this.list = [ { user_type: 0, user_id: 1003, department_id: 1, dep...

2022-08-03 22:33:50

61浏览

0评论

JavaScript滚动轮播图制作原理详解

本文实例为大家分享了JavaScript滚动轮播图制作原理，供大家参考，具体内容如下滚动轮播图滚动轮播图布局关键：是所有图片并排在一起，所以unit的宽要足够宽。
克隆第一张图片追加...

2022-08-03 22:33:48

53浏览

0评论

JavaScript中本地存储(LocalStorage)和会话存储(SessionStorage)的使用

目录前提知识范例示例1：将键值对提供给本地存储示例2: 本地存储中设置键值对示例3: 获取空值示例 4：将数组存储在本地存储中示例 5：从本地存储中获取数组示例 6：从本地存储中获...

2022-08-03 22:33:47

69浏览

0评论

详解JavaScript常用的Hook脚本

本文Hook脚本来自包子页面最早加载代码Hook时机在source里用dom事件断点的script断点然后刷新网页，就会断在第一个js标签，这时候就可以注入代码进行hook监听键盘与鼠标...

2022-08-03 22:33:42

45浏览

0评论

手写Spirit防抖函数underscore和节流函数lodash

目录前言防抖函数和节流函数的区别防抖函数的实现基本实现立即执行取消功能返回结果节流函数的实现基本实现leading实现trailing实现取消功能和返回结果前言防抖函数和节流...

2022-08-03 22:33:41

38浏览

0评论

一道超经典js面试题Foo.getName()的故事

目录一、解析：1.Foo.getName()二、解析：2.getName()三、解析：3.Foo().getName()四、解析：4.getName()五、解析：5.new Foo.getName()六、解析：6.new Foo().getName()七、解析：7.new...

2022-08-03 22:33:39

47浏览

0评论

js仿小米二级菜单显示效果

本文实例为大家分享了js仿小米二级菜单显示效果的具体代码，供大家参考，具体内容如下提示：以下是本篇文章正文内容，下面案例可供参考一、效果展示二、代码1.页面样式代码如下（示例...

2022-08-03 22:33:37

热门文章