编程开发 - 教程之家

58浏览

0评论

基于JS实现二维码名片生成的示例代码

目录演示技术栈源码cssjs演示技术栈这里用到了一个二维码生成库qrcode.js下面是简单介绍://初始化QRCode对象var qrcode = new QRCode(document.getElementById("qrcode"));...

2022-08-03 21:58:23

39浏览

0评论

深入学习JavaScript中的promise

目录为什么要用Promise？使用Promise解决异步控制问题Promise的结构回调函数为什么异步代码一定是回调函数结构？刨析Promise原型方法——catch\finally\then为什么要...

2022-08-03 21:58:21

40浏览

0评论

小程序实现轮播每次显示三条数据

本文实例为大家分享了小程序轮播每次显示三条数据的具体代码，供大家参考，具体内容如下1.页面布局 <view class='Lean_item'> ...

2022-08-03 21:58:19

49浏览

0评论

ArrayBuffer Uint8Array Blob与文本字符相互转换示例

目录API介绍字符与ArrayBuffer，Uint8Array相互转换API介绍前端 File 上传、下载，Canvas 保存图片，Ajax 和 Fetch 二进制流传输，PDF 预览，浏览器上 WebAssembly 的应用等等都需要...

2022-08-03 21:58:17

43浏览

0评论

JavaScript大文件上传的处理方法之切片上传

目录前言切片后上传生成hash文件秒传暂停上传中断请求示例添加暂停上传功能恢复上传添加功能总结前言本篇介绍了切片上传的基本实现方式（前端），以及实现切片上传后的一些附加功...

2022-08-03 21:58:15

41浏览

0评论

js使弹层下面的body禁止滚动

弹窗是一种常见的交互方式，而蒙层是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，在蒙层元素中滑动的时候，滑到内容的尽头时，再继续滑动，蒙层底部的页面会...

2022-08-03 21:58:14

50浏览

0评论

JavaScript文件上传的常见问题整理

文件上传：<input type="file" /> （IE9及以下不支持下面这些功能，其它浏览器最新版本均已支持。）1、允许上传文件数量允许选择多个文件：<input type="file" multiple>只允许上传一...

2022-08-03 21:58:12

31浏览

0评论

使用webpack打包ts代码的实现

目录使用 webpack 打包生成 package.json安装 cnpm安装 webpack 相关编写 webpack 配置文件创建 tsconfig.json修改 package.json使用webpack打包安装插件html-webpack-plug...

2022-08-03 21:58:10

37浏览

0评论

TypeScript在Vuex4中使用TS实战分享

目录简介createStoreGetterTreeMutationTreeActionTreeModuleTree实战整体目录结构首先定义根state的类型在创建store的时候将根state的类型传递进去。并且需要导出key在Vue...

2022-08-03 21:58:07

57浏览

0评论

TypeScript合并两个排序链表的方法详解

目录前言思路分析实现代码测试用例示例代码前言给定两个递增排序的链表，如何将这两个链表合并？合并后的链表依然按照递增排序。本文就跟大家分享一种解决方案思路分析经过前面...

2022-08-03 21:58:04

27浏览

0评论

详解JavaScript如何准确获取任意变量的数据类型

目录判断类型常用的方法typeofinstanceoftoString封装一个获取类型的函数typeof + instanceof（不推荐）toString总结js是弱类型语言，或者说是动态语言，在定义变量时我们可以不提...

2022-08-03 21:58:02

55浏览

0评论

Rxjs TakeUntil 操作符内容梳理总结

TakeUntil 的官方文档对这个操作符的解释是：Emit values until provided observable emits.即它可以被赋予另一个起锚定作用的 Observable，当该锚定 Observable emit 值时，原始...

2022-08-03 21:58:01

62浏览

0评论

基于JS实现简单的3D立方体自动旋转

目录演示技术栈源码cssjs雪花部分演示技术栈display:inline-block，block，inline元素的区别:display：block将元素显示为块级元素，从而可以更好地操控元素的宽高，以及内外边距，每一...

