JavaScript - 教程之家

106浏览

0评论

js实现连连看游戏

本文实例为大家分享了js实现连连看游戏的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style...

2022-08-03

85浏览

0评论

Javascript中扁平化数据结构与JSON树形结构转换详解

目录一. 先说简单的树形结构数扁平化处理二. 再讲将扁平化数据结构转JSON树状形结构扩充一个知识点：for in 与 for of 的区别：总结不废话，直接开干一. 先说简单的树形结构数扁...

2022-08-03

77浏览

0评论

前端面试的底气之实现一个深拷贝

目录前言青铜段位白银段位黄金段位铂金段位砖石段位星耀段位王者段位总结前言深拷贝这个功能在开发中经常使用到，特别在对引用类型的数据进行操作时，一般会先深拷贝一份赋值给...

2022-08-03

101浏览

0评论

JS实现深拷贝和浅拷贝的方式详解

目录一. 基本类型数据拷贝二. 引用类型数据拷贝1、浅拷贝2、深拷贝说道数据拷贝就离不开数据类型，在JS中数据类型分为基本类型和引用类型基本类型：number， boolean，string，symbo...

2022-08-03

70浏览

0评论

分享15个JavaScript的重要数组方法

目录1、ForEach2、Map3、Filter4、Find5、FindIndex6、Reduce7、Every8、Some9、 Sort10、Flat11、 Reverse12、Include13、Fill14、At15、 Concat前言;我们会在构建的每个...

2022-08-03

67浏览

0评论

js模拟如何实现重载以及默认参数

目录模拟实现重载以及默认参数下面先说实现重载的方法接下来是实现默认参数的方法下面进行一下测试js的函数支持重载吗模拟实现重载以及默认参数众所周知，js是函数不支持重载...

2022-08-03

81浏览

0评论

JavaScript实现微信飞机大战游戏

本文实例为大家分享了JavaScript实现微信飞机大战游戏的具体代码，供大家参考，具体内容如下html代码<!DOCTYPE><html><head> <title>微信经典飞机大战 </title> <met...

2022-08-03

76浏览

0评论

JavaScript实现前端飞机大战小游戏

本文实例为大家分享了JavaScript实现前端飞机大战的具体代码，供大家参考，具体内容如下html：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> ...

2022-08-03

74浏览

0评论

js+css实现飞机大战游戏

本文实例为大家分享了js+css实现飞机大战游戏的具体代码，供大家参考，具体内容如下用js和css实现，css中定义样式，js中定义了具体的实现事件，例如碰撞、子弹、飞机等。main.css文件...

2022-08-03

93浏览

0评论

js实现中国象棋游戏

本文实例为大家分享了js实现中国象棋游戏的具体代码，供大家参考，具体内容如下使用table元素作表格，div元素作象棋。效果如下：代码如下：<html><head><title>中国象棋</title><meta...

2022-08-03

74浏览

0评论

微信小程序实现Timeline时间线效果

微信小程序实现类似elementUI的Timeline时间线效果，自适应页面与文本wxml代码：<view class="box"> <view wx:for="{{list}}" wx:key="index" class="one"> <view class...

2022-08-03

96浏览

0评论

TypeScript创建一个简单Web应用

目录安装TypeScript构建你的第一个TypeScript文件编译代码类型注解接口类运行TypeScript Web应用实践项目地址安装TypeScript获取TypeScript工具的方式：通过npm（Node.js包管理...

2022-08-03

82浏览

0评论

JavaScript深拷贝的几种实现方法实例

目录浅拷贝与深拷贝1.JSON.parse(JSON.stringify(obj))2.普通递归函数实现深拷贝3.兼容多种数据类型4.jQuery.extend()方法总结浅拷贝与深拷贝浅拷贝是创建一个新对象，这个...

2022-08-03

97浏览

0评论

使用纯JS实现checkbox的框选效果(鼠标拖拽多选)

目录主要思路css 代码如下html结构如下js主要逻辑如下总结主要思路用一个盒子作为选区，通过定位让其固定在左上角，由于没有给定选区元素的宽高所以默认不显示，在 onmousemove...

2022-08-03

95浏览

0评论

JS判断对象是否为空对象的几种实用方法汇总

目录1.通过JSON自带的stringify()方法来判断2.for in 循环判断3.使用ES6的Object.keys()方法4.Object.getOwnPropertyNames()方法5.将json对象转化为json字符串，再判断该字符...

2022-08-03

77浏览

0评论

JavaScript引用赋值与传值赋值总结

目录前言基本数据类型复合数据类型前言在JavaScript中基本数据类型都是传值赋值，复合数据类型都是引用赋值(传地址)也叫引用传址基本数据类型的变量名和数据是直接存在"快速...

2022-08-03

86浏览

0评论

微信小程序实现下拉筛选功能

最近开发应项目需求实现一个类似与贝壳找房里面的下拉筛选功能，在这里分享给有同样需求的大家，互相学习学习这是主要功能实现，我把它封装成了组件，在对应的地方使用，就可以实现贝...

