JavaScript - 教程之家

32浏览

0评论

微信小程序下拉框组件使用方法

小程序有时需要使用下拉框选项，通常我会使用 picker 组件实现。pick 组件使用 mode 来区分类别，默认使用普通选择器就行。除了上述方式，我们也可以通过自定义组件实现，代码如下：/...

2022-08-03

45浏览

0评论

JS实现时间选择器

本文实例为大家分享了JS实现时间选择器的具体代码，供大家参考，具体内容如下dateTime.jsfunction withData(param) { return param < 10 ? '0' + param : '' + param;}functi...

2022-08-03

55浏览

0评论

js实现点击切换和自动播放的轮播图

本文实例为大家分享了js实现点击切换和自动播放的轮播图，供大家参考，具体内容如下轮播图案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...

2022-08-03

48浏览

0评论

js实现简单拼图游戏

本文实例为大家分享了js实现简单拼图游戏的具体代码，供大家参考，具体内容如下HTML仅有一个id为game的div，并且没有编写css样式，只需要在img文件夹中放置一个图片文件就行，此处我...

2022-08-03

39浏览

0评论

JS实现图片上下切换

本文实例为大家分享了JS实现图片上下切换的具体代码，供大家参考，具体内容如下源代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-e...

2022-08-03

36浏览

0评论

JavaScript本地存储实现用户名存储案例

目录一、本地存储1.1 本地存储特性1.2 window.sessionStorage1.3 window.localStorage用户名存储案例一、本地存储1.1 本地存储特性1、数据存储在用户浏览器中
2、设置、读...

2022-08-03

37浏览

0评论

微信小程序实现课程选择器

本文实例为大家分享了微信小程序实现课程选择器的具体代码，供大家参考，具体内容如下话不多说，直接上效果图代码如下wxml<view class="urg_input"> <picker class="grad...

2022-08-03

41浏览

0评论

万字详解JavaScript手写一个Promise

目录前言Promise核心原理实现Promise的使用分析MyPromise的实现在Promise中加入异步操作实现then方法的多次调用实现then的链式调用then方法链式调用识别Promise对象自返回...

2022-08-03

39浏览

0评论

js实现列表循环滚动

本文实例为大家分享了js实现列表循环滚动的具体代码，供大家参考，具体内容如下先介绍几个属性clientHeight 元素的高度clientTop 元素顶部边框的宽度scrollTop 滚动条遮挡的部...

2022-08-03

58浏览

0评论

JS前端首屏优化技巧

目录引言打包分析路由懒加载vue.config.js 修改 productionSourceMap 为 false首屏请求优化图片压缩配置使用 CDN 方式引入资源库公共代码抽离开启 gzip 压缩其他优化引言前...

2022-08-03

62浏览

0评论

js实现图片查看器

本文实例为大家分享了js实现图片查看器的具体代码，供大家参考，具体内容如下1. 前言网上已经有不少成熟的图片查看器插件，如果是单纯想要点击图片放大预览的话，可以直接使用插件...

2022-08-03

59浏览

0评论

JavaScript中let与const命令使用

目录let命令基本使用适用场景块级作用域概念存在意义const命令基本使用不可被const的情况let命令基本使用let是ES6中新增的声明变量的命令，但是和var不同，let不可以被重复声明...

2022-08-03

54浏览

0评论

JavaScript队列数据结构详解

目录什么是队列？JavaScript中的队列JavaScript中的应用场景最近的请求次数补充总结写在前面：在上一篇文章中介绍了栈这个数据结构，这篇文章介绍一下队列。什么是队列？队列是一种...

2022-08-03

26浏览

0评论

js实现图片轮播切换效果

最近在b站上学习的时候，学到了一个用原生js实现图片轮播切换效果的实战，码下来收藏上图是这个小实战的效果图，整个小实战所实现的功能是图片自动轮播切换、点击上下键图片切换...

2022-08-03

25浏览

0评论

js实现酷炫倒计时动画

本文实例为大家分享了js实现酷炫倒计时动画的具体代码，供大家参考，具体内容如下前段时间和朋友去音乐餐厅吃饭，中间有个活动，然后看到他们软件公众号H5有个活动开始的倒计时的动...

2022-08-03

59浏览

0评论

一文让你快速了解JavaScript栈

目录前言什么是栈？JavaScript中的栈栈的应用场景函数调用堆栈有效的括号总结前言前面两篇文章介绍了数据结构和算法的一些前置内容，这篇文章开始正式学习常见的数据结构，首先学...

2022-08-03

56浏览

0评论

js实现音乐播放器

本文实例为大家分享了js实现音乐播放器的具体代码，供大家参考，具体内容如下音乐播放的主要js代码音乐数据的数组对象想向前端网页提供数据，并且为后面的js代码提供了音乐路径 ...

2022-08-03

65浏览

0评论

JavaScript二叉搜索树构建操作详解

