JavaScript - 教程之家

68浏览

0评论

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

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

2022-08-03

55浏览

0评论

JS实现图片轮播跑马灯

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

2022-08-03

69浏览

0评论

JavaScript数据结构与算法

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

2022-08-03

74浏览

0评论

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

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

2022-08-03

52浏览

0评论

JavaScript树结构深度优先算法

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

2022-08-03

61浏览

0评论

小程序实现侧边栏切换

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

2022-08-03

52浏览

0评论

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

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

2022-08-03

53浏览

0评论

JavaScript+CSS实现唯美蝴蝶动画

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

2022-08-03

53浏览

0评论

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

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

2022-08-03

44浏览

0评论

JavaScript数组实例的9个方法

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

2022-08-03

41浏览

0评论

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

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

2022-08-03

52浏览

0评论

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

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

2022-08-03

58浏览

0评论

js实现新闻轮播效果

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

2022-08-03

62浏览

0评论

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

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

2022-08-03

48浏览

0评论

js实现上下滑动轮播

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

2022-08-03

76浏览

0评论

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

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

2022-07-26

131浏览

0评论

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

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

2022-07-26

134浏览

0评论

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

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

2022-07-26

170浏览

0评论

jquery怎么删除div元素的class属性

在jquery中，可以利用removeAttr()方法来移除div元素中的class属性jquery删除div元素class属性的步骤步骤1、利用jQuery选择器获取指定div元素$("选择器")会返回一个包含指定d...

2022-07-05

106浏览

0评论

详解如何使用Node.js开发一个简单图片爬取功能

爬虫的主要目的是收集互联网上公开的一些特定数据。利用这些数据我们可以能进行分析一些趋势对比，或者训练模型做深度学习等等。本期我们就将介绍一个专门用于网络抓取的 nod...

2022-06-30

129浏览

0评论

深入了解Vue中的双端diff 算法

Vue 和 React 都是基于 vdom 的前端框架，组件渲染会返回 vdom，渲染器再把 vdom 通过增删改的 api 同步到 dom。当再次渲染时，会产生新的 vdom，渲染器会对比两棵 vdom 树，对有差异...

2022-06-30

102浏览

0评论

javascript的23种设计模式示例总结大全

目录一、设计模式介绍设计模式的五大设计原则设计模式的三大类二、设计模式1.工厂模式2.抽象工厂模式3.建造者模式4.单例模式5.适配器模式6.装饰器模式7.代理模式8.外观模式...

2022-06-26

117浏览

0评论

小程序自定义轮播图圆点组件

本文实例为大家分享了小程序自定义轮播图圆点组件的具体代码，供大家参考，具体内容如下微信小程序自带的轮播图小点，是一个圆点且在图片上展示，不美观。上图为自定义后的轮播图效...

2022-06-25

85浏览

0评论

小程序实现侧滑删除功能

本文实例为大家分享了小程序实现侧滑删除的具体代码，供大家参考，具体内容如下1.页面布局<view class='dialogue-box'> <scroll-view scroll-y="true" style="height:{...

2022-06-25

127浏览

0评论

React自定义hook的方法

目录什么是hook常用的有哪些hook自定义hook什么是hookHook是 React 16.8 的新增特性。它通常与函数式组件同时使用。可以使函数式组件在不编写 class 的情况下，可以拥有class...

2022-06-25

110浏览

0评论

create-react-app全家桶router mobx全局安装配置

目录正文ceacte-react-app 初始化项目全局安装 create-react-app新建一个项目进入项目并启动sass 的配置安装 loader 依赖修改 webpack配置文件引入UI库安装组件按需加载修...

2022-06-25

148浏览

0评论

JavaScript创建多个对象方法总结

在开发过程中我们经常会遇到需要创建很多个相似的对象，很可能有很多相同的属性或方法，那我们创建多个对象的方法都有哪些呢？最好的方法有又是哪个呢？一起来来看看吧！1、创建多个...

2022-06-24

117浏览

0评论

深入了解Angular中的依赖注入模式（玩法案例）

1 注入，一种组件树状层级通信模式 & 设计模式1.1 组件通信模式在Angular工程开发中，通常我们使用Input属性绑定和Output事件绑定进行组件通信，然而Input和Output却只能在父子组...

2022-06-24

101浏览

0评论

JS中Object.assign方法的使用

最在做项目过程中，大量的使用了Object.assign方法，发现这个还是挺好使用的，现在总结下Object.assign的基本使用。一、基本语法Object.assign(target, ...sources)二、基本概念O...

2022-06-21

129浏览

0评论

TypeScript遍历Array的方法(for,forEach,every)

目录一、for..of 方法二、for..in 方法三、for循环四、forEach五、every和someTypescript的官方文档 Iterators and Geneators一、for..of 方法这是最常用的方法，遍历的值是...

2022-06-21

144浏览

0评论

TypeScript 数组Array操作的常用方法

目录一、数组的声明二、数组初始化三、数组元素赋值、添加、更改四、删除五、合并、断开数组六、查找数组元素位置七、连接数组元素八、排序、反序数组九、遍历请看这里数组...

2022-06-21

123浏览

0评论

document.cookie 使用小结

目录一、cookie设置二、修改cookie值三、获取cookie值四、删除cookie值一、cookie设置1、每个cookie都是键/值对，设置多个时，用；隔开，如：document.cookie = "userid=9;username=e...

2022-06-21

171浏览

0评论

vue中v-for数据状态值变了,但是视图没改变的解决方案

