JavaScript - 教程之家

137浏览

0评论

教大家在JavaScript中以不同的方式声明变量

那么本文的主题则是教大家在JavaScript中以不同的方式声明变量！首先大家应该也知道在 JavaScript 中，可以通过使用不同的关键字以不同的方式声明变量，毕竟每个关键字在 JavaScr...

2021-08-17

325浏览

0评论

JS数组学习之根据数组下标添加元素

数组中的每个元素都有一个序号，这个序号从0开始，被称为下标（Index）。数组的下标是非常重要的，利用下标我们可以访问数组元素，只需指明下标即可，形式为：数组名[下标索引]。例：a[0] //...

2021-08-17

130浏览

0评论

JS字符串学习之怎么统一所有字符的大小写

有时我们得到的一个字符串是大小写混合的，不方便阅读，那么如何统一字符串的大小写呢？这就需要进行字符串大小写的转换，将其统一转为大写或小写。下面就来具体了解一下。我们来看...

2021-08-17

78浏览

0评论

示例详解用javascript隐藏电子邮件地址

那么我们先具体描述一下问题：“如何编写一个 JavaScript 函数来隐藏电子邮件地址以防止未经授权的用户访问”？下面直接上代码：<!DOCTYPE html><html><head> <meta...

2021-08-17

120浏览

0评论

用JavaScript计算一个正整数的因数

本文的主题则是“如何编写一个 JavaScript 函数来计算一个正整数的因数”？那么啥是因数？这属于小学知识大家应该都知道吧，因数是指整数a除以整数b(b≠0) 的商正好...

2021-08-17

135浏览

0评论

分享五个好用的VueUse函数，一起用起来吧！

它有几十个用于常见开发人员用例的解决方案，如跟踪ref更改，检测元素可见性，简化常见Vue模式，键盘/鼠标输入等。这是真正节省开发时间的好方法，因为我们不必自己亲手添加所有这些...

2021-08-17

123浏览

0评论

js怎么知道给定子串是不是存在

在javascript中有多种方法可以判断指定子串是否存在，例如通过获取子串在字符串的第一次或最后一次出现位置，然后判断该出现位置是否真是存在，即是否有正整数值；如果有则该指定子...

2021-08-17

99浏览

0评论

深入浅析JavaScript中的回调函数

在本文中，会解释回调函数的概念。另外，还会帮助智米们区分两种回调：同步和异步。1.回调函数我们编写一个问候的函数，首先创建一个函数greet(name)，该函数返回欢迎消息：function g...

2021-08-14

84浏览

0评论

如何用js计算最大公约数

不过关于最大公约数的简单概念，还是要在这里介绍一下：→最大公因数，也就是最大公约数、也称为最大公因子，是指两个或多个整数共有约数中最大的一个。比如a，b的最大公约数记为...

2021-08-12

90浏览

0评论

javascript如何颠倒元素位置

我们有时候可以看到正着放进数组里的元素被反着输出了，那你们知道这是怎么回事吗？如果不知道没有关系，我们今天回来介绍。如果知道那就当做复习啦。现在我们就来介绍一下。首先...

2021-08-11

98浏览

0评论

javascript如何设置数组长度

之前我们知道了不少关于javascript数组的知识了，但是好像没有仔细说过length这个属性。先来看一个小例子。<script>var arr = new Array(3); arr[0] = "one";arr[1] = "two";...

2021-08-11

135浏览

0评论

js如何使用join方法把数组中的元素转成字符串

我们了解了不少有关于数组的方法，今天我们来介绍一个将数组元素转变成字符串的方法。首先我们来看一个小例子。<script>var arr = new Array(3); arr[0] = "one";arr[1] = "t...

2021-08-11

136浏览

0评论

js数组运用之如何使用tostring方法转变成字符串

上一篇文章介绍了使用join方法把数组中元素转成字符串的方法，这一次，我们就来说一下把数组元素转变成字符串的另外一种方法。首先我们来看一个小栗子。<script>var arr = new...

2021-08-11

85浏览

0评论

聊聊vscode中debugger的使用技巧

debugger 原理运行 nodejs 代码的时候，如果带上了 --inspect（可以打断点）或者 --inspect-brk（可以打断点，并在首行断住）的参数，那么就会以 debugger 的模式启动：可以看到，node 启动...

2021-08-11

205浏览

0评论

js数组之间如何进行连接

之前我们说过很多js中关于数组对象的方法了，但是我们一直没说过数组之间应该如何连接，今天我们就来说说。首先我们来看一个小栗子。<script>var arr = new Array(3); arr[0] =...

2021-08-11

224浏览

0评论

js如何使用includes()判断数组是否含有指定值

这次我们先来看一个小问题：已知，我们有一个包含one，two，three的数组，我们想知道，这个数组中是否包含元素five该如何做呢？如果包含，返回true，不包含返回false。那如果我们想知道的元素...

2021-08-11

81浏览

0评论

javascript指定元素的末尾索引该如何返回

我们先来看一个小例子。我们现在有这样一个问题，已知，我们有一个包含one，two，three，one，two的数组，现在我们想知道在这个数组中，three这个元素最后一次出现的索引是什么？one这个元素...