目录前言什么是二叉搜索树构建一颗二叉搜索树二叉搜索树的操作向二叉搜索树中插入数据查找二叉搜索树中的数据删除二叉搜索树的某个节点前驱后继节点删除一个节点的三种情况...

2022-08-03

48浏览

0评论

利用JavaScript实现ISO周日历

目录基础知识公历周日历相关计算1. 计算给定年份总周数2. 计算当天ISO周日历表达3. 给定某一日期，获取其ISO周日历表达方式基础知识阳历：就是以太阳来计算日期的一类历法；阴历...

2022-08-03

40浏览

0评论

JS前端千万级弹幕数据循环优化示例

目录引言1、如何删除数组中的元素2、10000,000条消息如何优化？场景常规思路：产生的问题优化策略代码实现效果展示小结游标法代替splice二分查找完结引言最近做了直播相关的业...

2022-08-03

40浏览

0评论

uni-app和原生小程序混合开发的具体实现过程

现有一个十分庞大的微信小程序应用，想要把新功能利用uni-app来开发，是否可行？有哪些优缺点？首先看到官方给出的解决方案https://uniapp.dcloud.io/hybrid方式1：把原生小程序转换...

2022-08-03

43浏览

0评论

简述冻结JS对象方法技术

目录冰封的美人——冻结JS对象JS对象Object.freeze不可冻结的对象Object.sealObject.preventExtensions冰封的美人——冻结JS对象看到这个标题你可能会...

2022-08-03

281浏览

0评论

JavaScript ECMAScript 6(ES2015~ES2022)所有新特性总结

目录前言ES2015(ES6)let、const关键字和块级作用域函数的扩展数值的扩展字符串的扩展数组的扩展对象的扩展类模块化解构赋值SymbolPromiseIteratorGeneratorProxy和ReffectS...

2022-08-03

48浏览

0评论

深入JS函数中默认参数的使用详解

目录ES5中的默认参数全新默认参数的诞生默认位置默认参数对函数的length属性的影响重新创建的默认参数默认参数与形参的结合使用默认参数的作用域问题默认参数的隐藏性死区（...

2022-08-03

36浏览

0评论

原生javascript实现图片轮播切换效果

本文实例为大家分享了javascript实现图片轮播切换效果的具体代码，供大家参考，具体内容如下效果如下：代码部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...

2022-08-03

48浏览

0评论

使用JS实现简单的图片切换功能

本文实例为大家分享了使用JS实现简单的图片切换的具体代码，供大家参考，具体内容如下效果如图：分析：首先为按钮添加单击响应事件，然后构造函数。
其实切换图片就是切换img标签src...

2022-08-03

27浏览

0评论

微信小程序实现tab点击切换

本文实例为大家分享了微信小程序无滑动效果的tab点击切换的具体代码，供大家参考，具体内容如下<view class="body"> <view class="swiper-...

2022-08-03

45浏览

0评论

JavaScript字典与集合详解

目录字典什么是字典JavaScript中的字典字典的应用集合什么是集合JS中的集合集合中的操作交集、并集、差集的封装字典什么是字典说到字典，第一时间想到的应该就是新华字典，实际...

2022-08-03

55浏览

0评论

JavaScript二叉树及各种遍历算法详情

目录什么是二叉树满二叉树完全二叉树二叉树的存储数组存储链表存储与二叉树相关的算法深度优先遍历广度优先遍历先序遍历中序遍历后序遍历前言:上一篇文章中介绍了树的概念...

2022-08-03

45浏览

0评论

js实现文字无缝轮播

本文实例为大家分享了js实现文字无缝轮播的具体代码，供大家参考，具体内容如下所用到的知识点：innerHTML 获取或设置某个对象的内容
scrollTop 滚动条滚动的距离，此属性是系统内...

2022-08-03

46浏览

0评论

js实现列表自动滚动循环播放

本文实例为大家分享了js实现列表自动滚动循环播放的具体代码，供大家参考，具体内容如下1.实现效果图鼠标移入，暂停滚动；鼠标移出，继续滚动；2.原理要实现无缝衔接，在原有ul后面还要...

2022-08-03

45浏览

0评论

JS数组中filter方法的使用实例

目录1、定义2、语法3、参数说明4、用法5、注意事项6、使用实例附：多条件单数据筛选总结1、定义 filter()创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所...

2022-08-03

49浏览

0评论

总结分享10个JavaScript代码优化小tips

目录写在前面慎用全局变量通过原型新增方法避免闭包中的内存泄露避免使用属性访问方法for循环优化选择最优的循环方式减少判断层级减少作用域链查找层级减少数据读取次数字...

2022-08-03

43浏览

0评论

JS实现图片轮播跑马灯

本文实例为大家分享了JS实现图片轮播跑马灯的具体代码，供大家参考，具体内容如下实现原理：1、准备一个展示区域的盒子，设置宽高；
2、准备一个存放所有图片的盒子，将所有图片依次放...

2022-08-03

54浏览

0评论

