JavaScript - 教程之家

56浏览

0评论

js+html+css实现简单电子时钟

本文实例为大家分享了js+html+css实现简单电子时钟的具体代码，供大家参考，具体内容如下最终结果：HTML部分<!DOCTYPE html><html> <head> <meta charset="ut...

2022-08-03

58浏览

0评论

js自己实现一个大文件切片上传+断点续传的示例代码

目录首先我们来分析一下需求一、格式校验二、文件切片三、断点续传 + 秒传 + 上传进度PM：喂，那个切图仔，我这里有个100G的视频要上传，你帮我做一个上传后台，下班前给我哦，辛苦...

2022-08-03

51浏览

0评论

JS实现深拷贝的几种方法介绍

引如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。此篇文章中也会简...

2022-08-03

61浏览

0评论

在 TypeScript 中使用泛型的方法

目录1. 泛型语法2. 在函数中使用泛型（1）分配泛型参数（2）直接传递类型参数（3）默认类型参数（4）类型参数约束3. 在接口、类和类型中使用泛型（1）接口和类中的泛型（2）自定义类型中的泛型4. 使...

2022-08-03

40浏览

0评论

JS堆栈内存的运行机制详解

目录栈内存 ECStack堆内存数据类型创建步骤在js引擎中对变量的存储主要有两个位置，堆内存和栈内存。栈内存主要用于存储各种基本类型的变量，包括Boolean、Number、String、Und...

2022-08-03

32浏览

0评论

基于JS实现动态跟随特效的示例代码

目录演示技术栈源码css部分js部分演示技术栈这次用到了关于css的一些功能，和jQuery。CSS3中添加的新属性animation是用来为元素实现动画效果的，但是animation无法单独担当起实...

2022-08-03

42浏览

0评论

TypeScript中的类型断言[as语法|＜＞语法]的使用

Typescript中类型断言官方解释要理解好类型断言，其实就深刻理解一句话：你会比TypeScript更了解某个值的详细信息。类型断言，断言断言，顾名思义，我断定怎么怎么样，代入这句话里就...

2022-08-03

48浏览

0评论

SVG快速构建马赛克效果

目录前言何为 image-rendering？image-rendering: pixelated 实现马赛克效果的局限性利用 CSS 再图片缩小后再放大？SVG 滤镜叠加实现马赛克效果CSS/SVG 实现马赛克的局限性最后...

2022-08-03

43浏览

0评论

基于Cesium实现拖拽3D模型的示例代码

目录添加基站模型拖拽这个地方是想实现一个什么效果呢？就是使用 cesium 在地图上添加一个3D模型，然后实现拖拽效果。添加基站模型然后这篇博文介绍的主要不是添加模型，但是也简...

2022-08-03

60浏览

0评论

基于Cesium实现绘制圆形,正方形,多边形,椭圆图形标注

目录官方案例绘制矩形绘制多边形绘制椭圆绘制圆形绘制立方体绘制椭圆柱体绘制多边柱体绘制圆柱体立体串串好难形容又平面又立体的板板“回”字绘制立方体，扭转一...

2022-08-03

42浏览

0评论

JavaScript设计模式之性能优化模式享元模式

目录前言案例享元设计模式的状态前言享元设计模式是用于性能优化的模式，这种设计模式的核心在于可以共享技术并支持对大量细分过后的对象进行调整，如果系统中因为创建大量...

2022-08-03

44浏览

0评论

JavaScript实现页面电子时钟

本文实例为大家分享了JavaScript实现页面电子时钟的具体代码，供大家参考，具体内容如下题目：页面上有一个电子时钟，显示当前的年月日，时分秒，要求自动变化，双位显示，例如：九点九分九秒...

2022-08-03

48浏览

0评论

javaScript遍历对象和数组的方法总结

在日常工作过程中，我们对于javaScript遍历对象、数组的操作是十分的频繁的，今天抽空把经常用到的方法小结一下，方便今后参考使用！javaScript遍历对象总结1、使用Object.keys()遍...

2022-08-03

46浏览

0评论

JavaScript获取字符串实际长度(包含中英文)

日常开发过程中，经常会遇到需要计算字符串的实际长度(包含中英文)，今天整理下我平时使用的方法:方法一:使用charCodeAt()来判断字符编码charCodeAt() 方法可返回指定位置的字...

2022-08-03

32浏览

0评论

JavaScript中ahooks 处理 DOM 的方法

目录前言DOM 类 Hooks 使用规范getTargetElementuseEffectWithTarget思考与总结前言目标主要有以下几点：加深对 React hooks 的理解。学习如何抽象自定义 hooks。构建属于自...

2022-08-03

46浏览

0评论

JavaScript架构前端监控搭建过程步骤

目录前言采集阶段：要采集哪些数据？前端异常接口异常行为数据API 阶段：搭建上报数据的 API 接口数据存储阶段：接口对接数据库查询统计阶段：数据查询和统计分析可视化阶段：最终的数...

2022-08-03

34浏览

0评论

JavaScript逆向案例之如何破解登录密码

