一文详解JS中的事件循环机制
目录前言1、JavaScript是单线程的2、同步和异步3、事件循环前言我们知道JavaScript 是单线程的编程语言，只能同一时间内做一件事，按顺序来处理事件，但是在遇到异步事件的时候，js...
2022-08-03
HTML+JS实现猜拳游戏的示例代码
目录效果图关于JS构建过程添加事件监听器函数 gameRules()函数 whoWon()效果图游戏可以通过这个链接进入关于JS构建过程首先，我创建了一个对象，其中包含每种可能性的文本格式（...
2022-08-03
js中为什么Proxy一定要配合Reflect使用
目录引言前置知识单独使用 ProxyProxy 中的 receiverReflect 中的 receiver总结结尾引言EcmaScript 2015 中引入了 Proxy 代理 与 Reflect 反射 两个新的内置模块。我们可以...
2022-08-03
Javascript中Microtask和Macrotask鲜为人知的知识点
首先我们来看一道题目，如下javascript代码，执行后会在控制台打印出什么内容？async function async1() { console.log('async1 start'); await async2(); console.log('as...
2022-08-03
在TypeScript项目中进行BDD测试
目录什么是BDD?Gherkin语法给TypeScript项目配置BDD测试框架Cucumber.js什么是BDD?BDD(Behavior-Driven Design)是软件团队的一种工作方式，通过以下方式缩小业务人员和技术人...
2022-08-03
TypeScript里string和String的区别
目录背景1、原生string2、对象String3、代码对比4、为什么需要String对象4、两者区别总结 摘要：通常来说，string表示原生类型，而String表示对象。背景与JavaScript语言不同的是...
2022-08-03
JavaScript动态操作select下拉框
相信在前端设计中必然不会少的了表单，因为经常会使用到下拉框选项，又或是把数据动态回显到下拉框中。因为之前牵扯到optgroup标签时遇到了问题，没查到太过详细的解决方案，自己动...
2022-08-03
vue/js实现页面自动往上滑动效果
本文实例为大家分享了vue/js实现页面自动往上滑动的具体代码，供大家参考，具体内容如下最近做的新项目中要求让看不见的内容自动往上滑动一定的距离，使之可以看到，下面我来分享一...
2022-08-03
JavaScript中的LHS和RHS分析详情
目录进一步理解编译特点分析区分 LHS 和 RHS 的重要性前言：对于LHS和RHS，从字面意思来说是 Left Hand Side和 Right Hand Side即左手边和右手边，一般可以理解...
2022-08-03
JS实现电影票选座的项目示例
简单模拟电影票选座，详细代码如下：利用js实现给li标签添加和取消属性，来实现选座功能。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta http-equ...
2022-08-03
基于原生CSS+JS实现一个标签输入框
目录一、自适应输入框布局二、输入框占位提示三、标签的输入与删除四、选择框架还是原生最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下：主要交互要求是这样的：点击...
2022-08-03
关于JS中一维数组和二维数组互转问题
一维数组转二维数组 arr1to2(arr, number) { var arr2 = []; let len = arr.length; for (let i = 0, j = 0; i < len; i += number, j++) { arr2[j]...
2022-08-03
小程序实现点击动画效果
本文实例为大家分享了小程序实现点击动画效果的具体代码，供大家参考，具体内容如下今天接到一个小程序优化需求，要实现一个点击的动画效果考虑实现方法，使用css的transition属性...
2022-08-03
Javascript立即执行函数(IIFE)实例详解
目录前言函数表达式立即执行函数如果我们了解整个情况：IIFE 的特征/行为附：IIFE的参数总结前言IIFE,一般称为立即执行函数。你可能会问我，*“嘿！我知道正常的函数表达式是...
2022-08-03
threejs太阳光与阴影效果实例代码
目录前言灯光与材质基础篇太阳光整体调用代码太阳光类初始化设置平行光信息Tween总结前言这篇文章实现智慧城市中模拟太阳光随时间变化产生对应场景效果。为了场景能够更逼...
2022-08-03
js深拷贝与浅拷贝一文彻底搞懂
深拷贝浅拷贝只是针对引用数据类型JavaScript数据类型包括基本数据类型（Number，String，boolean，Null，Undefined，Symbol）、引用数据类型（Array，Object）基本数据类型的特点：直接存储在栈(...
2022-08-03
简单聊聊TypeScript只读修饰符
目录前言只读函数参数如何更改函数只读类属性只读索引总结前言在Typescript 2.0中，引入了readonly关键字，可以对类中的属性进行修饰，作用是：该属性被readonly修饰之后无法修改**...
2022-08-03
Echarts中legend属性使用的方法详解
目录orientx/y(left/top)样式设置itemGapitemHeighttextStyleselecteddata补充：自定义legend属性总结Echarts的legend属性是对图例组件的相关配置而legend就是Echarts图表中...
2022-08-03
uniapp小视频项目开发之滑动播放视频
目录1、监听视频滑动2、播放和暂停3、增加播放、暂停视频功能4、增加双击点赞5、控制首个视频自动播6、动态渲染视频信息总结1、监听视频滑动给 swiper 增加 @change="chang...
2022-08-03
JavaScript变量和变换详情
目录1.声明2. 命名规范3.变量声明的提升4.数据类型的判断5.数据类型的转换6.将字符串转换为数字7.变量的其他声明方式8.数学对象1.声明使用变量之前务必通过关键字var进行声...
2022-08-03
一文带你搞懂JS中六种For循环的使用
目录一、各个 for 介绍1、for2、for ... in3、for ... of4、for await...of5、forEach6、map二、多个 for 之间区别1、使用场景差异2、功能差异3、性能差异三、for 的使用fo...
2022-08-03
前端JS获取URL参数的4种方法总结
目录前言方法1: 字符串 split 方法方法2: 利用 URLSearchParams 方法方法3: 利用正则匹配方法方法4: 使用第三方库 qs总结:前言对于前端来说，无论是在面试或者工作中都可能遇...
2022-08-03
利用uni-app生成微信小程序的踩坑记录
目录前言1.不允许id选择器2.默认竖排3.图片加载不出来4.eval函数不可用5.getStorage异步6.props的中的值不可修改7.wx.uploadFile携带字符串参数8.picker的multiSelector mo...
2022-08-03
JS数组去重的常用4种方法
1.ES6的Set类数组去重var arr = [1,2,2,3,3,4,4,1,5,6,6,5]function unique (arr) { return Array.from(new Set(arr))}console.log(unique(arr)) //[1,2,3,4,5,6]ES6的Set...
2022-08-03
Javascript中Null和undefined的简单理解
目录前言undefinedNull附：实际应用总结前言在 JavaScript 中有两种表达“无”的方式，那就是使用undefined和null。undefined如果您创建一个变量并且不对其进行任何...
2022-08-03
动态规划之使用备忘录来改进Javascript函数
目录什么是备忘录?备忘录的概念1.引用透明2.查找表比较函数使用备忘录和不用备忘录解决方法是记录调用函数的返回结果备忘录的意义结论：什么是备忘录?前言;动态规划已出现了...
2022-08-03
如何利用echarts画雷达图和折柱混合
目录导语雷达图效果折柱图效果总结导语通常在根据设计图写echarts的时候，很多效果是官方实例里没有的，我在代码里加上了一些常用的效果，并做了注释。雷达图var option = { r...
2022-08-03
聊聊JavaScript中.?、??、??=的用法以及含义
目录前言可选链(.?)空值合并运算符(??)空值赋值运算符(??=)趣味问答时间:值得注意的是 ：?? 是忽视 null ,undefined 等错误的值最后前言在项目中我们往往要做很多很多的空值...
2022-08-03
JavaScript实现页面无缝滚动效果
本文实例为大家分享了JavaScript实现页面无缝滚动效果的具体代码，供大家参考，具体内容如下目前我只使用两种方式，如果还有其他方式，希望推荐一下。1、js+transform使用定时器动...
2022-08-03
js千分位实现方法大汇总
目录千分位实现汇总1.最最便捷的实现方式：toLocaleString()2.正则匹配3.for循环4.slice+while循环5.reduce千分位分隔符方法一方法二千分位实现汇总1.最最便捷的实现方式：toLo...
2022-08-03
websocket直接绕过JS加密示例及思路原理
目录websocket--hook服务端--WebSocketServer.js客户端注入JS代码python开端口get_data.py 文件方式get_user_id.py 文件方式get_data.py 终端方式get_user_id.py 终端方式...
2022-08-03
js如何操作localstorage
目录js操作localstorage1、首先封装一个全局方法2、调用方法 js localstorage(本地存储）必知HTML API基本用法生存期数据结构容量限制域名限制异常处理JavaScript 存储对象js...
2022-08-03
关于JS中的作用域中的问题思考分享
目录作用域全局作用域作用域中的错误局部作用域with弊端数据泄露性能下降letconst作用域链闭包闭包对作用域链的影响匿名函数的赋值使用let作用域作用域，也就是我们常说的词...
2022-08-03
关于JavaScript的内存与性能问题解决汇总
目录一、何为JavaScript内存与性能二、谈谈关于innerHTML的性能问题？1、使用innerHTML的反面教材2、如何解决三、如何解决类似按钮过多问题？四、事件委托的优点有哪些？五、删除...
2022-08-03
详解TypeScript中type与interface的区别
目录类型别名 type接口 interfaceinterface和type的相似之处都可以描述 Object和FunctionTypeInterface二者都可以被继承interface 继承 interfaceinterface 继承 typetype...
2022-08-03
基于three.js实现简易照片墙效果
学习three.js的过程中，写的一个简易照片墙，可以使用鼠标滚轮上下浏览，采用的是移动相机的方式。代码贴出来，供学习这一块的朋友们参考和指导： <!DOCTYPE HTML><HTML><HEAD> ...
2022-08-03
超级详细的webpack Plugin讲解
目录一、pulgin 的作用二、pulgin 配置方式三、pulgin 的本质四、常见的 pulgin4-1 html-webpack-plugin4-2 clean-webpack-plugin4-3 mini-css-extract-plugin4-4 DefinePl...
2022-08-03
JS中常见编码及加密方式解析
目录base64Md5AESAES的三要素AES工作模式区别AES的加密流程JS-AES、base64、SHA256、RSA等加解密库AES的特点、特征Ascii码DESbase64#特征：结尾可能有"=="号#编码# 想将字符...
2022-08-03
关于localStorage的存储,读取,删除
目录localStorage的存储,读取,删除localStorage存储localStorage读取localStorage删除localStorage使用详解localStorage简介调试localStoragelocalStorage的CRUDlocalStora...
2022-08-03
基于HTML+CSS+JS实现纸牌记忆游戏
目录知识点HTML 用户界面CSS 部分一些基本样式纸牌的样式分数面板的样式祝贺面板的样式动画媒体查询JavaScript 部分洗牌功能开始新游戏的功能显示卡片的功能当卡片匹配时的...
2022-08-03
利用微信小程序制作属于自己的Icon图标
目录前言1、将你心仪的图标加入购物车2、将图标添加至项目3、我的项目4、将项目下载至本地5、将字体转换为base646、样式文件修改7、重命名8、导入样式文件并使用总结前言最...
2022-08-03
微信小程序实现自定义导航栏
本文实例为大家分享了微信小程序自定义导航栏的具体代码，供大家参考，具体内容如下1、要实现自定义导航栏，首先得在全局进行相关配置app.json页面"window": { ... "na...
2022-08-03
TypeScript中的互斥类型实现方法示例
目录前言前置知识对象中多属性同类型的定义never类型剔除联合类型中的属性将对象中的所有属性转为联合类型实现互斥类型实现代码测试用例用例拆解写在最后前言有这样一个对...
2022-08-03
egg.js的基本使用实例
目录安装egg.js写第一个api接口创建控制器编写路由关闭csrf开启跨域数据库配置和创建迁移文件创建数据迁移表模型创建模型错误和异常处理中间件参数验证安装egg.js全局切换...
2022-08-03
Python执行js字符串常见方法示例
目录方法1--js2py2--execjs3--execjs方法执行大型js时有点慢特殊编码的输入或输出参数会出现报错，解决方法：可以把输入或输出的参数用base64编码一下。base64都是英文和数字，没...
2022-08-03
javascript中关于去重操作的使用
目录前言：核心的基本算法数据去重的基本用法1、数组去重2、字符串去重3、数字去重最后前言：前端开发里面，在JS中关于数据去重操作的使用是非常常用，也是非常重要的点，一般情况下...
2022-08-03
JavaScript面向对象实现贪吃蛇游戏
本文实例为大家分享了面向对象的贪吃蛇实现代码，供大家参考，具体内容如下1 工具对象(Tools.js)因为要随机生成食物，所以先将生成min-max范围内随机整数的方法提取出来。randomN...
2022-08-03
js日历相关函数使用详解
本文实例为大家分享了js日历相关函数的具体代码，供大家参考，具体内容如下1、获取某年某月第一天是周几getMonthStartDay(year, month, index) { let monthFirstDay = Num...
2022-08-03