JavaScript数据结构与算法

目录前言数据结构常见的数据结构算法算法的特征算法的目标总结前言数据结构与算法这个词相信大家都听过、了解过、学过，那为什么要学习数据结构与算法呢？我感觉有以下两个原因...

2022-08-03

59浏览

0评论

微信小程序自定义可滑动的tab切换

本文实例为大家分享了微信小程序自定义tab切换（可滑动），供大家参考，具体内容如下自定义tab切换（可滑动）<view class="menu"> <navigator wx:fo...

2022-08-03

29浏览

0评论

JavaScript树结构深度优先算法

目录什么是树树的术语JavaScript中的树广度优先和深度优点遍历算法深度优先广度优先什么是树在现实生活中，相信每个人对树都很熟悉，不管是柳树、杨树还是桃树，可以说树在我们生...

2022-08-03

48浏览

0评论

小程序实现侧边栏切换

本文实例为大家分享了小程序实现侧边栏切换的具体代码，供大家参考，具体内容如下效果图如下：实现步骤：sort.wxml<view class="con">  <view class="...

2022-08-03

38浏览

0评论

JavaScript进阶之函数和对象知识点详解

目录JavaScript函数基本构造调用函数方法函数参数argument和rest代码调试变量的作用域函数体内变量作用域解释良好的变量定义格式全局变量局部变量常量Const方法的定义和调...

2022-08-03

38浏览

0评论

JavaScript+CSS实现唯美蝴蝶动画

目录演示技术栈源码对部分蝴蝶的设定飞动的设置对蝴蝶形体的设置演示技术栈关于svg标签在svg中关于图形的复用，是通过标签defs来解决的。举个例子：在图形中红色圆圈 ● 还有...

2022-08-03

39浏览

0评论

深入理解JavaScript内存管理和GC算法

目录前言内存的生命周期JavaScript中的内存分配在JavaScript中使用内存释放内存JavaScript中的垃圾回收GC算法引用计数算法标记清除算法标记整理算法V8中的内存管理V8是什么...

2022-08-03

30浏览

0评论

JavaScript数组实例的9个方法

目录前言mapfiltersomeeveryreduceforEachfind和findIndexjoin总结前言手写JS原生API在面试中很常见，今天努力工作之余（摸鱼的时候）翻到了MDN文章中关于数组实例方法这部分，正好...

2022-08-03

28浏览

0评论

JavaScript时间复杂度和空间复杂度

目录前言时间复杂度空间复杂度前言在上一篇文章中介绍了算法和数据结构的基本概念，这篇文章来介绍一下时间复杂度和空间复杂度。时间复杂度和空间复杂度是衡量一个算法是否优...

2022-08-03

31浏览

0评论

通过JavaScript实现扑克牌游戏的示例代码

首先，我们知道一副牌里有54张牌，然后牌里的数字是从 3 - 2 的里面总共有13张牌，然后 4 中花色分别是 &spades;️ &hearts;️ &clubs;️ &diams;️ 另外加上2个大小王！第一步：我们肯定需...

2022-08-03

39浏览

0评论

js实现新闻轮播效果

本文实例为大家分享了js实现新闻轮播效果的具体代码，供大家参考，具体内容如下原生js实现新闻轮播效果，附详细注释<!DOCTYPE html><html lang="en"><head> <meta charset="...

2022-08-03

45浏览

0评论

javascript 实现纯前端将数据导出excel两种方式

目录前言方法一方法二前言修改之前项目代码的时候，发现前人导出excel是用纯javascript实现的。并没有调用后台接口。之前从来没这么用过，记录一下。以备不时之需。方法一将tab...

2022-08-03

35浏览

0评论

js实现上下滑动轮播

本文实例为大家分享了js实现上下滑动轮播的具体代码，供大家参考，具体内容如下一、效果图二、设计思路第一步：遍历所有的元素使得鼠标点击右侧小图时，图片变亮并且根据偏移值加上...

2022-08-03

54浏览

0评论

聊聊Node.js中的多进程和多线程

我们都知道 Node.js 采用的是单线程、基于事件驱动的异步 I/O 模型，其特性决定了它无法利用 CPU 多核的优势，也不善于完成一些非 I/O 类型的操作（比如执行脚本、AI 计算、图像...

2022-07-26

118浏览

0评论

Laravel8+Vuejs怎么实现单页面应用（SPA）

我们都知道，Laravel 是一个很赞的框架！它允许全栈工程师们一站式构建前后端网站。因此，我们可以快速构建、交付高质量且安全的 web 项目。但它的强大不止于此。Laravel 还有很...

2022-07-26

113浏览

0评论

一文掌握JavaScript树结构深度优先算法

什么是树在现实生活中，相信每个人对树都很熟悉，不管是柳树、杨树还是桃树，可以说树在我们生活中随处可见；在计算机世界，树是一种分层结构的抽象模型，如下图所示：树结构的应用有很多...

2022-07-26

热门文章