JavaScript - 教程之家

94浏览

0评论

一文带你搞懂JS中六种For循环的使用

目录一、各个 for 介绍1、for2、for ... in3、for ... of4、for await...of5、forEach6、map二、多个 for 之间区别1、使用场景差异2、功能差异3、性能差异三、for 的使用fo...

2022-08-03

82浏览

0评论

前端JS获取URL参数的4种方法总结

目录前言方法1: 字符串 split 方法方法2: 利用 URLSearchParams 方法方法3: 利用正则匹配方法方法4: 使用第三方库 qs总结:前言对于前端来说，无论是在面试或者工作中都可能遇...

2022-08-03

94浏览

0评论

利用uni-app生成微信小程序的踩坑记录

目录前言1.不允许id选择器2.默认竖排3.图片加载不出来4.eval函数不可用5.getStorage异步6.props的中的值不可修改7.wx.uploadFile携带字符串参数8.picker的multiSelector mo...

2022-08-03

81浏览

0评论

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

93浏览

0评论

Javascript中Null和undefined的简单理解

目录前言undefinedNull附：实际应用总结前言在 JavaScript 中有两种表达“无”的方式，那就是使用undefined和null。undefined如果您创建一个变量并且不对其进行任何...

2022-08-03

96浏览

0评论

动态规划之使用备忘录来改进Javascript函数

目录什么是备忘录?备忘录的概念1.引用透明2.查找表比较函数使用备忘录和不用备忘录解决方法是记录调用函数的返回结果备忘录的意义结论：什么是备忘录?前言;动态规划已出现了...

2022-08-03

79浏览

0评论

如何利用echarts画雷达图和折柱混合