2022-08-03 21:57:59

62浏览

0评论

微信小程序之五种页面跳转方法小结

目录第一种:<navigator></navigator>标签.第二种:wx.navigateTo.第三种:wx.redirectTo.第四种:wx.switchTab.第五种:wx.reLaunch.第一种:<navigator></navigator>标签.这是...

2022-08-03 21:57:19

54浏览

0评论

教你如何使用 JavaScript 读取文件

目录使用 JavaScript 读取文件概述选择带有输入元素的文件处理输入元素的变化事件从输入元素的 files 属性中获取一个 File 对象使用 FileReader 读取 File 对象读取文件示...

2022-08-03 21:57:17

35浏览

0评论

利用JavaScript实现3D可旋转粒子矩阵效果

目录演示技术栈dat.gui.min.js源码js部分演示技术栈本次使用了dat.gui.min.js这个新库（就是在我文章里没有出现过的那么他们的功能有哪些呢？——可以百度搜搜）不想搜...

2022-08-03 21:57:14

67浏览

0评论

关于layui的按钮禁用与恢复方式

目录layui的按钮禁用与恢复禁用按钮状态恢复按钮状态layui中基本元素之按钮按钮用法主题尺寸圆角图标按钮组按钮容器layui的按钮禁用与恢复禁用按钮状态$('#sendSmsBtn').ad...

2022-08-03 21:57:12

32浏览

0评论

JavaScript的11个小技巧整理

目录1、过滤唯一值2、短路求值（Short-Circuit Evaluation）工作原理场景举例3、转换Boolean型4、转换String型5、转换Number类型6、快速求幂7、快速Float转Integer使用场景8、...

2022-08-03 21:57:08

53浏览

0评论

使用clipboard.js库实现复制剪切功能

项目地址：https://github.com/zenorocha/clipboard.js现代化的“复制到剪切板”插件。不包含 Flash。gzip 压缩后仅 3kb。为什么使用它复制文字到剪切板不应该很难...

2022-08-03 21:57:07

26浏览

0评论

实用的Javascript调试技巧整理

目录1. 不要使用alert2. 学会使用console.log3. 学会使用console.dir4. 学会使用console.table5. 学会使用console.time6. 使用debugger打断点7. 查到源码文件8. 压缩JS文件...

2022-08-03 21:57:04

43浏览

0评论

TypeScript利用TS封装Axios实战

目录简介Axios几个常用类型AxiosRequestConfigAxiosInstanceAxiosStaticAxiosResponseAxiosError基础封装拦截器封装常用方法封装总结简介这是TypeScript实战的第三篇文章。...

2022-08-03 21:56:55

54浏览

0评论

使用 Angular 服务器端渲染 Transfer State Service

假设我们使用 Angular Universal 开发一个服务器端渲染的 Angular 应用，这个应用会消费一个第三方的 Restful API.上述场景分为下列六个步骤：用户向部署了 Angular 服务器端应...

2022-08-03 21:56:51

52浏览

0评论

JavaScript稀疏数组与孔hole示例详解

目录稀疏数组是什么JavaScript数组天生就是稀疏数组JavaScript数组稀疏特性带来的“怪异现象”slice会复制孔forEach、every会跳过孔（不对孔调用回调函数）map不对孔...

2022-08-03 21:56:50

105浏览

0评论

js实现数组转树示例

目录原生封装工具函数 getTree结构图:原生封装工具函数 getTree1.1 定义-映射对象 map数组 treeList=[]1.2 遍历后端返回的数组 list 为每个数组对象item 添加 children...

2022-08-03 21:56:48

43浏览

0评论

JavsScript中Promise的错误捕获详解

目录我们需要在异步任务中准确的进行错误捕获，以便我们可以知道错误出在什么地方我们再讨论then方法中的第二个参数和Promise.catch方法的区别题： then方法的连续调用，怎么能够...