2022-08-03

70浏览

0评论

微信小程序云开发实现搜索功能

微信小程序云开发实现搜索功能，供大家参考，具体内容如下微信小程序使用云开发实现搜索功能有两种情况，一种是简单的搜索用关键字来查询数据，另一种是模糊查询关于关键字的全部数...

2022-08-03

78浏览

0评论

微信小程序实现水平时间轴

本文实例为大家分享了微信小程序实现水平时间轴的具体代码，供大家参考，具体内容如下1、wxml部分代码如下：<view class="wehx-line-box"> <view class="weui-flex__item w...

2022-08-03

78浏览

0评论

TypeScript声明文件的语法与场景详解

目录简介语法内容模块化模块语法三斜线指令referenceamd-module场景1. 在内部项目中给内部项目写声明文件2. 给第三方包写声明文件全局变量的第三方库修改全局变量的模块的...

2022-08-03

91浏览

0评论

JavaScript实现淘宝网图片的局部放大功能

本文实例为大家分享了JavaScript实现淘宝网图片的局部放大的具体代码，供大家参考，具体内容如下要实现的效果如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> ...

2022-08-03

73浏览

0评论

Javascript数据结构之栈和队列详解

目录前言栈（stack）栈实现解决实际问题栈的另外应用简单队列（Queue）队列实现队列应用 - 树的广度优先搜索（breadth-first search，BFS）优先队列优先队列实现线性数据结构实现优先队列...

2022-08-03

77浏览

0评论

JavaScript获取Excel表格的列序号和列名

目录1、常量和进制转换方法2、获取列名3、获取列序号4、使用前言：在处理Excel文件时，通常要获取xx列的数据，这就要求先找到列序号（从0开始）。下面将介绍从列名获取列序号和从列序...

2022-08-03

78浏览

0评论

40行原生js代码实现前端简易路由

目录前言路由到底是一个什么东西?实现一个 hashRouterhistoryRoutermemoryRouter最后做个总结前言在使用Vue或者是React 的路由的时候,不是很清楚他们的思路,导致在理解这些...

2022-08-03

70浏览

0评论

钉钉小程序web-view内嵌H5页面并实现通信

目录前言1.引入页面2.在H5页面向钉钉发送消息3.在钉钉页面向H5发送消息,继而实现双向通信4.注意内容调试方式5.附双向通信全部代码前言今天探讨个不太常见的需求，公司需要在...

2022-08-03

61浏览

0评论

微信小程序实现登录页面

本文实例为大家分享了微信小程序实现登录页面的具体代码，供大家参考，具体内容如下实现在进入微信小程序首页前的登录验证页面，这里有两种方法，但其实原理都是一样的。1. 在首页...

2022-08-03

77浏览

0评论

微信小程序实现简单的吸顶效果

本文实例为大家分享了微信小程序实现简单吸顶效果的具体代码，供大家参考，具体内容如下需求：进入页面后首先看到banner布局，然后是tab切换栏以及页面内容，当页面滚动到一定距离后，t...

2022-08-03

92浏览

0评论

JavaScript中Promise的使用方法实例

目录前言Promise简介什么是回调地狱?Promise的特点创建Promise实例then方法resolve 和 reject 的参数传递then()链式调用then()的返回值catch方法finally方法Promise的方法P...

2022-08-03

72浏览

0评论

详解JavaScript的Symbol类型、隐藏属性、全局注册表

目录Symbol类型的使用Symbol简介Symbol类型的描述Symbol不会隐式转字符串Symbol类似作为对象的属性键创建Symbol键for…in中被跳过隐藏自定义属性Symbol全局注册表系...

2022-08-03

78浏览

0评论

一篇文中告诉你JS中的"值传递"和"引用传递"

目录前言初步了解堆栈堆栈和类型的关系特点变量赋值参数传递小结面试题两者的区别就是：总结前言现代的前端开发，不再是刀耕火种的 JQ 时代，而是 MVVM ，组件化，工程化，承载着日益复...

2022-08-03

65浏览

0评论

详解JavaScript中if语句优化和部分语法糖小技巧推荐

目录前言if else 基本使用简化if判断和优化代码单行if else使用&& || 优化使用三目运算符优化合并if使用includes 或者indexof使用switch流程优化多个if else使用对象 key...

2022-08-03

87浏览

0评论

JavaScript进制数之间的互相转换

目录一、十进制的数化为k进制的数二、k进制的数化为十进制的数三、例题1.其它进制转换为十进制数据2.十进制数据转换为其它进制3.其它进制之间的相互转换前言：进制转换是人们...

2022-08-03

65浏览

0评论

JavaScript进阶知识点作用域详解

目录JavaScript进阶讲解一一、浏览器的内核1.常见的浏览器内核二、JavaScript引擎2.1.为什么需要JavaScript引擎？2.2.常见的JavaScript引擎三、V8引擎3.1.官方定义3.2.解析过...