由于之前做过12306的自动抢票软件，因此对12306情有独钟，接下来就给大家介绍一下12306用户登录密码的参数破解办法。最近在学习JS逆向方面的知识，由于之前做过12306的自动抢票软...

2022-08-03

48浏览

0评论

typescript环境安装并开启VSCode自动监视编译ts文件为js文件

目录一、前言二、安装typescript环境三、VSCode配置自动监视编译1. 新建一个文件夹2. 在终端打开3. 初始化配置文件4. 编辑配置文件5. 开启自动编译四、测试1. 编写ts文件2....

2022-08-03

53浏览

0评论

JS异步的执行顺序分析

1.js的执行顺序，先同步后异步2.异步中任务队列的执行顺序：先微任务microtask队列，再宏任务macrotask队列3.调用Promise 中的resolve，reject属于微任务队列，setTimeout属于宏任务...

2022-08-03

53浏览

0评论

JavaScript实现动态网页飘落的雪花

本文实例为大家分享了JavaScript实现动态网页飘落雪花的具体代码，供大家参考，具体内容如下设计思路：1.定义一定数量的雪花层，每层包含一个雪花；2.雪花水平方向左右摇摆则是Math.s...

2022-08-03

51浏览

0评论

JS使用window.requestAnimationFrame()实现逐帧动画

window.requestAnimationFrame() 方法告诉浏览器您希望执行动画，并请求浏览器调用指定的函数在下一次重绘之前更新动画。该方法使用一个回调函数作为参数，这个回调函数会在浏...

2022-08-03

39浏览

0评论

一文搞懂JavaScript如何实现图片懒加载

目录实现思路准备知识data-*getBoundingClientRect()throttlewindow.innerHeight完整代码js部分CSS部分运行结果总结图片懒加载，往往作为减少首页白屏时间的一个解决方案而出...

2022-08-03

44浏览

0评论

typescript返回值类型和参数类型的具体使用

目录返回值类型可缺省和可推断的返回值类型Generator 函数的返回值参数类型可选参数和默认参数剩余参数返回值类型在 JavaScript 中，我们知道一个函数可以没有显式 return，此...

2022-08-03

38浏览

0评论

浅谈typescript中keyof与typeof操作符用法

目录一、keyof 简介二、keyof 的作用三、keyof 与对象的数值属性四、keyof 与 typeof 操作符一、keyof 简介TypeScript 允许我们遍历某种类型的属性，并通过 keyof 操作符提取...

2022-08-03

38浏览

0评论

JavaScript防抖动与节流处理

针对一些会频繁触发的事件如scroll、resize，如果正常绑定事件处理函数的话，有可能在很短的时间内多次连续触发事件，十分影响性能。因此针对这类事件要进行防抖动或者节流处理防...

2022-08-03

69浏览

0评论

JavaScript实现扯网动画效果的示例代码

目录演示技术栈源码css控制js部分演示技术栈JavaScript prototype（原型对象）：所有的 JavaScript 对象都会从一个 prototype（原型对象）中继承属性和方法。Date 对象从 Date.proto...

2022-08-03

26浏览

0评论

JavaScript设计模式之迭代者模式详情

目录前言迭代器设计模式在生活中的运用迭代器设计模式在业务上的应用内部迭代器外部迭代器前言迭代器设计模式是指提供一个方法去访问一个有序复杂数据，这些数据在内部有可能...

2022-08-03

30浏览

0评论

JavaScript实现时钟特效

本文实例为大家分享了JavaScript实现时钟特效的具体代码，供大家参考，具体内容如下简单时间实现：<!DOCTYPE html><html><head><script type="text/javascript">function startTi...

2022-08-03

36浏览

0评论

JavaScript实现网页五子棋小游戏

本文实例为大家分享了JavaScript实现网页五子棋小游戏的具体代码，供大家参考，具体内容如下设计思路如下：1.先采用的Math.random（）方法决定哪一方先行;2.设置变量WFLAG = 1，BFLAG =...

2022-08-03

34浏览

0评论

JavaScript实现涂鸦笔功能

本文实例为大家分享了JavaScript实现涂鸦笔的具体代码，供大家参考，具体内容如下1、html部分、css部分1.1 实现一个画框<canvas id="draw" width="800" height="800"> </...

2022-08-03

46浏览

0评论

JavaScript架构前端不能没有监控系统原因

目录监控系统前端监控具体能解决什么问题？异常报错问题性能检测问题运营反馈工具为什么要选择自研？自研前端监控的技术栈监控系统提到监控系统，大部分同学首先想到的是后端监控...

2022-08-03

45浏览

0评论

TypeScript转javaScript的方法示例

全局安装typescriptcnpm install -g typescriptvs终端黑窗口：>tsc --init此时会在项目跟目录下自动生成一个文件：tsconfig.json打开并设置一下js的输出路径：点击终端->运行任务...

2022-08-03

70浏览

0评论

基于Cesium实现加载显示热力图

目录CesiumHeatmap编写案例我是一个小白，到目前为止对于3D方面的东西不是特别的懂，所以说，对于cesium使用的并不是特别的好，可以说根本不会吧，所以说也是在一点一点摸索，一点一点...