2022-08-03 21:56:45

39浏览

0评论

深入浅出JS的Object.defineProperty()

目录前言对象的定义与赋值Object.defineProperty()语法说明属性的特性以及内部属性属性描述符数据描述符 --特有的两个属性（value,writable）存取描述符 --是由一对 getter、se...

2022-08-03 21:56:43

123浏览

0评论

如何利用JS实现时间轴动画效果

目录css动画什么是时间轴动画？动画对象动画函数思考总结css动画在前端开发中，一些简单的动效往往是使用 css3 的 @keyframes 来实现的，如：.div1 { width: 100px; height:...

2022-08-03 21:56:39

28浏览

0评论

layui中的tab控件点击切换触发事件

目录tab控件点击切换触发事件方法一方法二layui选项卡无法切换解决tab控件点击切换触发事件在layui中使用到tab控件，如果不想在页面加载时就加载所有tab的界面，而是点击某个ta...

2022-08-03 21:56:35

33浏览

0评论

JS异步编程Promise对象详解

1、单线程模型单线程模型指的是，JavaScript 只在一个线程上运行。也就是说，JavaScript 同时只能执行一个任务，其他任务都必须在后面排队等待。注意，JavaScript 只在一个线程上运...

2022-08-03 21:56:33

38浏览

0评论

JavaScript简写技巧总结

目录1. 空(null, undefined)验证2. 数组3.if true .. else 的优化4.变量声明5.赋值语句的简化6.避免使用RegExp对象7.If 条件优化8.charAt()的替代品在日常工作中，JavaScript...

2022-08-03 21:56:31

41浏览

0评论

深入了解JavaScript中递归的理解与实现

目录前言递归的基本理解实例解析求斐波那契数时间复杂度分析空间复杂度分析执行顺序分析前言我们在写业务代码的时候，或多或少都会遇到需要使用递归的场景，比如在遍历树形结构...

2022-08-03 21:56:30

54浏览

0评论

JS Angular 服务器端渲染应用设置渲染超时时间

我们用 setTimeout 模拟一个需要 5 秒钟才能完成调用的 API：const express = require('express');const app = express();app.get('/api/fast', (req, res) => { console.lo...

2022-08-03 21:56:27

38浏览

0评论

Angular 服务器端渲染缓存功能问题

关于通过 Angular Universal 渲染出的页面源代码，我们有两种缓存方式：HTTP cache使用网络缓存时，一切都是为了在服务器上设置正确的响应标头。它们指定缓存生存期和缓存策略。...

2022-08-03 21:56:25

53浏览

0评论

使用window.postMessage()方法在两个网页间传递数据

目录说明发送端postMessage程序发送消息的基本语法：targetWindowmessagetargetOrigintransfer接收端完整程序发送程序接收程序说明window.postMessage()方法可以安全地实现Wi...

2022-08-03 21:56:23

66浏览

0评论

基于Cesium实现卫星在轨绕行动画

目录资源网站绘制卫星绕轨动效初始化蓝星添加卫星模型方法相关方法这个效果其实网上很多案例了，本来不打算写了，但是做都做了，稍微来说一下吧，代码实测可用！最后的效果就是这个样...

2022-08-03 21:56:21

44浏览

0评论

JavaScript实现LRU缓存的三种方式详解

目录分析使用Map实现LRU缓存使用Object + Array实现LRU缓存使用双向链表实现LRU总结LRU全称为Least Recently Used，即最近使用的。针对的是在有限的内存空间内，只缓存最近使用...

2022-08-03 21:56:18

40浏览

0评论

JS中bridge的原理与封装

目录一、hybird背景介绍1、借助原生可以实现以下能力二、我们可以看一下纯H5和 app应用之间的区别三、JsBridge 原理以及实现方式1、 JavaScript调用Native-注入API方式2、...

2022-08-03 21:56:15

63浏览

0评论

lodash中pick和omit函数的用法介绍

_.pick(object, [props])参数object (Object): 来源对象。[props] (...(string|string[])): 要被忽略的属性。（注：单独指定或指定在数组中。）返回(Object): 返回新对象。例子va...

2022-08-03 21:56:14

50浏览

0评论

webpack中的代理配置详解

目录作用：使用场景一：使用场景二使用场景三使用场景四：使用场景五：解决跨域原理vue-cli中proxyTable配置接口地址代理示例更多参数作用：1.解决开发环境跨域问题（不用再去配置nginx...

2022-08-03 21:56:12

38浏览

0评论

JavaScript函数的定义和基本使用方法

1.用函数语句定义先给一个例子，该函数的功能是返回数组元素的和；function sumArray(arr) { var sum = 0; for(var i = 0,aLength = arr.length;i < aLength;i++) {...

2022-08-03 21:56:10

44浏览

0评论

TypeScript Pinia实战分享(Vuex和Pinia对比梳理总结)

目录简介安装创建pinia并传递给vue实例创建storestategettersactions在vue组件使用获取state获取getters修改state数据持久化总结简介今天我们再来实战下官方推荐的新的vue...

2022-08-03 21:56:09

37浏览

0评论

JS格式化数字（每三位加逗号）的方法总结

方法一function toThousands(num) { var result = [ ], counter = 0; num = (num || 0).toString().split(''); for (var i = num.length - 1; i >= 0; i--) {...

2022-08-03 21:56:07

31浏览

0评论

JavaScript实现基础排序算法的示例详解

目录前言正文1、冒泡排序2、选择排序3、插入排序4、快速排序前言文本来总结常见的排序算法，通过 JvavScript 来实现正文1、冒泡排序算法思想：比较相邻两个元素的大小，如果第一...

2022-08-03 21:56:04

38浏览

0评论

微信小程序实现带滑块的进度条

微信小程序项目需求，要实现一个带滑块并可左右滑动的进度条，看了小程序的文档，发现上面的progress组件无法满足需求，所以我自己写了一个，在这里总结一下。一、效果图二、实现逻辑...

2022-08-03 21:56:03

40浏览

0评论

JS实现简单的九宫格抽奖

本文实例为大家分享了JS实现简单九宫格抽奖的具体代码，供大家参考，具体内容如下结构<body> <div id="fa"> <div class="option">1</div> <div cla...

2022-08-03 21:56:00

65浏览

0评论

JavaScript数据结构与算法之栈详解

目录1.认识栈2.面向过程方法源码编写栈2.1思考2.2需要实现的方法2.3源码实现，并调用类3.用面向对象的方法来源码书写3.1思考3.2需要实现的方法3.3源码及使用类4.总结1.认识栈...

2022-08-03 21:55:58

41浏览

0评论

微信小程序实现滚动条功能

本文实例为大家分享了微信小程序实现滚动条的具体代码，供大家参考，具体内容如下view<view class="conty"> <scroll-view class="container"> <view clas...

2022-08-03 21:55:56

36浏览

0评论

js使用visibilitychange处理页面关闭事件

目录概念使用场景使用方法注意在对web项目部署提示用户刷新功能优化的时候，用到了 visibilitychange,这里就简单的介绍下 visibilitychange 。概念visibilitychange事件是浏...

2022-08-03 21:55:55

48浏览

0评论

window.print()局部打印三种方式(小结)

目录方法一：通过开始、结束标记（startprint、endprint）来打印方法二：通过id选择器来替换内容打印，方法类似第一种方法三：通过动态创建iframe来打印（推荐的方法）（210616更新）190622更...

2022-08-03 21:55:53

45浏览

0评论

基于HTML+JS实现网页版苹果计算器

目录一、效果截图二、注意事项三、源码实现 1、html2、css3、js一、效果截图二、注意事项1、html结构上，分为三个部分：显示区、按钮区、底部白条2、css样式上需要解决外边距重...

2022-08-03 21:55:52

热门文章