编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

104浏览

0评论

深入了解JavaScript阻塞渲染

目录到底几个线程主线程的任务Parse HTMLRecaculate StyleLayoutUpdate Layer TreePaintJS为啥阻塞渲染总结前言：在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲...

2022-08-03 22:05:42

116浏览

0评论

JavaScript可迭代对象详细介绍

目录1、迭代器2、迭代器接口与可迭代对象3、自定义可迭代对象3.1、可迭代的Range对象3.2、使用Generator函数作为迭代器接口3.3、可迭代的List3.3、可迭代的迭代器4、可迭代...

2022-08-03 22:05:38

121浏览

0评论

ECharts事件处理与旭日图实现

事件处理ECharts 中我们可以通过监听用户的操作行为来回调对应的函数。ECharts 通过 on 方法来监听用户的行为，例如监控用户的点击行为。ECharts 中事件分为两种类型:用户鼠...

2022-08-03 22:05:37

115浏览

0评论

JavaScript实现excel文件导入导出

目录一、需求场景描述1.此时前端上传解析excel文件可能更合适2.此时前端下载excel文件可能优雅一些二、实现思路分析1.导入excel文件实现思路分析2.导出excel文件实现思路分...

2022-08-03 22:05:35

88浏览

0评论

JavaScript实现首页图片轮播图效果

目录一、轮番图二、源码展示设置body样式设置实现轮番一、轮番图效果展示：轮播图是指在一个模块或者窗口，通过鼠标点击或手指滑动后，可以看到多张图片。这些图片统称为轮播图，这...

2022-08-03 22:05:33

103浏览

0评论

JavaScript函数声明和函数表达式的区别

目录一、写法不一样二、函数声明加载三、分析浏览器如何执行代码一、写法不一样 //函数声明 let res1 = sum1(10 , 20) console.log(res1) function sum1(num1, num2) {...

2022-08-03 22:05:29

105浏览

0评论

利用js+canvas实现扫雷游戏

本文实例为大家分享了用js+canvas实现扫雷游戏的具体代码，供大家参考，具体内容如下记录js学习后制作的第一关小游戏。这里的代码还不够精简，许多地方偷懒没有封装，逻辑也有许多...

2022-08-03 22:05:23

130浏览

0评论

JS仿Windows实现桌面主题特效

目录实现效果项目基本结构HTML代码CSS 代码页面基础样式界面布局样式任务栏样式侧边浮动栏开始按钮样式开始菜单样式默认小工具默认应用程序重写右键菜单样式窗口样式桌面图...

2022-08-03 22:05:19

190浏览

0评论

35个JS中实用工具函数的代码分享

目录1.Js天数相加获取新日期2.获取当前日期(yyyyMMdd格式)3.四舍五入4.Js将数字转成中文大写数字5.判断数据是否为空6.字符串日期比较7.验证邮件8.判断是否为日期数据9.复选...

2022-08-03 22:05:17

123浏览

0评论

echarts实现响应式定位和布局

ECharts 图表显示在用户指定高宽的 DOM 节点（容器）中。有时候我们希望在 PC 和移动设备上都能够很好的展示图表的内容，实现响应式的设计，为了解决这个问题，ECharts 完善了组件的...

2022-08-03 22:05:15

108浏览

0评论

JavaScript函数防抖动debounce

目录防抖动简述防抖应用示例1.防抖前后示例效果截图2.防抖示例完整 demo防抖动的应用场景防抖动简述函数防抖动（debounce）：防止在短时间内过于频繁的执行相同的任务。当短时间...

2022-08-03 22:05:13

114浏览

0评论

JavaScript实现拼图式滑块验证功能

目录演示前戏源码介绍主页样式设计滑块验证部分img_ver内部演示前戏滑块验证码是在网站、APP等应用中常见的一种验证方式，通过按照一定规则滑动滑块到指定位置完成验证，才可以...

2022-08-03 22:05:11

109浏览

0评论

JavaScript函数增强以及额外知识

目录一、函数增强1.1 函数对象的属性1.2 arguments1.3 剩余rest参数1.4 纯函数的使用1.5 柯里化的过程1.6 组合函数的使用二、额外知识2.1 with2.2 eval2.3 严格模式总结一...