2022-08-03

31浏览

0评论

JavaScript 编写枚举的最有效方法分享

目录前言定义枚举<< 是什么？用法如何理解这段代码？我们为什么要使用这个技巧？学习Vue源码前言假设有这样一个场景，我们需要统计员工的技术栈，目前我们需要标记的技术有 CSS、Java...

2022-08-03

55浏览

0评论

TypeScript实现数组和树的相互转换

目录前言数组转换为树树转换为数组总结这段时间重新捡起了数据结构和算法，发现里面的树和图是真的掉头发。本文基于一个面试题，详细分析如何实现数组和树的相互转换。前言树或...

2022-08-03

35浏览

0评论

JavaScript设计模式组合设计模式案例

目录前言组合设计模式的业务场景组合设计模式小案例前言组合设计模式是用于将多个部分通过组合的方式行成一个整体，就比如我们去吃饭，点了一份米饭和一份鱼香肉丝，这些东西可以...

2022-08-03

50浏览

0评论

JavaScript实现时钟功能

本文实例为大家分享了JavaScript实现时钟功能的具体代码，供大家参考，具体内容如下1、HTML和CSS部分1.1 HTML部分1.1.1先放在一个容器中clock，存放用来存放时针、分钟、秒钟的...

2022-08-03

35浏览

0评论

JavaScript实现动态网页时钟

本文实例为大家分享了JavaScript实现动态网页时钟的具体代码，供大家参考，具体内容如下设计思路：1先建立一个数组保存带有0〜9数字的10张图片;2.通过GETDATE（）获得本地时间保存在...

2022-08-03

50浏览

0评论

JavaScript中定时器setTimeout()和setInterval()的用法

JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。一、setTimeout()setTimeout函数用来指定某个函数或某段代码，在多少...

2022-08-03

37浏览

0评论

使用原生JS快速写出一个五子棋小游戏

目录1.棋盘和棋子的绘制。2.轮流下棋的点击事件3.获胜条件判断3.1横轴获胜3.2数轴获胜3.3正斜轴获胜3.4反斜轴获胜4.悔棋功能总结1.棋盘和棋子的绘制。 let arr = [ [{...

2022-08-03

63浏览

0评论

Lottie动画前端开发使用技巧

目录一、为什么会有Lottie动画呢？二、Lottie介绍三、Lottie常见属性和方法四、封装Lottie - React Hooks版五、Lottie组件的引入与调用结语一、为什么会有Lottie动画呢？在前端...

2022-08-03

30浏览

0评论

JavaScript设计模式中的桥接和中介者模式

目录一、桥接设计模式桥接设计模式在工作中的使用二、JavaScript中介者模式生活中的中介者中介者设计模式案例业务中的中介者一、桥接设计模式桥接设计模式是一种偏向于组合...

2022-08-03

45浏览

0评论

微信小程序实现录音

本文实例为大家分享了微信小程序实现录音的具体代码，供大家参考，具体内容如下为录音录音中wxml：<image src="/img/add_voice.png" class="add-voice" wx:if="...

2022-08-03

36浏览

0评论

详细解析let和const命令

目录let命令基本用法特性暂时性死区不允许重复声明const特性补充——块级作用域let命令基本用法我们都知道let命令是用来声明变量的，类似于var，但是通过let命令声明...

2022-08-03

57浏览

0评论

JavaScript实现页面跳转的八种方式

整理一下JavaScript八种跳转方式，欢迎评论补充！第一种方法：<script> window.location.replace('http://www.cnblogs.com/chenyablog')</script>第二种方法：<script> windo...

2022-08-03

60浏览

0评论

微信小程序实现上传图片

本文实例为大家分享了微信小程序实现上传图片的具体代码，供大家参考，具体内容如下//wxml <button class='button' bingtap="uploadSomeMsg">上传</button> ...

2022-08-03

48浏览

0评论

JavaScript设计模式中的观察者模式

目录观察者设计模式初始数据被观察者观察者观察者设计模式观察者设计模式中分为被观察者和观察者，当被观察者触发了某个边界条件，观察者就会触发事件，这里需要俩个构造函数进行...

2022-08-03

41浏览

0评论

JavaScript中常见的几种继承方式

目录原型继承内存图分析盗用构造函数继承分析组合继承原型链继承寄生式继承寄生组合式继承原型继承function Parent(name) { this.name = name}Parent.prototype.getName =...

2022-08-03

55浏览

0评论

ant-design-pro 的EditableProTable表格验证调用的实现代码

博客源码https://github.com/shengbid/antdpro-demo,有需要可以下载下来看效果EditableProTable默认是在单行保存时调用表单验证我这里的需求是点击外部的保存要对整个表单...

2022-08-03

33浏览

0评论

微信小程序实现轮播图(适配机型)

本文实例为大家分享了微信小程序实现轮播图的具体代码，供大家参考，具体内容如下1、wxss样式：/* 页面显示图片的框 */.showTableBox { position: relative; width: 10...

2022-08-03

热门文章