目录导语雷达图效果折柱图效果总结导语通常在根据设计图写echarts的时候，很多效果是官方实例里没有的，我在代码里加上了一些常用的效果，并做了注释。雷达图var option = { r...

2022-08-03

79浏览

0评论

聊聊JavaScript中.?、??、??=的用法以及含义

目录前言可选链(.?)空值合并运算符(??)空值赋值运算符(??=)趣味问答时间:值得注意的是：?? 是忽视 null ,undefined 等错误的值最后前言在项目中我们往往要做很多很多的空值...

2022-08-03

70浏览

0评论

JavaScript实现页面无缝滚动效果

本文实例为大家分享了JavaScript实现页面无缝滚动效果的具体代码，供大家参考，具体内容如下目前我只使用两种方式，如果还有其他方式，希望推荐一下。1、js+transform使用定时器动...

2022-08-03

87浏览

0评论

js千分位实现方法大汇总

目录千分位实现汇总1.最最便捷的实现方式：toLocaleString()2.正则匹配3.for循环4.slice+while循环5.reduce千分位分隔符方法一方法二千分位实现汇总1.最最便捷的实现方式：toLo...

2022-08-03

84浏览

0评论

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

205浏览

0评论

js如何操作localstorage

目录js操作localstorage1、首先封装一个全局方法2、调用方法 js localstorage(本地存储）必知HTML API基本用法生存期数据结构容量限制域名限制异常处理JavaScript 存储对象js...

2022-08-03

87浏览

0评论

关于JS中的作用域中的问题思考分享

目录作用域全局作用域作用域中的错误局部作用域with弊端数据泄露性能下降letconst作用域链闭包闭包对作用域链的影响匿名函数的赋值使用let作用域作用域，也就是我们常说的词...

2022-08-03

72浏览

0评论

关于JavaScript的内存与性能问题解决汇总

目录一、何为JavaScript内存与性能二、谈谈关于innerHTML的性能问题？1、使用innerHTML的反面教材2、如何解决三、如何解决类似按钮过多问题？四、事件委托的优点有哪些？五、删除...

2022-08-03

77浏览

0评论

详解TypeScript中type与interface的区别

目录类型别名 type接口 interfaceinterface和type的相似之处都可以描述 Object和FunctionTypeInterface二者都可以被继承interface 继承 interfaceinterface 继承 typetype...

2022-08-03

60浏览

0评论

基于three.js实现简易照片墙效果

学习three.js的过程中，写的一个简易照片墙，可以使用鼠标滚轮上下浏览，采用的是移动相机的方式。代码贴出来，供学习这一块的朋友们参考和指导： <!DOCTYPE HTML><HTML><HEAD> ...

2022-08-03

89浏览

0评论

超级详细的webpack Plugin讲解

目录一、pulgin 的作用二、pulgin 配置方式三、pulgin 的本质四、常见的 pulgin4-1 html-webpack-plugin4-2 clean-webpack-plugin4-3 mini-css-extract-plugin4-4 DefinePl...

2022-08-03

74浏览

0评论

JS中常见编码及加密方式解析

目录base64Md5AESAES的三要素AES工作模式区别AES的加密流程JS-AES、base64、SHA256、RSA等加解密库AES的特点、特征Ascii码DESbase64#特征：结尾可能有"=="号#编码# 想将字符...

2022-08-03

68浏览

0评论

关于localStorage的存储,读取,删除

目录localStorage的存储,读取,删除localStorage存储localStorage读取localStorage删除localStorage使用详解localStorage简介调试localStoragelocalStorage的CRUDlocalStora...

2022-08-03

79浏览

0评论

基于HTML+CSS+JS实现纸牌记忆游戏

目录知识点HTML 用户界面CSS 部分一些基本样式纸牌的样式分数面板的样式祝贺面板的样式动画媒体查询JavaScript 部分洗牌功能开始新游戏的功能显示卡片的功能当卡片匹配时的...

2022-08-03

88浏览

0评论

利用微信小程序制作属于自己的Icon图标

目录前言1、将你心仪的图标加入购物车2、将图标添加至项目3、我的项目4、将项目下载至本地5、将字体转换为base646、样式文件修改7、重命名8、导入样式文件并使用总结前言最...

2022-08-03

67浏览

0评论

微信小程序实现自定义导航栏

本文实例为大家分享了微信小程序自定义导航栏的具体代码，供大家参考，具体内容如下1、要实现自定义导航栏，首先得在全局进行相关配置app.json页面"window": { ... "na...

2022-08-03

85浏览

0评论

TypeScript中的互斥类型实现方法示例

目录前言前置知识对象中多属性同类型的定义never类型剔除联合类型中的属性将对象中的所有属性转为联合类型实现互斥类型实现代码测试用例用例拆解写在最后前言有这样一个对...

2022-08-03

67浏览

0评论

微信APP生命周期及页面生命周期示例详解

目录官方文档小程序的启动流程app生命周期页面的生命周期页面的生命周期（图）官方文档...

2022-08-03

87浏览

0评论

egg.js的基本使用实例

目录安装egg.js写第一个api接口创建控制器编写路由关闭csrf开启跨域数据库配置和创建迁移文件创建数据迁移表模型创建模型错误和异常处理中间件参数验证安装egg.js全局切换...

2022-08-03

74浏览

0评论

Python执行js字符串常见方法示例

目录方法1--js2py2--execjs3--execjs方法执行大型js时有点慢特殊编码的输入或输出参数会出现报错，解决方法：可以把输入或输出的参数用base64编码一下。base64都是英文和数字，没...

2022-08-03

72浏览

0评论

javascript中关于去重操作的使用

目录前言：核心的基本算法数据去重的基本用法1、数组去重2、字符串去重3、数字去重最后前言：前端开发里面，在JS中关于数据去重操作的使用是非常常用，也是非常重要的点，一般情况下...

2022-08-03

79浏览

0评论

js中toString()函数与valueOf()函数使用与区别

目录一、...

2022-08-03

71浏览

0评论

JavaScript面向对象实现贪吃蛇游戏

本文实例为大家分享了面向对象的贪吃蛇实现代码，供大家参考，具体内容如下1 工具对象(Tools.js)因为要随机生成食物，所以先将生成min-max范围内随机整数的方法提取出来。randomN...

2022-08-03

90浏览

0评论

js日历相关函数使用详解

本文实例为大家分享了js日历相关函数的具体代码，供大家参考，具体内容如下1、获取某年某月第一天是周几getMonthStartDay(year, month, index) { let monthFirstDay = Num...

2022-08-03

70浏览

0评论

JavaScript算法面试题

目录有效的括号问题解题信息暴力消除法栈解题法结尾前言：现实总是残酷的，最近有个学妹在换工作，面试前什么手写Priomise、vue双向绑定原理,webpack优化方式,准备了一大堆，本以为...

2022-08-03

109浏览

0评论

threejs全景图和锚点编辑的实现方案

目录全景图和锚点编辑全景图全景图拆解场景编辑方案transformControls初始化控制器添加可移动对象平移、缩放、旋转保存对象结语全景图和锚点编辑今天来简单聊聊threejs全景...

2022-08-03

82浏览

0评论

uni-app分包项目实战总结

目录前言今天就来说uni-app如何分包：总结前言项目需要uni-app开发，说说uni-app是什么，uni-app它跟Trao框架一样都是用来做多端开发的共同点是：都可以发布到IOS、Android、H5、以...

2022-08-03

78浏览

0评论

一文详解如何用原型链的方式实现JS继承

目录原型链是什么通过构造函数创建实例对象用原型链的方式实现继承方法1：Object.create方法2：直接修改 [[prototype]]方法3：使用父类的实例总结今天讲一道经典的原型链面试题。...

2022-08-03

73浏览

0评论

微信小程序实现走马灯式抽奖

本文实例为大家分享了微信小程序实现走马灯式抽奖的具体代码，供大家参考，具体内容如下先来看下效果设置奖项awardList是从后台拿到的奖项数组，list不够八位时填充谢谢参与奖项，...

2022-08-03

56浏览

0评论

JS+HTML实现经典游戏吃豆人

目录前言HTML代码JS代码游戏截图前言很早就知道canvas，当时一直没应用到，最近闲来无事就顺便写写看。吃豆游戏可以说是我们80，90后共同的回忆录，小时候常常在学习机上玩，所以也就...

2022-08-03

76浏览

0评论

微信小程序uniapp添加悬浮菜单的方法

本文实例为大家分享了微信小程序uniapp添加悬浮菜单的具体代码，供大家参考，具体内容如下在项目中可能会有一些页面需要加一个悬浮按钮，提供一些额外的菜单
本项目通过uniapp来...

2022-08-03

98浏览

0评论

小程序中监听页面滚动的几种方法实例

目录目录实现效果下面是Intersection Observer在MDN上的介绍IntersectionObserverrelativeToViewport接受参数 Object marginsobserve(string targetSelector, function cal...

2022-08-03

86浏览

0评论

微信小程序配置视图层数据绑定相关示例

目录官方文档一、小程序结构目录1.1 小程序文件结构和传统web对比1.2 基本的项目目录二、配置介绍2.1 配置介绍2.2 全局配置app.json2.3 page.json三、视图层3.1 数据绑定3....

2022-08-03

96浏览

0评论

微信小程序事件绑定传参冒泡及捕获的示例详解

目录常见的事件有：currentTarget和target的区别事件传递参数touches和changedTouches的区别事件的绑定两种方法事件传参事件的冒泡与事件的捕获小结常见的事件有：类型触发条件...

2022-08-03

322浏览

0评论

JavaScript+canvas实现框内跳动小球

本文实例为大家分享了JavaScript+canvas实现框内跳动小球的具体代码，供大家参考，具体内容如下效果如下:思路:1.制定画布,确定好坐标
2.绘制出圆形小球
3.给圆一个原始坐标,xy...

2022-08-03

87浏览

0评论

javascript中Promise使用详解

目录一、首先，要知道为什么要用Promise语法？二、接着，来了解一下回调地狱(Callback Hell)三、最后，也是本章的重头戏，Promise的基本使用（一） resolve函数（二） rejected函数（三）Promise...

2022-08-03

79浏览

0评论

JavaScript canvas实现水球加载动画

本文实例为大家分享了canvas实现水球加载动画的具体代码，供大家参考，具体内容如下效果展示：源码展示：<!doctype html><html><head> <meta charset="utf-8"> <title>ca...

2022-08-03

109浏览

0评论

基于JavaScript制作一个骰子游戏

目录知识点HTML 部分CSS 部分JavaScript 部分总结游戏可以通过这个链接进入完整源码我已经放在GitHub上了这节实验我们将使用 HTML、CSS 和 JavaScript 构建一个骰子游戏。...

2022-08-03

75浏览

0评论

javascript 中动画制作方法 animate()属性

animate是个非常冷门的方法，以至于百度和手册上都找不到相关的资料。当然通过一个小小的demo，我还是发现了方法的一些属animate是所有dom元素都有的方法，可以用来最做过度动画，...

2022-08-03

90浏览

0评论

详细聊一聊js防抖节流到底是什么

目录前言场景防抖核心解释修复场景例子节流核心解释修复场景例子总结前言防抖和节流，这是前端防止用户频繁调用同一个接口的方法，比如短时间重复点击上传同一个文件，短时间重复...

2022-08-03

80浏览

0评论

基于JS实现一个小型编译器

目录前言ParseTransformTraversal(遍历)Visitors(访问)Code generate代码实现词法分析器(tokenizer)语法分析器(parser)遍历器(visitors)转换器(transformer)代码生成器(cod...

2022-08-03

73浏览

0评论

详解如何消除axios拦截中的if

目录基本拦截设计轮子思考方向轮子骨架详细实现实践总结基本拦截axios的响应错误拦截中，难免会对error.status做各种各样的if判断，又或者switch。为了防止枯燥乏味的生活（给自...

2022-08-03

78浏览

0评论

使用egg.js实现手机、验证码注册的项目实践

目录手机号注册、验证码校验app/contrpoller/pass.jsmode/user.jsrouter.js 路由配置service.js获取验证码 sendmsg.js发送短信验证码手机号注册、验证码校验app/contrpolle...

2022-08-03

93浏览

0评论

如何利用Three.js实现跳一跳小游戏

目录前言游戏规则Three.js整个程序的结构实现html文件引入three.js引擎页面结构场景相机几何体光源渲染添加第二块跳块鼠标按下状态鼠标松开弹起状态落在哪里结尾前言跳一跳...

2022-08-03

热门文章