JavaScript - 教程之家

91浏览

0评论

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

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

2022-08-03

92浏览

0评论

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

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

2022-08-03

85浏览

0评论

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

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

2022-08-03

116浏览

0评论

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

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

2022-08-03

109浏览

0评论

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

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

2022-08-03

88浏览

0评论

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

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

2022-08-03

133浏览

0评论

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

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

2022-08-03

83浏览

0评论

一起来学习JavaScript的BOM操作

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

2022-08-03

81浏览

0评论

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

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

2022-08-03

81浏览

0评论

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

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

2022-08-03

93浏览

0评论

JavaScript/jQuery实现切换页面效果

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

2022-08-03

93浏览

0评论

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

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

2022-08-03

87浏览

0评论

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

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

2022-08-03

90浏览

0评论

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

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

2022-08-03

178浏览

0评论

JavaScript常用方法和封装详情

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

2022-08-03

104浏览

0评论

Typescript中的数据类型实例总结

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

2022-08-03

80浏览

0评论

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

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

2022-08-03

98浏览

0评论

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

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

2022-08-03

81浏览

0评论

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

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

2022-08-03

77浏览

0评论

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

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

2022-08-03

94浏览

0评论

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

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

2022-08-03

100浏览

0评论

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

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

2022-08-03

88浏览

0评论

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

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

2022-08-03

79浏览

0评论

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

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

2022-08-03

99浏览

0评论

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

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

2022-08-03

81浏览

0评论

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

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

2022-08-03

96浏览

0评论

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

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

2022-08-03

91浏览

0评论

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

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

2022-08-03

92浏览

0评论

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

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

2022-08-03

70浏览

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

94浏览

0评论

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

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

2022-08-03

81浏览

0评论

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

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

2022-08-03

84浏览

0评论

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

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

2022-08-03

98浏览

0评论

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

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

2022-08-03

84浏览

0评论

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

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

2022-08-03

80浏览

0评论

JavaScript实现两个数组的交集

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

2022-08-03

74浏览

0评论

JavaScript结合Canvas绘画画运动小球

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

2022-08-03

71浏览

0评论

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

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

2022-08-03

100浏览

0评论

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

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

2022-08-03

83浏览

0评论

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

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

2022-08-03

98浏览

0评论

详解JavaScript常用的Hook脚本

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

2022-08-03

78浏览

0评论

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

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

2022-08-03

69浏览

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

78浏览

0评论

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

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

2022-08-03

75浏览

0评论

JS 限时限次数点击按钮的实现思路

目录限时限次数点击按钮TIPS限时限次数点击按钮思路:用一个变量作为计数,点击一次，计数加一点击函数内判断计数变量设置定时恢复实现HTML代码<body><div class="a123"> <a...

2022-08-03

80浏览

0评论

javascript表单是否为空验证方法

表单验证拿到表单内容进行非空验证（单独函数封装，方便后面调用）为空则向P里面加内容要阻断表单提交，不然直接跳走了e.preventDefault()提交时要判定是否为空键值提交也要判定是...

2022-08-03

76浏览

0评论

JavaScript字符串分割处理的方法总结

目录1、slice(start, end)2、substr(start, length)3、substring(start, stop)4、split(separator, length)5、join(separator)6、splice(start, length, …args)前言...

2022-08-03

88浏览

0评论

JavaScript的DOM与BOM的区别与用法详解

目录1. 简述：何为DOM，何为BOM？2. DOM及其相关操作2.1DOM树2.2DOM的一些常见的操作元素方法获取节点的DOM方法获取/设置元素的属性值的DOM方法创建节点(Node)的DOM方法增添节点...

2022-08-03

77浏览

0评论

JavaScript模拟实现网易云轮播效果

1、div宽度直接与浏览器界面宽度一致：width:100%2、怎么让图片在一个绝对定位的盒子中垂直居中显示？继续加绝对定位。然后改变top，和left的值3、采用外置的js文件，需要等到页面...

2022-08-03

76浏览

0评论

JavaScript实现气球打字的小游戏

目录一、实现效果1、定义球的类二、源码仓库和效果一、实现效果1、定义球的类气球类中我们需要对26个字符进行处理this.arr = "abcdefghijklmnopqrstuvwxyz".split("");生成...

2022-08-03

热门文章