编程开发 - 教程之家

162浏览

0评论

three.js引入glsl文件并高亮显示代码的完整步骤

目录同一个js文件中引入glslglsl文件与js文件分开高亮显示glsl代码总结同一个js文件中引入glsl在three.js中自己写shader语言的时候，我们需要把glsl与JavaScript两种语言结合...

2022-08-03 22:37:10

89浏览

0评论

JavaScript命名约定的最佳实践指南

目录前言1. 变量的命名约定2. 布尔值的命名约定3. 函数的命名约定4. 常量的命名约定5. 类的命名约定6. 组件的命名规则7. 方法的命名约定8. 私有函数的命名约定9. 全局变量...

2022-08-03 22:37:07

129浏览

0评论

使用Echart实现绘制立体的柱状图

效果图：实现代码：var xData3 = ["6", "7", "8", "9","10","11"]; var data3 = [1209, 1715, 2408, 1308, 1308, 1145]; var data5 = [4000, 4000, 4000, 4000, 4000,400...

2022-08-03 22:37:06

98浏览

0评论

JS中位运算符的一些妙用

目录前言：1. 使用左移运算符 << 迅速得出2的次方2. 使用 ^ 切换变量 0 或 13. 使用 & 判断奇偶性4. 使用 !! 将数字转为布尔值5. 使用~、>>、<<、>>>、|来取整6. 使用^来完成...

2022-08-03 22:37:03

76浏览

0评论

javascript数组中的concat方法和splice方法

目录一、concat方法1直接vs打开2代码块3运行结果二、splice方法1代码部分2运行结果前言：在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说concat和splice...

2022-08-03 22:37:01

77浏览

0评论

JavaScript/TypeScript中==和===的区别详解

在JS/TS项目里，除了能看到==操作符来判断两个变量是否相等外，我们还会看到===操作符，这两者有什么区别吗？先上结论，对于String, number这些基础类型，==操作符会先把两边的变量进行...

2022-08-03 22:37:00

192浏览

0评论

微信小程序实现狼人杀小游戏的示例详解

目录一、项目展示二、首页三、游戏页四、特殊角色五、源码一、项目展示狼人杀是一款多人参与的，通过语言描述推动、较量口才和分析判断能力的策略类桌面游戏玩家人数适于4-18...

2022-08-03 22:36:58

83浏览

0评论

详解如何利用JavaScript绘制堆叠柱状图

效果图this.state.workChartList的数据结构const workChartList = [ { name: "居民热线", chartData: [5, 8, 8, 7, 0, 5, 6, 5, 9, 5, 4, 7] }, { name: "日常调度类", cha...

2022-08-03 22:36:39

104浏览

0评论

详解JS截取字符串的三个方法substring,substr,slice

目录相同点不同点substring语法参数说明substr语法参数说明slice语法参数说明总结一下js中有三个截取字符的方法，分别是substring()、substr()、slice()，平时我们可能都用到过...

2022-08-03 22:36:37

105浏览

0评论

基于Echart实现折线图的绘制详解

效果图不显示折线图上的拐点方法，3个都可以使用，代码中有显示在什么位置使用。symbolSize:0,symbol:“none”,showSymbol:false,代码：var mess = ["00:00", "03：00",...

2022-08-03 22:36:35

100浏览

0评论

js金额千分位的6种实现方法实例

目录方法一数组分割法方法二字符截取法方法三求模法方法四正则表达式(先行断言)方法五通过Intl.NumberFormat方法六 number.toLocaleString方式总结方法一数组分割法...

2022-08-03 22:36:34

78浏览

0评论

js无痛刷新Token的实现

这个需求场景很常见，几乎很多项目都会用上，之前项目也实现过，最近刚好有个项目要实现，重新梳理一番。需求对于需要前端实现无痛刷新Token，无非就两种：请求前判断Token是否过期，过期...

2022-08-03 22:36:32

79浏览

0评论

详解JavaScript的原型与原型链

目录详解原型与原型链构造函数原型对象访问原型设置原型检测原型prototype、__proto__、constructor之间的关系原型链原型链的作用普通对象与函数对象经典原型链图总结详解...

2022-08-03 22:36:31

73浏览

0评论

javascript数组中的lastIndexOf方法

目录1前言2编辑器打开3代码部分4运行结果5总结1前言在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说lastIndexOf方法,lastIndexOf() 方法可返回...

2022-08-03 22:36:28

77浏览

0评论

javascript学数组中的foreach方法和some方法

目录一、foreach方法1直接vs打开2代码部分二、some方法1直接vs打开2代码部分3总结在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说foreach和some的使用...

2022-08-03 22:36:26

93浏览

0评论

JavaScript中undefined和is not defined的区别与异常处理

目录Javascript中undefined和not defined有什么区别？JavaScript中undefined和is not defined异常总结Javascript中undefined和not defined有什么区别？概念上的解释：undefined是...

2022-08-03 22:36:24

141浏览

0评论

一起来了解JavaScript的变量作用域

目录1.变量作用域的分析2.var关键字3.let和const关键字4.var、let和const的对比总结1.变量作用域的分析首先，我们先研究一下JavaScript的变量作用域，研究作用域，我们不按照常规...

2022-08-03 22:36:23

75浏览

0评论

Javascript处理循环的异步操作指南

目录案例：一、async/await处理思路二、递归处理思路总结案例：compute.exec()这是个异步方法,在里面处理一些实际业务，这时候打印出来的很可能就是300,300,300（因为异步for循环还...

2022-08-03 22:36:21

83浏览

0评论

JavaScript中的observables 操作符创建实例

目录一、创建实例1.create2.empty3.from 4.of5.fromEvent6.fromPromise7.interval8.timer操作符是 obse...

2022-08-03 22:36:19

103浏览

0评论

微信小程序常用表单组件的使用详解

目录1、常用表单组件1.1button1.2checkbox1.3input1.4label1.5form1.6radio1.7slider1.8switch1.9textarea2、实训小案例–问卷调查1、常用表单组件1.1 button<button>...

2022-08-03 22:36:18

95浏览

0评论

js位运算在实际中使用的实例教程

目录什么是位运算?业务场景：解决办法办法一：办法二：附：位运算的综合应用总结什么是位运算?从现代计算机中所有的数据二进制的形式存储在设备中。即 0、1 两种状态，计算机对二进制...

2022-08-03 22:36:14

207浏览

0评论

利用Echarts实现图例显示百分比效果

目录效果图主要代码全部代码echarts图例显示百分比效果图主要代码全部代码secondChart = () => { //datas的数据是接口拿到的数据 const { texture } = this.state; c...

2022-08-03 22:36:13

114浏览

0评论

Echart结合圆形实现仪表盘的绘制详解

效果图注意：使用startAngle: 200,endAngle: -20,在数据为零时，会出现一个实心圆，需要调整一下角度。效果代码var option = { series: [ { type: "gauge",...

2022-08-03 22:36:10

84浏览

0评论

简单聊聊JavaScript的事件循环机制

目录前言概念举个栗子TIP再次举个栗子总结前言JavaScript是一门单线程的弱类型语言，但是我们在开发中，经常会遇到一些需要异步或者等待的处理操作。类似ajax，亦或者ES6中新增的...

2022-08-03 22:36:09

91浏览

0评论

JavaScript正则表达式中g标志详解

目录缘起解密过程搜索引擎源码层面结论缘起有一天在思否社区看到有个问题，大致描述如下const list = ['a', 'b', '-', 'c', 'd'];const reg = /[a-z]/g;const letters = list...

2022-08-03 22:36:07

80浏览

0评论

微信小程序实现录音与音频播放功能

目录1、录音1.1 案例2、音频播放控制2.1 案例小程序继承了微信强大的语音处理功能，提供了录音、音频播放控制和背景音乐等功能，它们的功能不同，但有相似性。1、录音小程序提供...

2022-08-03 22:36:05

75浏览

0评论

javascript数组中的reduce方法和pop方法

目录一、reduce方法1直接vs打开2代码部分3运行结果二、pop方1直接vs打开2代码部分3运行结果前言：在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说foreach...

2022-08-03 22:36:03

78浏览

0评论

javascript数组中的slice方法和join方法

目录一、slice方法1编辑器部分2代码部分3运行结果二、join方法1编辑器2代码部分3运行结果前言：在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说s...

2022-08-03 22:36:01

99浏览

0评论

JavaScript块级作用域绑定以及状态提升详解

目录前言作用域/执行上下文var 声明块级声明不声明的变量1. 不使用关键字声明变量2. 使用 var 声明的变量var 声明和块级声明的区别全局作用域绑定状态提升块级绑定的最佳实...

2022-08-03 22:36:00

113浏览

0评论

微信小程序常用视图容器组件使用详解

目录1、组件概述2、常用的试图容器组件2.1 view2.2 scroll-view2.3 swiper1、组件概述组件是视图层基本的组成单元，具备UI风格样式以及特定的功能效果。当打开某款小程序之后...

2022-08-03 22:35:58

89浏览

0评论

使用TypeScript类型注解的方法详解

目录类型注解类型推导TS和JS共有的数据类型TS独有的数据类型anyunknownvoidnevertuple函数参数和返回值类型断言非空类型断言字面量类型缩小总结类型注解TypeScript提供了很...

2022-08-03 22:35:55

90浏览

0评论

javascript基本数据类型和对象类型归档问题解析

javascript的基本数据类型以及引用数据类型，基本数据类型在开发中经常会用到，包括作为变量使用，判断数据类型来处理一些业务等基本（简单数据类型）undefined,Null,Boolean,Number,...

2022-08-03 22:35:51

83浏览

0评论

原生JS获取URL链接参数的几种常见方法

前言作为一个前端开发，我们很多时候都需要对URL进行操作和处理，最常见的一种就是获取URL链接中携带的参数值了。使用框架开发的小伙伴可能会觉得这很简单，因为框架提供了很多方...

2022-08-03 22:35:50

113浏览

0评论

那些项目中常见的TypeScript错误总结

目录引言1.TS24562.TS25543.TS11694.TS23455.TS25896.TS2322总结引言TypeScript 错误信息由错误码和详细信息组成。例如：TS2456 ，其中错误码是以“TS”开头 + 数字(...

2022-08-03 22:35:47

107浏览

0评论

Nuxt.js中PC与移动端间自动识别跳转

目录了解问题解决了解官网类网站，需要考虑seo，使用了 nuxt.js 的 ssr 开发。pc端和移动端分离了，相当于两个独立的项目，部署在同一个服务器上，绑定不同域名。问题需要判断当前设...

2022-08-03 22:35:45

86浏览

0评论

JavaScript与jQuery中文档就绪函数的区别

目录1、文档就绪函数2、window.onload 与 $(document).ready()的区别1、文档就绪函数JavaScript 的文档就绪函数：<script> window.onload = function() { al...

2022-08-03 22:35:44

131浏览

0评论

详解如何在JavaScript中创建线性仪表图

目录什么是线性仪表图线性量规的类型我们将要构建的线性仪表可视化构建JavaScript线性仪表1、创建一个基本的HTML页面2、包含必要的JavaScript文件3、添加数据值4、为图表编...

2022-08-03 22:35:42

81浏览

0评论

一起来学习JavaScript的BOM操作

目录window对象全局作用域常见事件调节窗口大小定时器setTimeoutthis指向问题location对象转跳页面location常见方法总结window对象BOM的核心对象是window，它表示浏览器的一...

2022-08-03 22:35:40

79浏览

0评论

Javascript的爷孙通信和组件自调用详解

1.组件自己调用自己父组件<template> <div> <detail-list :list="categoryList"></detail-list> </div></template><script>import DetailList from './detailList.vue...

2022-08-03 22:35:38

79浏览

0评论

基于uni-app开发刻度尺组件的实现示例

目录一、前言二、开发一、前言小编最近接到一个任务，就是在输入数值的时候不再使用传统的键盘了，而是用拖拉尺子的形式选择数值，大概长这样：其实这需求不是第一次提出来了，在我们...

2022-08-03 22:35:36

91浏览

0评论

JavaScript/jQuery实现切换页面效果

本文实例为大家分享了JavaScript/jQuery实现切换页面效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UT...

2022-08-03 22:35:35

90浏览

0评论

一步步教你实现微信小程序自定义组件

目录前言组件的声明与使用组件通信方法一 WXML 数据绑定方法二事件方法三 selectComponent 获取组件实例对象方法四 url 参数通信参数过长怎么办？路由 api 不支持携带参数呢...

2022-08-03 22:35:33

85浏览

0评论

如何利用微信小程序获取OneNet平台数据显示温湿度

目录一、OneNet平台二、微信小程序界面设计三、微信小程序获取OneNet数据总结一、OneNet平台 1、我这里的设备是通过MQTT协议连接到OneNet平台的 2、微信小程序获取OneN...

2022-08-03 22:35:31

88浏览

0评论

javascript实现富文本框选中对齐的思路与代码

目录需求：分析需求：1如何获取选中的部分 *2什么是块元素3末梢元素（没有子节点的元素）实现思路：代码实现:总结需求：一个可编辑（contenteditable=true）的div，对齐选中内容,左、中，右，其...

2022-08-03 22:35:27

175浏览

0评论

JavaScript常用方法和封装详情

目录1.字符串相关1.1 format方法2.数组相关1.2 forEach(callback,context) 操作数组中的每一个元素1.3 indexOf(searchvalue,fromindex) 查询数组中某一个值的下标3.数组封...

2022-08-03 22:35:25

101浏览

0评论

Typescript中的数据类型实例总结

目录是什么有哪些booleannumberstringarraytupleenumanynull和undefinedvoidneverobject总结是什么typescript和javascript几乎一样，拥有相同的数据类型，另外在javascript基础...

2022-08-03 22:35:24

78浏览

0评论

JavaScript删除有序数组中的重复项

如果有一个有序数组 nums ，要求原地删除重复出现的元素，使每个元素只出现一次，返回删除后数组的新长度。不要使用额外的数组空间，必须在原地修改输入数组并在使用 O(1) 额...

2022-08-03 22:35:22

95浏览

0评论

JavaScript图片懒加载的优化方法详解

目录一、方法一二、方法二 InterSectionObserver总结一、方法一重点：1.getBoundingClientRect().top > window.innerHeight 图片未出现2.getBoundingClientRect().top < wind...

2022-08-03 22:35:20

79浏览

0评论

JavaScript获取对象key的几种方法和区别

目录1、Object.keys()遍历自身可以枚举属性2、Ojbect.values() /Ojject.entries()3、for-in 遍历可枚举属性prototype 属性4、hasOwnProperty 遍历可枚举属性5、getOwnPrope...

2022-08-03 22:35:18

75浏览

0评论

JavaScript实现外溢动态爱心的效果的示例代码

还在为节日送女朋友什么礼物而烦恼吗？最近用JavaScript制作了一个外溢动态爱心的效果，还可以在爱心上填写你想要的文字！快学习一下给自己女朋友也diy一个吧效果演示源码介绍(...

2022-08-03 22:35:16

热门文章