2022-08-03 22:05:07

123浏览

0评论

JavaScript中的this例题实战总结详析

目录前言普通函数中的 this箭头函数中的 this函数作为对象的方法中的 this上下文对象调用中的 this在构造函数中的 thiscall，apply，bind 显式修改 this 指向this 优先级箭头函...

2022-08-03 22:05:05

103浏览

0评论

JavaScript实现扫雷小游戏

本文实例为大家分享了JavaScript实现扫雷小游戏的具体代码，供大家参考，具体内容如下先说大体思路，下面放代码思路：1产生指定数量的地雷
2计算方块周围的地雷
3点击地雷结束
4点...

2022-08-03 22:05:04

96浏览

0评论

JavaScript中forEach的错误用法汇总

目录前言语法错误用法添加或删除原数组中的数据修改原数组中的数据回调函数中使用异步函数使用return结束循环未传入this正确用法总结前言使用过forEach的人大致有两种：普通...

2022-08-03 22:05:00

108浏览

0评论

Uniapp全局消息提示以及其组件的实现方法

目录一、前言二、实现1.短轮询请求-App.vue中2.全局消息提示组件（1）定义一个GlobalMessage.vue组件（2）新建GlobalMessage.js（3）main.js中3.小程序中如何实现4.vue-inset-loader的...

2022-08-03 22:04:59

98浏览

0评论

JavaScript实现内容滚动与导航标签互动关联方案

目录一、需求场景描述1.先看演示效果2.需求分解二、关键技术点提前知技术点1：Element.scrollIntoView()技术点2：Element.getBoundingClientRect()三、实现思路分析1.数据初始...

2022-08-03 22:04:57

105浏览

0评论

JavaScript实现文本目标字符替换和一键全部替换