目录v-for数据状态值变了,但是视图没改变问题现象问题出现原因问题解决v-for循环改变循环数据视图不更新解决1解决2v-for数据状态值变了,但是视图没改变问题现象1.你在v-for...

2022-06-21

125浏览

0评论

VUE中的mapState和mapActions的使用详解

最近在开发一套系统，前端使用VUE开发，由于本人是后端开发，前端也会一点，但是VUE接触不多，在VUE项目开发遇到的一些坑记录一下，不是专业前端写好的不好，大家不要唝。。。在VUE项目中...

2022-06-20

105浏览

0评论

js前端设计模式优化50%表单校验代码示例

目录表单校验背景常规写法：策略模式介绍真实世界类比更广义的“算法”策略模式的组成利用策略模式改写策略模式优缺点优点：缺点：策略模式适合应用场景总结表单校验背...

2022-06-20

99浏览

0评论

JS精髓原型链继承及构造函数继承问题纠正

目录前言原型链继承构造函数继承组合继承前言先从面向对象讲起，本瓜认为：面向对象编程，它的最大能力就是：复用！咱常说，面向对象三大特点，封装、继承、多态。这三个特点，以“继...

2022-06-18

91浏览

0评论

5个实用的JavaScript新特性

目录前言1.# 使用"Object.hasOwn"替代“in”操作符2.# 使用"#"声明私有属性3.# 超有用的"数字分隔符"4.# 使用"?."简化"&&"和三元运算符5.# 使用"BigInt"支持大数...

2022-06-18

111浏览

0评论

JavaScript原型链中函数和对象的理解

目录__ proto__prototype.__ proto__理解__ proto__最近在看高程4，原型链肯定是绕不过的，本瓜之前一直认为，只要记住这句话就可以了：一个对象的隐式原型（__proto__）等于构造这个对...

2022-06-18

149浏览

0评论

JavaScript前端面试组合函数

经历过一些列的函数式编程思想的学习总结，一些重要的高阶函数的学习，以及前一段时间关于 RxJS 的学习。我们再回看一次 —— 组合函数 compose本瓜越来越觉得，【易读...

2022-06-18

182浏览

0评论

js前端面试常见浏览器缓存强缓存及协商缓存实例

目录前言搭建环境强缓存协商缓存Etag和If-None-MatchLast-Modify和if-modified-since前言最近在背面试题时，时常会看见浏览器缓存，虽然没有用过但是从它的描写中大致是知道它...

2022-06-18

172浏览

0评论

JavaScript中Reduce10个常用场景技巧

目录累加/累积求最大/最小值格式化搜索参数反序列化搜索参数拉平嵌套数组实现 flat数组去重数组计数获取对象多个属性反转字符串不知道大家平常用 Reduce 多不多，反正本瓜用...

2022-06-18

268浏览

0评论

js前端图片加载异常兜底方案

目录背景<img>加载错误解决方案内联事件全局img添加事件利用error事件捕获替换src方式的最优解CSS处理的最优解<img>加载超时解决方案嗅探切换Domain(CNAME)服务端下发Domai...

2022-06-18

169浏览

0评论

JavaScript架构localStorage特殊场景下二次封装操作

目录前言设计设置 setStorage获取 getStorage获取所有值删除 removeStorage清空 clearStorage加密、解密使用完整代码前言很多人在用 localStorage 或 sessionStorage 的时...

2022-06-18

94浏览

0评论

Vue2+JS实现扫雷小游戏

目录实现步骤1、场景布局实现2、初始化事件3、游戏动作（action）游戏收尾总结实现步骤1、场景布局实现布局就是经典的方格布局，对于场景的美观度可以自行找几个配色网站作为参考...

2022-06-18

148浏览

0评论

Javascript如何理解全国甲卷高考作文

目录前言回顾PromisePromise.allasync需求实现准备准备数据封装请求原生Promiseasync文末前言2022年全国甲卷高考语文作文已然出炉，笔者看到后居然想起了这个表情包好家伙，还...

2022-06-08

105浏览

0评论

TypeScript函数和类型断言实例详解

目录开始断言非空断言类型断言尖括号as确定赋值断言类型守卫trpeofin函数可选参数默认值参数函数重载结束开始现在要加速学习了，大佬们有没有内推，给个推荐会vue2/vue3 + ts断...

2022-06-08

122浏览

0评论

JS冷知识之不起眼但有用的String.raw方法

目录String.raw自定义标签String.rawString.raw是JavaScript中模板字符串的一个标签函数，它的作用是将模板字符串不转义的原始字符串内容返回。也就是说，如下代码：console.log(...

2022-06-08

307浏览

0评论

Vue前端项目自适应布局的简单方法

目录一、单位尺寸二、基于rem实现自适应布局附：html5页面的rem 布局适配方法总结一、单位尺寸px%vw、vh: 窗口em: 针对父元素的font-sizerem：“root em”的缩写，是...

2022-06-08

152浏览

0评论

Vue+Canvas制作简易的水印添加器小工具

目录前言效果展示实现功能实现思路总结前言随着搬运工的逐渐增加,原创作者的利益收到了极大的影响.所以给图片或视频加上水印显得极其重要,他可以有效的维护原创作者的版权...

2022-06-08

204浏览

0评论

手把手带你利用vue3.x绘制流程图

GitHub-workflowhttps://github.com/554246839/component-test/tree/dev/src/components/workflow这里主要是针对于工作流场景的流程图绘制及实现方式。下面是效果图：整体结...

2022-06-08

热门文章