javaScript遍历对象和数组的方法总结
在日常工作过程中，我们对于javaScript遍历对象、数组的操作是十分的频繁的，今天抽空把经常用到的方法小结一下，方便今后参考使用！javaScript遍历对象总结1、使用Object.keys()遍...
2022-08-03
JavaScript获取字符串实际长度(包含中英文)
日常开发过程中，经常会遇到需要计算字符串的实际长度(包含中英文)，今天整理下我平时使用的方法:方法一:使用charCodeAt()来判断字符编码charCodeAt() 方法可返回指定位置的字...
2022-08-03
JavaScript中ahooks 处理 DOM 的方法
目录前言DOM 类 Hooks 使用规范getTargetElementuseEffectWithTarget思考与总结前言目标主要有以下几点：加深对 React hooks 的理解。学习如何抽象自定义 hooks。构建属于自...
2022-08-03
JavaScript架构前端监控搭建过程步骤
目录前言采集阶段：要采集哪些数据？前端异常接口异常行为数据API 阶段：搭建上报数据的 API 接口数据存储阶段：接口对接数据库查询统计阶段：数据查询和统计分析可视化阶段：最终的数...
2022-08-03
JavaScript逆向案例之如何破解登录密码
由于之前做过12306的自动抢票软件，因此对12306情有独钟，接下来就给大家介绍一下12306用户登录密码的参数破解办法。最近在学习JS逆向方面的知识，由于之前做过12306的自动抢票软...
2022-08-03
typescript环境安装并开启VSCode自动监视编译ts文件为js文件
目录一、前言二、安装typescript环境三、VSCode配置自动监视编译1. 新建一个文件夹2. 在终端打开3. 初始化配置文件4. 编辑配置文件5. 开启自动编译四、测试1. 编写ts文件2....
2022-08-03
JS异步的执行顺序分析
1.js的执行顺序，先同步后异步2.异步中任务队列的执行顺序： 先微任务microtask队列，再宏任务macrotask队列3.调用Promise 中的resolve，reject属于微任务队列，setTimeout属于宏任务...
2022-08-03
JavaScript实现动态网页飘落的雪花
本文实例为大家分享了JavaScript实现动态网页飘落雪花的具体代码，供大家参考，具体内容如下设计思路：1.定义一定数量的雪花层，每层包含一个雪花；2.雪花水平方向左右摇摆则是Math.s...
2022-08-03
JS使用window.requestAnimationFrame()实现逐帧动画
window.requestAnimationFrame() 方法告诉浏览器您希望执行动画，并请求浏览器调用指定的函数在下一次重绘之前更新动画。该方法使用一个回调函数作为参数，这个回调函数会在浏...
2022-08-03
一文搞懂JavaScript如何实现图片懒加载
目录实现思路准备知识data-*getBoundingClientRect()throttlewindow.innerHeight完整代码js部分CSS部分运行结果总结图片懒加载，往往作为减少首页白屏时间的一个解决方案而出...
2022-08-03
typescript返回值类型和参数类型的具体使用
目录返回值类型可缺省和可推断的返回值类型Generator 函数的返回值参数类型可选参数和默认参数剩余参数返回值类型在 JavaScript 中，我们知道一个函数可以没有显式 return，此...
2022-08-03
浅谈typescript中keyof与typeof操作符用法
目录一、keyof 简介二、keyof 的作用三、keyof 与对象的数值属性四、keyof 与 typeof 操作符一、keyof 简介TypeScript 允许我们遍历某种类型的属性，并通过 keyof 操作符提取...
2022-08-03
JavaScript防抖动与节流处理
针对一些会频繁触发的事件如scroll、resize，如果正常绑定事件处理函数的话，有可能在很短的时间内多次连续触发事件，十分影响性能。因此针对这类事件要进行防抖动或者节流处理防...
2022-08-03
JavaScript实现扯网动画效果的示例代码
目录演示技术栈源码css控制js部分演示技术栈JavaScript prototype（原型对象）： 所有的 JavaScript 对象都会从一个 prototype（原型对象）中继承属性和方法。Date 对象从 Date.proto...
2022-08-03
JavaScript设计模式之迭代者模式详情
目录前言迭代器设计模式在生活中的运用迭代器设计模式在业务上的应用内部迭代器外部迭代器前言迭代器设计模式是指提供一个方法去访问一个有序复杂数据，这些数据在内部有可能...
2022-08-03
JavaScript实现时钟特效
本文实例为大家分享了JavaScript实现时钟特效的具体代码，供大家参考，具体内容如下简单时间实现：<!DOCTYPE html><html><head><script type="text/javascript">function startTi...
2022-08-03
JavaScript实现网页五子棋小游戏
本文实例为大家分享了JavaScript实现网页五子棋小游戏的具体代码，供大家参考，具体内容如下设计思路如下：1.先采用的Math.random（）方法决定哪一方先行;2.设置变量WFLAG = 1，BFLAG =...
2022-08-03
JavaScript实现涂鸦笔功能
本文实例为大家分享了JavaScript实现涂鸦笔的具体代码，供大家参考，具体内容如下1、html部分、css部分1.1 实现一个画框<canvas id="draw" width="800" height="800"> </...
2022-08-03
JavaScript架构前端不能没有监控系统原因
目录监控系统前端监控具体能解决什么问题？异常报错问题性能检测问题运营反馈工具为什么要选择自研？自研前端监控的技术栈监控系统提到监控系统，大部分同学首先想到的是后端监控...
2022-08-03
TypeScript转javaScript的方法示例
全局安装typescriptcnpm install -g typescriptvs终端黑窗口：>tsc --init此时会在项目跟目录下自动生成一个文件：tsconfig.json打开并设置一下js的输出路径：点击终端->运行任务...
2022-08-03
基于Cesium实现加载显示热力图
目录CesiumHeatmap编写案例我是一个小白，到目前为止对于3D方面的东西不是特别的懂，所以说，对于cesium使用的并不是特别的好，可以说根本不会吧，所以说也是在一点一点摸索，一点一点...
2022-08-03
JavaScript 编写枚举的最有效方法分享
目录前言定义枚举<< 是什么？用法如何理解这段代码？我们为什么要使用这个技巧？学习Vue源码前言假设有这样一个场景，我们需要统计员工的技术栈，目前我们需要标记的技术有 CSS、Java...
2022-08-03
TypeScript实现数组和树的相互转换
目录前言数组转换为树树转换为数组总结这段时间重新捡起了数据结构和算法，发现里面的树和图是真的掉头发。本文基于一个面试题，详细分析如何实现数组和树的相互转换。前言树或...
2022-08-03
JavaScript设计模式组合设计模式案例
目录前言组合设计模式的业务场景组合设计模式小案例前言组合设计模式是用于将多个部分通过组合的方式行成一个整体，就比如我们去吃饭，点了一份米饭和一份鱼香肉丝，这些东西可以...
2022-08-03
JavaScript实现时钟功能
本文实例为大家分享了JavaScript实现时钟功能的具体代码，供大家参考，具体内容如下1、HTML和CSS部分1.1 HTML部分1.1.1先放在一个容器中clock，存放 用来存放时针、分钟、秒钟的...
2022-08-03
JavaScript实现动态网页时钟
本文实例为大家分享了JavaScript实现动态网页时钟的具体代码，供大家参考，具体内容如下设计思路：1先建立一个数组保存带有0〜9数字的10张图片;2.通过GETDATE（）获得本地时间保存在...
2022-08-03
JavaScript中定时器setTimeout()和setInterval()的用法
JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。一、setTimeout()setTimeout函数用来指定某个函数或某段代码，在多少...
2022-08-03
使用原生JS快速写出一个五子棋小游戏
目录1.棋盘和棋子的绘制。2.轮流下棋的点击事件3.获胜条件判断3.1横轴获胜3.2数轴获胜3.3正斜轴获胜3.4反斜轴获胜4.悔棋功能总结1.棋盘和棋子的绘制。 let arr = [ [{...
2022-08-03
Lottie动画前端开发使用技巧
目录一、为什么会有Lottie动画呢？二、Lottie介绍三、Lottie常见属性和方法四、封装Lottie - React Hooks版五、Lottie组件的引入与调用结语一、为什么会有Lottie动画呢？在前端...
2022-08-03
JavaScript设计模式中的桥接和中介者模式
目录一、桥接设计模式桥接设计模式在工作中的使用二、JavaScript中介者模式生活中的中介者中介者设计模式案例业务中的中介者一、桥接设计模式桥接设计模式是一种偏向于组合...
2022-08-03
微信小程序实现录音
本文实例为大家分享了微信小程序实现录音的具体代码，供大家参考，具体内容如下为录音录音中wxml：<!-- 开始录音 --><image src="/img/add_voice.png" class="add-voice" wx:if="...
2022-08-03
详细解析let和const命令
目录let命令基本用法特性暂时性死区不允许重复声明const特性补充——块级作用域let命令基本用法我们都知道let命令是用来声明变量的，类似于var，但是通过let命令声明...
2022-08-03
JavaScript实现页面跳转的八种方式
整理一下JavaScript八种跳转方式，欢迎评论补充！第一种方法：<script> window.location.replace('http://www.cnblogs.com/chenyablog')</script>第二种方法：<script> windo...
2022-08-03
微信小程序实现上传图片
本文实例为大家分享了微信小程序实现上传图片的具体代码，供大家参考，具体内容如下//wxml <button class='button' bingtap="uploadSomeMsg">上传</button> ...
2022-08-03
JavaScript设计模式中的观察者模式
目录观察者设计模式初始数据被观察者观察者观察者设计模式观察者设计模式中分为被观察者和观察者，当被观察者触发了某个边界条件，观察者就会触发事件，这里需要俩个构造函数进行...
2022-08-03
JavaScript中常见的几种继承方式
目录原型继承内存图分析盗用构造函数继承分析组合继承原型链继承寄生式继承寄生组合式继承原型继承function Parent(name) { this.name = name}Parent.prototype.getName =...
2022-08-03
ant-design-pro 的EditableProTable表格验证调用的实现代码
博客源码https://github.com/shengbid/antdpro-demo,有需要可以下载下来看效果EditableProTable默认是在单行保存时调用表单验证我这里的需求是点击外部的保存要对整个表单...
2022-08-03
微信小程序实现轮播图(适配机型)
本文实例为大家分享了微信小程序实现轮播图的具体代码，供大家参考，具体内容如下1、wxss样式：/* 页面显示图片的框 */.showTableBox { position: relative; width: 10...
2022-08-03
JavaScript中BOM,DOM和事件的用法详解
目录BOM概念对象组成Window：窗口对象Location：地址栏对象History：历史记录对象DOM概念W3C DOM 标准被分为 3 个不同的部分核心DOM模型HTML DOM事件监听机制概念常见的事件事件...
2022-08-03
微信小程序轮播图自定义光标位置
本文实例为大家分享了微信小程序轮播图自定义光标位置的具体代码，供大家参考，具体内容如下如图轮播图的光标可以用定位来改变上下左右的位置wxml:<!--start banner --><swi...
2022-08-03
小程序自定义弹框的方法
本文实例为大家分享了小程序自定义弹框的具体代码，供大家参考，具体内容如下1、页面简单布局<button bindtap='ElasticFrameClick'>弹框</button><view class="modal-mask" bin...
2022-08-03
JavaScript设计模式适配器模式实例
前言：适配器设计模式可以用生活中常用的笔记本电脑来做例子，笔记本使用电压在20v左右，但是我们家用电压在220v左右，所以我们希望用家用电适配对应的笔记本电压，这个时候就需要使...
2022-08-03
JavaScript设计模式发布订阅模式
目录前言发布订阅设计模式前言发布订阅设计模式是和观察者设计模式基本上相同，但是他们两个设计模式不同的是发布订阅者拥有一个事件处理中心而观察者并没有比如，我们利用订阅...
2022-08-03
一文搞懂JavaScript中bind,apply,call的实现
目录bind、call和apply的用法bindcall&apply实现bind实现call和apply总结bind、call和apply都是Function原型链上面的方法，因此不管是使用function声明的函数，还是箭头函数都...
2022-08-03
JavaScript Promise执行流程深刻理解
目录手撕Promise看完收获Promise分析作用特点总体实现resolve和reject初步实现then方法的实现Promise.all的实现手撕Promise手写一个Promise已经是一个常见的手写功能了，虽然...
2022-08-03
微信小程序实现跳转详情页面
本文实例为大家分享了微信小程序实现跳转详情页面的具体代码，供大家参考，具体内容如下我们要实现如下的效果，进入详情页，获取产品的具体数据。本文请求的数据是本地的，实际开发是...
2022-08-03
Javascript发布订阅模式介绍
发布订阅模式介绍发布---订阅模式又叫观察者模式，它定义了对象间的一种一对多的关系，让多个观察者对象同时监听某一个主题对象，当一个对象发生改变时，所有依赖于它的对象都将得...
2022-08-03
微信小程序实现播放音频
本文实例为大家分享了微信小程序实现播放音频的具体代码，供大家参考，具体内容如下wxml：<!-- 语音 --><view wx:if="{{content.mp3.length > 0 }}"> <view class='audio' bind...
2022-08-03
一文掌握JavaScript数组常用工具函数总结
目录一. 实现Array.isArray二. 将类数组转换为数组1. 借用数组的方法进行转换2. es6的方式转换三. 判断是否为数组四. 数组方法实现1.forEach2. filter3. every4. some5. fi...
2022-08-03
梳理总结25个JavaScript数组操作方法实例
目录1.删除数组重复项2. 获取数组的片段3.Array.from 达到 .map 的效果4.置空数组5. 将数组转换为对象6. 用数据填充数组7. 数组合并8.求两个数组的交集9.从数组中删除虚值1...
2022-08-03