2022-08-03

75浏览

0评论

JS实现数组随机排序的三种方法详解

目录1.利用数组方法sort实现随机排序2.洗牌算法实现随机排序3.洗牌算法深入分析全部代码1.利用数组方法sort实现随机排序实现随机排序方法还是很多的，用for循环是可以写的，用L...

2022-08-03

77浏览

0评论

微信小程序实战之网易云音乐歌曲详情页实现代码

这里记录一下做网易云小程序的音乐播放详情页面的代码。音乐播放界面的主要的重点有几个： 1、磁盘和摇杆的旋转效果，这里运用了css的动画属性 2、音乐播放和暂停，下一首/上一...

2022-08-03

59浏览

0评论

微信小程序实现倒计时

本文实例为大家分享了微信小程序实现倒计时的具体代码，供大家参考，具体内容如下大家好，今天我们来学习一下倒计时的实现，好好看，好好学，超详细的。直接上代码吧<view class="title...

2022-08-03

65浏览

0评论

微信小程序实现时间轴特效

本文实例为大家分享了微信小程序实现时间轴特效的具体代码，供大家参考，具体内容如下效果wxml<view class="timeLine" style=" width: 100%;"> <view class="on" wx:for="{{a...

2022-08-03

73浏览

0评论

深入理解JavaScript 变量对象

目录前言变量对象全局上下文中变量对象函数上下文中的变量对象执行过程预编译代码执行总结练习题前言在上节《深入 JavaScript 执行上下文栈——Web 前端进阶系列...

2022-08-03

67浏览

0评论

JS实现别踩白块游戏的示例代码

目录实现思路核心代码HTML代码CSS代码JS代码实现思路1、offsetTop，与style.top2、我们看到的是白块在向下运动，其实不是，政治运动的是装着白块的盒子，白块只是被装在了盒子里面...

2022-08-03

72浏览

0评论

小程序开发调用微信支付以及微信回调地址配置

目录支付接口签名工具类，以及时间戳方法回调接口首先观看微信提供的文档https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1清楚调用微信支付必须...

2022-08-03

82浏览

0评论

一文详解如何根据后端返回的url下载json文件

目录需求场景描述实现思路分析完整的 demo 示例总结需求场景描述有时候会遇到异步接口会返回一个 url 地址，然后前端需要根据这个 url 地址去下载文件资源的需求场景。而这...

2022-08-03

72浏览

0评论

JavaScript数组reduce常见实例方法

目录前言一、 reduce定义和用法语法：二、reduce浏览器支持情况三、reduce累加带初始值不带初始值四、reduce数组去重五、reduce求数组项最大值六、reduce将二维数组转为一维...

2022-08-03

70浏览

0评论

微信小程序实现短信验证码倒计时

本文实例为大家分享了微信小程序实现短信验证码倒计时的具体代码，供大家参考，具体内容如下初始效果当点击按钮时候设置禁止点击效果：如下图话不多说，直接上代码1.wxml部分<view>...

2022-08-03

81浏览

0评论

小程序实现图片裁剪上传

本文实例为大家分享了小程序实现图片裁剪上传的具体代码，供大家参考，具体内容如下<view bindtap='upEwm' data-which='1'> <view>第一个图</view> <image...

2022-08-03

75浏览

0评论

微信小程序实现随机验证码

本文实例为大家分享了微信小程序实现随机验证码的具体代码，供大家参考，具体内容如下废话不多说，直接上图看效果一、实现功能1、点击灰色底的验证码图片可以更换一张验证码2、验...

2022-08-03

78浏览

0评论

微信小程序实现接收验证码

本文实例为大家分享了微信小程序实现接收验证码的具体代码，供大家参考，具体内容如下效果如下图：wxml部分如下： <view class="mod t-name" style='position:relat...

2022-08-03

66浏览

0评论

js利用FileReader实现图片转base64格式并上传预览头像

目录页面布局:思路分析:代码:修改用户头像,一般都会需要把图片转成base64格式,所以我们需要学会怎么利用FileReader转换页面布局:<template> <el-card class="box-card">...

2022-08-03

75浏览

0评论

微信小程序实现动态验证码

目录一、创建自定义组件verification-code二、在index页面使用本文实例为大家分享了微信小程序实现动态验证码的具体代码，供大家参考，具体内容如下一、创建自定义组件verifica...

2022-08-03

61浏览

0评论

微信小程序实现滑块验证

本文实例为大家分享了微信小程序实现滑块验证的具体代码，供大家参考，具体内容如下思路：1.手指按住并且还能滑动
2.滑动到一定的距离进行判断
百度微信开发者文档：使用 mov...

2022-08-03

75浏览

0评论

微信小程序实现五子棋游戏

本文实例为大家分享了微信小程序实现五子棋游戏的具体代码，供大家参考，具体内容如下效果图.wxml<view class="title"> <view wx:if="{{currindex < 324 || defeat}}"> {{d...

2022-08-03

热门文章