需求描述:实现在文本中替换目标字符，以及一键全部替换功能。技术点:利用string的replace实现替换第一个找到的目标字符。replace(searchValue: string | RegExp, replaceValu...

2022-08-03 22:04:42

108浏览

0评论

JavaScript中7种位运算符在实战的妙用

目录位运算符按位非～按位与 &按位或｜按位异或 ^左移 <<有符号右移 >>无符号右移 >>>实战中的妙用1.判断奇偶数2. 使用^来完成值的交换3. 使用~进行判断4. 使用&、>>、|来完...

2022-08-03 22:04:40

370浏览

0评论

详解JS中? ?和?. 和||的区别

目录1、?? 与 || 的区别2、?? 和 ?. 的区别1、?? 与 || 的区别1）相同点：?? 和 || 的用法相同，都是前后是值，中间用符号连接，根据前面的值来判断最终是返回前面的值还是后面的值。...

2022-08-03 22:04:37

94浏览

0评论

基于JavaScript实现数值型坐标轴刻度计算算法(echarts的y轴刻度计算)

目录前言算法描述代码ts版本(2021/3/10补充)结语前言因实习的公司是做大数据的，而我的工作刚好又是需要绘制一些数据图表的。绘制图表有许多现成的组件可以使用，但是要想达到...

2022-08-03 22:04:36

102浏览

0评论

利用JS打造黑客代码雨效果

目录演示技术栈源码画布js样式设置演示技术栈js实战我们也写过很多了，其中每次几乎都用到画布，大家知道它的重要性了吧。今天依旧用到它了。不过我们讲过它的用法就不多说了。...

2022-08-03 22:04:33

85浏览

0评论

JavaScript中fetch()用法实例

目录fetch 基本使用Response 对象1、同步属性2、判断请求3、操作标头4、读取内容5、创建副本6、底层接口定制 HTTP 请求取消 fetch 请求总结fetch 基本使用Fetch API 提供了...

2022-08-03 22:04:32

95浏览

0评论

微信公众号网页授权登录的超简单实现步骤

目录前言一、微信公众号授权登录到底哪几步二、回调地址，安全域名怎么配置三、代码怎么写四、出现问题怎么办总结前言这篇文章带大家掌握从0到1实现微信公众平台授权登录微...

2022-08-03 22:04:29

109浏览

0评论

JavaScript实现一个前端会魔法的旋转魔方相册

目录效果图1. HTML篇2. CSS篇2.1 基础设置2.2 魔方样式2.3 图片折叠2.4 图片按钮样式2.5 设置配合JS使用的翻转样式3. JS篇4. 完整代码4.1 html文件4.2 js文件效果图实现功...

2022-08-03 22:04:26

102浏览

0评论

一文搞懂Map与Set的用法和区别解析

目录前言1.基本概念1.1 Map（字典）1.2 Set（集合）2.基本使用2.1 Map 基本使用2.2 Set 基本使用3.Map和Set区别4.使用场景介绍4.1 Set对象使用场景4.2 Map对象使用场景5.思考点总结...

2022-08-03 22:04:16

104浏览

0评论

后端代码规范避免数组下标越界

目录抛出问题回答问题举个栗子解题思路解题实践实践1：实践2：抛出问题数组下标越界真的是开发过程中的痛，除了在开发过程中各种判断是否设置，是否为空，还有其他优雅的办法解决吗？回...

2022-08-03 22:04:14

118浏览

0评论

关于JavaScript实现动画时动画抖动的原因与解决方法

目录使用定时器实现动画出现卡顿的原因requestAnimationFrame 的前世今生requestAnimationFrame VS setInterval参考资料总结前段时间在使用 JavaScript 做动画的时候发现做...

2022-08-03 22:04:12

112浏览

0评论

强大的JSON.stringify如何使用

目录前言三参数replacer九特性特性一: undefined、函数、Symbol值特性二: toJSON() 方法特性三: 布尔值、数字、字符串的包装对象特性四: NaN Infinity null特性五: Date对...

2022-08-03 22:04:08

132浏览

0评论

webpack打包时如何修改文件名的实现示例

目录1、使用copy-webpack-plugin插件复制的文件，这个就是配置from和to2、修改js文件的文件名3、修改css文件的文件名4、修改其他资源文件（图片、视频等）的文件名在使用webpack...

2022-08-03 22:04:06

101浏览

0评论

JavaScript利用img实现前端页面埋点功能

目录数据类型技术方案如何设计完整代码总结做数据分析的时候，可能会遇到一个问题：如何获取足量的有效数据。简单记录用户登录IP肯定是不能满足要求的，这个时候就需要我们在前端...

2022-08-03 22:04:04

124浏览

0评论

JavaScript实现网页购物车

今天是JavaScript的一个汇总，最近小编把自己曾经写过的JavaScript 网页购物车项目给整理了一下，大家可以看一下，然后自己也可以写一个网页购物车项目噢，然后我们的JavaScript的...

2022-08-03 22:04:02

111浏览

0评论

微信小程序中富文本编辑器的实现

小程序也是有富文本编辑器这个控件的，别说，之前我还真没注意。官方文档官方文档中给出的东西倒是不多，具体的代码示例在下图红框中标注的位置：示例代码大概是这个样子：通过官方的...

2022-08-03 22:04:00

97浏览

0评论

基于JS实现漫画中大雨滂沱的效果

目录演示技术栈源码css部分大雨滂沱演示技术栈最近用canvas有点上瘾，接着上次的雨滴和流星雨的思路我们在改进一下<canvas id='canvas' width='1280' height='720'></canvas>...

2022-08-03 22:03:58

98浏览

0评论

JavaScript实现流星雨效果的示例代码

目录演示技术栈源码首先建立星星对象让星星闪亮起来创建流星雨对象让流星动起来演示上一次做了一个雨滴的动画，顺着这种思维正好可以改成流星雨，嘿嘿我真是一个小机灵。技术栈...

2022-08-03 22:03:57

112浏览

0评论

利用JavaScript构建树形图的方法详解

目录什么是树形图浏览JS树形图创建一个基本的JS树形图1. 创建一个HTML页面2. 参考JavaScript文件3.设置数据4. 编写一些JS树形图代码自定义JS树形图A. 改变颜色B. 应用线性...

2022-08-03 22:03:55

96浏览

0评论

在 localStorage 中上传和检索存储图像的示例详解

目录什么是本地存储？示例：存储照片集代码存储限制我参与过许多项目，这些项目要求用户上传单张或一组照片，然后他们可以以某种方式对其进行操作，无论是添加过滤效果还是变形他们的...

2022-08-03 22:03:52

104浏览

0评论

JavaScript实现可终止轮询请求的方法

目录什么是轮询请求？轮询的要点setInterval的问题实现轮询准备工作基础版进阶版最终版最近遇到了一个需求，需要每隔5s请求一个接口获取接口返回的结果，返回成功后停止请求，接口...

2022-08-03 22:03:50

106浏览

0评论

JavaScript深入介绍WebAPI的用法

目录什么是WebAPIDOM获取元素querySelectorquerySelectorAll事件事件三要素操作元素获取/修改元素内容获取/修改元素属性获取修改表单元素属性什么是WebAPIWebAPI就是 DOM A...

2022-08-03 22:03:48

109浏览

0评论

微信小程序使用ECharts的示例详解

目录安装 ECharts 组件使用 ECharts 组件图表延迟加载echarts-for-weixin 是 ECharts 官方维护的一个开源项目，提供了一个微信小程序组件（Component），我们可以通过这个组件在微...

2022-08-03 22:03:47

100浏览

0评论

基于JS实现蜘蛛侠动作游戏的示例代码

目录代码结构代码展示HTMLJS项目运行游戏截图整个游戏源码是由html、js、 css、图片等代码完成的，无后端数据保存功能。代码结构js文件夹是游戏事件控制文件vapp文件夹是游...

2022-08-03 22:03:45

107浏览

0评论

微信小程序自定义可搜索的picker组件示例详解

PC端开发，组件库是有可搜索的select可用但是在手机端微信小程序开发的时候，使用select就不太合适了，小程序端的选项一般都是是使用picker但是，问题又来了，微信小程序官方并没有给...

2022-08-03 22:03:43

88浏览

0评论

ES6新语法之解构实践指南

目录1.解构初了解1.用平常的语法2.用解构的方法2.解构详细解析2.1对象属性赋值形式2.2变量的声明2.3怎么解构3.实践3.1数组的解构3.2对象的解构3.3解构参数3.4复杂解构 4.总...

2022-08-03 22:03:41

115浏览

0评论

Javascript实现表单检验

正如我们所见到的，好多网页都有注册界面，在注册界面中，最常见的即是包括用户名、密码、请重复输入密码和一个“注册”按钮，今天我们就举例实现一下该界面。要求：1.用户...

2022-08-03 22:03:39

108浏览

0评论

Typescript文件被识别为视频的问题解决

目录概念引入问题现象解决办法恢复视频模式概念引入TypeScript 是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成Transport Stream 即传输...

2022-08-03 22:03:37

102浏览

0评论

Webpack常见使用配置小结

目录1. 简介2. 上手准备3. 安装3. 编写案列随着前端开发越来越复杂，那么我们需要做的功能也不止基本界面了，比如开发过程中我们需要通过模块化的方式来开发；比如也会使用一些高...

2022-08-03 22:03:36

121浏览

0评论

JavaScript前端面试扁平数据转tree与tree数据扁平化

目录一、写在前面二、正文部分2.1 扁平数据转为 tree 数据2.2 tree 数据转为扁平数据2.3 完整测试 demo三、写在后面一、写在前面有时我们拿到的数据的数据结构可能不是理想...

2022-08-03 22:03:33

96浏览

0评论

代码规范需要防微杜渐code review6个小错误纠正

目录code review分析一下我的错误代码行为1、写没必要的函数2、Promise传递不明值3、使用没必要try catch4、Promise.all并发限制5、Nodejs中使用过多sync函数6、判空要放前...

2022-08-03 22:03:31

189浏览

0评论

JavaScript仿小米实现球体分解动画

目录演示技术栈源码演示用过小米手机的应该见过这个动画它这个球体会随着垃圾的清理被例子画分解随着这个思路我们给他改造一下实现这种效果技术栈首先我们使用了一些好用...

2022-08-03 22:03:30

首页 «466 467468469 470 »尾页

热门文章