2021-08-11

132浏览

0评论

如何通过js程序删除数组重复项（忽略大小写敏感）

比如我先给一个示例数组：[1, 2, 2, 4, 5, 4, 7, 8, 7, 3, 6]，该数组中明显有重复的数值，那么各位自己先动动手实现删除重复项吧！下面我将给大家分享两种js删除数组中重复项的实...

2021-08-11

78浏览

0评论

js数组运用之元素能否通过指定函数的测试

这次我们来出一个小题目，我们一起来算一下可好？请看题：我们有2，7，9，13，78，57，91，575，765，23这十个元素存在的数组，现在我们想知道这个数组中的元素是不是都是大于50的？如果是请返回true，如...

2021-08-11

103浏览

0评论

js如何用固定的元素填充数组

之前我们知道了如何将数组元素转变成字符串，元素能否通过指定函数测试的方法，知道了什么是数组的长度，今天我们就来介绍一下用固定的元素填充数组的方法是什么。首先我们来看一...

2021-08-11

124浏览

0评论

js数组里的元素如何执行指定函数

首先我们来看一个小例子。<script>var arr = new Array(7); arr[0] = "one";arr[1] = "two";arr[2] = "three";arr.forEach(element => console.log(element));</script>这...

2021-08-11

63浏览

0评论

介绍JavaScript中...扩展运算符的常用方法

个人对…常用方法的理解…作为扩展运算符这里指的扩展是针对数组或字符串或伪数组（就是类似于数组这样的可以用下标将每一项取出来，并且有总体长度属性的数据，以下...

2021-08-11

68浏览

0评论

react 生命周期实例分析

本文实例讲述了react 生命周期。分享给大家供大家参考，具体如下：组件挂载：componentWillMount(组件将要挂载到页面)->render(组件挂载中)->componentDidMount（组件挂载完成后）组...

2021-08-11

103浏览

0评论

从零搭建Webpack5-react脚手架的实现步骤(附源码)

目录webpack5
正式开始
搭建指南开始搭建完成了依赖的准备工作,开始搭建项目编写webpack.dev.js开发配置
开始编写webpack.prod.js生产配置编写scripts命令
配置代码质量管...

2021-08-11

436浏览

0评论

react路由守卫的实现(路由拦截)

react不同于vue，通过在路由里设置meta元字符实现路由拦截。在使用 Vue ，框架提供了路由守卫功能，用来在进入某个路有前进行一些校验工作，如果校验失败，就跳转到 404 或者登陆页面...

2021-08-11

122浏览

0评论

React翻页器的实现(包含前后端)

目录前端
按照上面的思路去设计与写翻页器的函数
后端（以java为例）
注意前端
首先需要熟悉前端react中table中的属性pagination<Pagination onChange={onChange} total={50} /...

2021-08-11

136浏览

0评论

关于React Native使用axios进行网络请求的方法

在前端开发中，能够完成数据请求的方式有很多，如Ajax、jQuery ajax、axios和fetch等。不过，随着技术的发展，现在能够看到的基本上也就axios和fetch两种。axios是一个基于Promise...

2021-08-11

82浏览

0评论

使用 Rails API 构建一个 React 应用程序的详细步骤

目录后端：Rails API部分前端：React部分React组件使用 axios 获取 API 数据【51CTO.com快译】使用React创建项目时，动态数据无法保存的问题要怎么办呢？为此，我开始寻找一个充当备...

2021-08-11

118浏览

0评论

react-beautiful-dnd 实现组件拖拽功能

目录1.安装2.APi3.react-beautiful-dnd demo3.1 demo1 纵向组件拖拽3.2 demo2 水平拖拽3.3 demo3实现一个代办事项的拖拽（纵向横向拖拽）4.感受一个React.js 的漂亮,可移植性...

2021-08-11

93浏览

0评论

React Native自定义路由管理的深入理解

目录1、自定义路由
2、Tab导航
3、数据回传
总结1、自定义路由
众所周知，不管是在原生Android还是iOS，它们都有一个默认的路由路由栈管理类。由于React Native官方没有提供路...

2021-08-11

97浏览

0评论

JavaScript中实现new的两种方式引发的探究

前言当你 new 一个构造函数时发生了什么？“众所周知”的三步：创建一个空对象，将它的引用赋给 this，继承函数的原型；通过 this 将属性和方法添加至这个对象；最后返回 this 指向的新...

2021-08-10

143浏览

0评论

详解操作cookie的原生方法cookieStore

目录1. 平时如何操作 cookie2. 新方式 cookieStore2.1 基本方法2.2 设置 cookie2.3 获取 cookie2.4 获取所有的 cookie2.5 删除 cookie2.6 监听 cookie 的变化3. 总结1. 平...

2021-08-10

91浏览

0评论

JavaScript获取网页的宽高及如何兼容详解

很多场景下会需要获取当前网页的宽高来达到一些效果，但是获取网页的宽高这里面还是有一点（hen duo）坑的，这里我进行了总结和详解，若有补充欢迎评论补充~方式一：window.innerWidth...

2021-08-10

