js数组运用之如何使用tostring方法转变成字符串
上一篇文章介绍了使用join方法把数组中元素转成字符串的方法，这一次，我们就来说一下把数组元素转变成字符串的另外一种方法。首先我们来看一个小栗子。<script>var arr = new...
2021-08-11
聊聊vscode中debugger的使用技巧
debugger 原理运行 nodejs 代码的时候，如果带上了 --inspect（可以打断点） 或者 --inspect-brk（可以打断点，并在首行断住） 的参数，那么就会以 debugger 的模式启动：可以看到，node 启动...
2021-08-11
js数组之间如何进行连接
之前我们说过很多js中关于数组对象的方法了，但是我们一直没说过数组之间应该如何连接，今天我们就来说说。首先我们来看一个小栗子。<script>var arr = new Array(3); arr[0] =...
2021-08-11
js如何使用includes()判断数组是否含有指定值
这次我们先来看一个小问题：已知，我们有一个包含one，two，three的数组，我们想知道，这个数组中是否包含元素five该如何做呢？如果包含，返回true，不包含返回false。那如果我们想知道的元素...
2021-08-11
javascript指定元素的末尾索引该如何返回
我们先来看一个小例子。我们现在有这样一个问题，已知，我们有一个包含one，two，three，one，two的数组，现在我们想知道在这个数组中，three这个元素最后一次出现的索引是什么？one这个元素...
2021-08-11
如何通过js程序删除数组重复项（忽略大小写敏感）
比如我先给一个示例数组：[1, 2, 2, 4, 5, 4, 7, 8, 7, 3, 6]，该数组中明显有重复的数值，那么各位自己先动动手实现删除重复项吧！下面我将给大家分享两种js删除数组中重复项的实...
2021-08-11
js数组运用之元素能否通过指定函数的测试
这次我们来出一个小题目，我们一起来算一下可好？请看题：我们有2，7，9，13，78，57，91，575，765，23这十个元素存在的数组，现在我们想知道这个数组中的元素是不是都是大于50的？如果是请返回true，如...
2021-08-11
js如何用固定的元素填充数组
之前我们知道了如何将数组元素转变成字符串，元素能否通过指定函数测试的方法，知道了什么是数组的长度，今天我们就来介绍一下用固定的元素填充数组的方法是什么。首先我们来看一...
2021-08-11
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
介绍JavaScript中...扩展运算符的常用方法
个人对…常用方法的理解…作为扩展运算符这里指的扩展是针对数组或字符串或伪数组（就是类似于数组这样的可以用下标将每一项取出来，并且有总体长度属性的数据，以下...
2021-08-11
react 生命周期实例分析
本文实例讲述了react 生命周期。分享给大家供大家参考，具体如下：组件挂载：componentWillMount(组件将要挂载到页面)->render(组件挂载中)->componentDidMount（组件挂载完成后）组...
2021-08-11
从零搭建Webpack5-react脚手架的实现步骤(附源码)
目录webpack5
正式开始
搭建指南开始搭建完成了依赖的准备工作,开始搭建项目编写webpack.dev.js开发配置
开始编写webpack.prod.js生产配置编写scripts命令
配置代码质量管...
2021-08-11
react路由守卫的实现(路由拦截)
react不同于vue，通过在路由里设置meta元字符实现路由拦截。在使用 Vue ，框架提供了路由守卫功能，用来在进入某个路有前进行一些校验工作，如果校验失败，就跳转到 404 或者登陆页面...
2021-08-11
React翻页器的实现(包含前后端)
目录前端
按照上面的思路去设计与写翻页器的函数
后端（以java为例）
注意前端
首先需要熟悉前端react中table中的属性pagination<Pagination onChange={onChange} total={50} /...
2021-08-11
关于React Native使用axios进行网络请求的方法
在前端开发中，能够完成数据请求的方式有很多，如Ajax、jQuery ajax、axios和fetch等。不过，随着技术的发展，现在能够看到的基本上也就axios和fetch两种。axios是一个基于Promise...
2021-08-11
使用 Rails API 构建一个 React 应用程序的详细步骤
目录后端：Rails API部分前端：React部分React组件使用 axios 获取 API 数据【51CTO.com快译】使用React创建项目时，动态数据无法保存的问题要怎么办呢？为此，我开始寻找一个充当备...
2021-08-11
react-beautiful-dnd 实现组件拖拽功能
目录1.安装2.APi3.react-beautiful-dnd demo3.1 demo1 纵向组件拖拽3.2 demo2 水平拖拽3.3 demo3实现一个代办事项的拖拽（纵向 横向拖拽）4.感受一个React.js 的 漂亮,可移植性...
2021-08-11
React Native自定义路由管理的深入理解
目录1、自定义路由
2、Tab导航
3、数据回传
总结1、自定义路由
众所周知，不管是在原生Android还是iOS，它们都有一个默认的路由路由栈管理类。由于React Native官方没有提供路...
2021-08-11
JavaScript中实现new的两种方式引发的探究
前言当你 new 一个构造函数时发生了什么？“众所周知”的三步：创建一个空对象，将它的引用赋给 this，继承函数的原型；通过 this 将属性和方法添加至这个对象；最后返回 this 指向的新...
2021-08-10
详解操作cookie的原生方法cookieStore
目录1. 平时如何操作 cookie2. 新方式 cookieStore2.1 基本方法2.2 设置 cookie2.3 获取 cookie2.4 获取所有的 cookie2.5 删除 cookie2.6 监听 cookie 的变化3. 总结1. 平...
2021-08-10
JavaScript获取网页的宽高及如何兼容详解
很多场景下会需要获取当前网页的宽高来达到一些效果，但是获取网页的宽高这里面还是有一点（hen duo）坑的，这里我进行了总结和详解，若有补充欢迎评论补充~方式一：window.innerWidth...
2021-08-10
jquery插件实现鼠标隐藏
本文实例为大家分享了jquery插件实现鼠标隐藏的具体代码，供大家参考，具体内容如下鼠标悬浮在某个dom上的时候，自动给你隐藏，效果图因为录屏软件的问题，作用不出来效果如下代码部...
2021-08-10
如何实现axios的自定义适配器adapter
目录1. 适配器要实现的功能1.1 promise 和工具1.2 响应的格式1.3 超时设置1.4 主动取消请求2. 编写自定义适配器3. 将适配器添加到 axios 中4. 总结1. 适配器要实现的功能我...
2021-08-10
JS如何让你的移动端交互体验更加优秀
目录1. 即时反馈1.1 按钮的即时反馈1.2 持续性的反馈1.3 页面初始化1.4 数据的展示2. 行为跟随2.1 点击按钮后呼起弹窗2.2 列表中有对象变动时2.3 丝滑的滑动跟随3. 考虑移...
2021-08-10
JS如何实现基于websocket的多端桥接平台
目录1. 要调试什么2. websocket 的特性3. 建立 socket 连接3.1 如何创建房间3.2 客户端的断线重现机制3.3 心跳检测4. 进行接口的调试4.1 接口的调试4.2 历史记录的存储5....
2021-08-10
JavaScript实现可拖拽的进度条
本文实例为大家分享了JavaScript实现可拖拽的进度条的具体代码，供大家参考，具体内容如下一.进度条实现<html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge">...
2021-08-10
详解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
jquery 步骤进度轴插件的实现代码
每天一个jquery插件-步骤进度轴 步骤进度轴很多工具型的网站入门教程或者注册账号走流程的时候会有这个结构存在，所以做了一个来尝试一下，回调动作也能用吧效果如下代码部分*{...
2021-08-10
如何理解JavaScript模块化
目录1. 浏览器支持2. export 导出模块3. import 导入模块4. 创建模块对象5. export import 中转站6. 动态加载模块1. 浏览器支持使用JavaScript 模块依赖于 import 和 expor...
2021-08-10
JavaScript定时器实现无缝滚动图片
本文实例为大家分享了JavaScript实现无缝滚动图片的具体代码，供大家参考，具体内容如下文本： setInterval 开启间隔型定时器 clearTimeout 关闭定时器 offsetWidth 获...
2021-08-10
如何用JS有效的压缩图片
目录前言转化关系具体实现file2DataUrl(file, callback)file2Image(file, callback)url2Image(url, callback)image2Canvas(image)canvas2DataUrl(canvas, quality, type)da...
2021-08-10
js实现经典扫雷游戏
本文实例为大家分享了js实现经典扫雷游戏的具体代码，供大家参考，具体内容如下项目结构实现效果思路流程1、写出基本的布局
2、利用js生成扫雷的table表格
3、利用随机数来做地...
2021-08-10
jQuery轮播图功能实现方法
本文实例为大家分享了jQuery轮播图功能的实现代码，供大家参考，具体内容如下jQuery轮播（无animation）html布局<!-- 整个轮播区域 --> <div class="container"> <!-- 轮播图 --...
2021-08-10
JavaScript实现简易tab栏切换内容栏
本文实例为大家分享了JavaScript实现简易tab栏切换内容栏的具体代码，供大家参考，具体内容如下html+css部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
2021-08-10
Chrome插件(扩展)开发全攻略(完整demo)
目录写在前面前言什么是Chrome插件学习Chrome插件开发有什么意义为什么是Chrome插件而不是Firefox插件开发与调试核心介绍manifest.jsoncontent-scriptsbackgroundevent-pag...
2021-08-10
详解Angular动态组件
目录使用场景怎么实现一、动态组件放在哪二、怎么获取组件的实例使用场景我们先明确下动态组件的使用场景，在代码运行时要动态加载组件，换成普通人话，代码需要根据具体情况（比如...
2021-08-10
详解Angular父子组件通讯
目录概述一、输入输出属性概述二、输入属性三、属性绑定是单向的，从父组件到子组件四、输出属性1、先模拟一个实时变动的IBM的股票价格2、把信息输出出去，告诉组件外部，谁感兴...
2021-08-10
详解Angular结构型指令模块和样式
目录一，结构型指令二，模块Module写一个forRoot()三，风格定义使用ngStyle在拖拽的时候调整顺序一，结构型指令*是一个语法糖,<a *ngIf="user.login">退出</a>相当于<ng-template [...
2021-08-10
详解Angular路由动画及高阶动画函数
目录一、路由动画二、Group三、Query & Stagger一、路由动画路由动画需要在host元数据中指定触发器。动画注意不要过多，否则适得其反。内容优先，引导用户去注意到某个内容。动...
2021-08-10
浅谈JS如何写出漂亮的条件表达式
目录多条件语句多属性对象替换Switch语句默认参数与解构匹配所有或部分条件使用可选链和 Nullish 合并多条件语句多条件语句使用Array.includes举个例子function printAnima...
2021-08-10
如何用DevUI搭建自己的Angular组件库
目录前言创建组件库关键配置修改目录布局调整库构建关键配置开发一个Alert组件组件功能介绍组件结构分解定义输入输出定义布局测试Alert组件开发态引用组件编写单元测试发布...
2021-08-10
微信小程序实现简单的摇骰子游戏
本文实例为大家分享了微信小程序实现摇骰子游戏的具体代码，供大家参考，具体内容如下页面代码<view class='top'>{{txt}}</view><view class='point1'> <image src='{{one_img}...
2021-08-10
JavaScript实现异步获取表单数据
本文实例为大家分享了JavaScript实现异步获取表单数据的具体代码，供大家参考，具体内容如下在上一篇文章中讲到了使用JavaScript异步提交表单中的数据，那么今天我们就讲讲利用Ja...
2021-08-10
ES6 解构赋值的原理及运用
目录数组的解构赋值对象的解构赋值
解构赋值的运用
交换变量的值
从函数返回多个值
遍历Map结构
函数参数的解构赋值数组的解构赋值let [a, b, c] = [1, 2, 3]同时定义多个...
2021-08-10
详解Angular之路由基础
目录一、路由相关对象二、路由对象的位置三、路由配置四、代码中通过Router对象导航五、配置不存在的路径六、重定向路由七、在路由时候传递数据一、路由相关对象Router和Ro...
2021-08-10
关于加快微信小程序开发的一些小建议
1.使用 app.json创建页面​ 按照我们平常的开发习惯，创建一个新的页面，一般都会先创建文件夹，再创建对应page的形式，创建完成后，app.json中会自动注册该页面。实际上，我们还...
2021-08-10
微信小程序开发实用技巧之数据传递和存储
结合自己在平时的开发中遇到的各种问题，和浏览各种问题的解决方案总结出一些自己在日常开发中常用的技巧和知点,希望各位不吝斧正。1.短生命周期数据存储以小程序启动到彻底...
2021-08-10
小程序实现分页效果
本文实例为大家分享了小程序实现分页效果展示的具体代码，供大家参考，具体内容如下<view class="pages_box"> <view bindtap="pagesFn" class="{{pagesNum==0?'active':''...
2021-08-10
JavaScript实现异步提交表单数据
本文实例为大家分享了JavaScript实现异步提交表单数据的具体代码，供大家参考，具体内容如下效果如下：首先看一下HTML代码部分：<div class="container"> <form class="form-...
2021-08-10
QT与javascript交互数据的实现
一、数据从QT流向JS
1、QT调用JS的函数，JS通过形参获得QT的值
2、JS调用QT的函数，QT函数的返回值进入JS
二、数据从JS流向QT
1、JS调用QT的函数，QT通过形参获得JS的值
2、QT调...
2021-08-10