82浏览

0评论

jquery插件实现鼠标隐藏

本文实例为大家分享了jquery插件实现鼠标隐藏的具体代码，供大家参考，具体内容如下鼠标悬浮在某个dom上的时候，自动给你隐藏，效果图因为录屏软件的问题，作用不出来效果如下代码部...

2021-08-10

134浏览

0评论

如何实现axios的自定义适配器adapter

目录1. 适配器要实现的功能1.1 promise 和工具1.2 响应的格式1.3 超时设置1.4 主动取消请求2. 编写自定义适配器3. 将适配器添加到 axios 中4. 总结1. 适配器要实现的功能我...

2021-08-10

81浏览

0评论

JS如何让你的移动端交互体验更加优秀

目录1. 即时反馈1.1 按钮的即时反馈1.2 持续性的反馈1.3 页面初始化1.4 数据的展示2. 行为跟随2.1 点击按钮后呼起弹窗2.2 列表中有对象变动时2.3 丝滑的滑动跟随3. 考虑移...

2021-08-10

145浏览

0评论

JS如何实现基于websocket的多端桥接平台

目录1. 要调试什么2. websocket 的特性3. 建立 socket 连接3.1 如何创建房间3.2 客户端的断线重现机制3.3 心跳检测4. 进行接口的调试4.1 接口的调试4.2 历史记录的存储5....

2021-08-10

51浏览

0评论

JavaScript实现可拖拽的进度条

本文实例为大家分享了JavaScript实现可拖拽的进度条的具体代码，供大家参考，具体内容如下一.进度条实现<html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge">...

2021-08-10

80浏览

0评论

详解JS中你不知道的各种循环测速

目录前言1. for 循环2. while 循环和 do-while 循环3. forEach、map 和 reduce 循环3.1 forEach 的简要介绍3.2 forEach 等的测速4. for-of4.1 for-of 的简要介绍4.2 for-of...

2021-08-10

66浏览

0评论

jquery 步骤进度轴插件的实现代码

每天一个jquery插件-步骤进度轴步骤进度轴很多工具型的网站入门教程或者注册账号走流程的时候会有这个结构存在，所以做了一个来尝试一下，回调动作也能用吧效果如下代码部分*{...

2021-08-10

64浏览

0评论

如何理解JavaScript模块化

目录1. 浏览器支持2. export 导出模块3. import 导入模块4. 创建模块对象5. export import 中转站6. 动态加载模块1. 浏览器支持使用JavaScript 模块依赖于 import 和 expor...

2021-08-10

88浏览

0评论

JavaScript定时器实现无缝滚动图片

本文实例为大家分享了JavaScript实现无缝滚动图片的具体代码，供大家参考，具体内容如下文本： setInterval 开启间隔型定时器 clearTimeout 关闭定时器 offsetWidth 获...

2021-08-10

83浏览

0评论

如何用JS有效的压缩图片

目录前言转化关系具体实现file2DataUrl(file, callback)file2Image(file, callback)url2Image(url, callback)image2Canvas(image)canvas2DataUrl(canvas, quality, type)da...

2021-08-10

114浏览

0评论

js实现经典扫雷游戏

本文实例为大家分享了js实现经典扫雷游戏的具体代码，供大家参考，具体内容如下项目结构实现效果思路流程1、写出基本的布局
2、利用js生成扫雷的table表格
3、利用随机数来做地...

2021-08-10

122浏览

0评论

jQuery轮播图功能实现方法

本文实例为大家分享了jQuery轮播图功能的实现代码，供大家参考，具体内容如下jQuery轮播（无animation）html布局 <div class="container"> <!-- 轮播图 --...

2021-08-10

55浏览

0评论

JavaScript实现简易tab栏切换内容栏

本文实例为大家分享了JavaScript实现简易tab栏切换内容栏的具体代码，供大家参考，具体内容如下html+css部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...

2021-08-10

73浏览

0评论

Chrome插件(扩展)开发全攻略(完整demo)

目录写在前面前言什么是Chrome插件学习Chrome插件开发有什么意义为什么是Chrome插件而不是Firefox插件开发与调试核心介绍manifest.jsoncontent-scriptsbackgroundevent-pag...

2021-08-10

60浏览

0评论

详解Angular动态组件

目录使用场景怎么实现一、动态组件放在哪二、怎么获取组件的实例使用场景我们先明确下动态组件的使用场景，在代码运行时要动态加载组件，换成普通人话，代码需要根据具体情况（比如...

2021-08-10

61浏览

0评论

详解Angular父子组件通讯

目录概述一、输入输出属性概述二、输入属性三、属性绑定是单向的，从父组件到子组件四、输出属性1、先模拟一个实时变动的IBM的股票价格2、把信息输出出去，告诉组件外部，谁感兴...

2021-08-10

58浏览

0评论

详解Angular结构型指令模块和样式

目录一，结构型指令二，模块Module写一个forRoot()三，风格定义使用ngStyle在拖拽的时候调整顺序一，结构型指令*是一个语法糖,<a *ngIf="user.login">退出</a>相当于<ng-template [...

2021-08-10

热门文章