编程开发 - 教程之家

编程开发

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

104浏览

0评论

JS装饰者模式和TypeScript装饰器

装饰者模式介绍装饰者模式（Decorator Pattern）也称为装饰器模式，在不改变对象自身的基础上，动态增加额外的职责。属于结构型模式的一种。使用装饰者模式的优点：把对象核心职责和...

2021-06-28 18:57:11

82浏览

0评论

详解JavaScript进度管理

前言我们写程序的时候会经常遇到显示进度的需求，如加载进度、上传进度等。
最常见的实现方式是通过记录已完成数量(loadedCount)和总数量(totalCount)，然后算一下就能得到进度...

2021-06-28 18:56:32

106浏览

0评论

JS原生2048小游戏源码分享(全网最新)

最近在学习算法方面的知识，看到了一个由算法主导的小游戏，这里给大家分享下代码：效果：代码：<head> <meta charset="UTF-8"> <meta name="viewport" content="width=360px,u...

2021-06-28 18:56:20

175浏览

0评论

详解JS ES6变量的解构赋值

1.什么是解构？ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。它在语法上比ES5所提供的更加简洁、紧凑、清晰。它不仅能减少你的代码量，还能从根本上改...

2021-06-28 18:56:08

94浏览

0评论

深入JS继承

前言对于灵活的js而言，继承相比于java等语言，继承实现方式可谓百花齐放。方式的多样就意味着知识点繁多，当然也是面试时绕不开的点。撇开ES6 class不谈，传统的继承方式你知道几...

2021-06-28 18:55:46

110浏览

0评论

聊一聊JavaScript的URL对象是什么

概述如果我们自己编写从URL中分析和提取元素的代码，那么有可能会比较痛苦和麻烦。程序员作为这个社会中最“懒”的群体之一，无休止的重复造轮子必然是令人难以容忍的，所以大多...

2021-06-28 18:55:42

127浏览

0评论

详解Js模块化的作用原理和方案

一、模块化概念将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起；块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信...

2021-06-28 18:55:36

147浏览

0评论

JS ES6展开运算符的几个妙用

1. 添加属性复制对象的同时，为其添加新的属性。例子中复制了user对象到userWithPass，并添加了password属性。const user = { id: 110, name: 'Kayson Li'}const userWithPass...

2021-06-28 18:55:19

113浏览

0评论

JS彻底弄懂GMT和UTC时区

前言格林威治时间、世界时、祖鲁时间、GMT、UTC、跨时区、夏令时，这些眼花缭乱的时间术语，我们可能都不陌生，但是真正遇到问题，可能又不那么确定，不得不再去查一查，处理完可能过段...

2021-06-28 18:55:11

91浏览

0评论

详解JavaScript私有类字段和TypeScript私有修饰符

JavaScript私有类字段和隐私需求在过去，JavaScript 没有保护变量不受访问的原生机制，当然除非是典型闭包。闭包是 JavaScript 中许多类似于私有模式（如流行的模块模式）的基础。...

2021-06-28 18:54:59

89浏览

0评论

详解JavaScript原始数据类型Symbol

简介创建symbol变量最简单的方法是用Symbol()函数。sysmbol变量有两点比较特别：1.它可以作为对象属性名。只有字符串和 symbol 类型才能用作对象属性名。2.没有两个symbol 的...

2021-06-28 18:54:24

130浏览

0评论

详解JS同源策略和CSRF

概述本文主要涉及三个关键词：同源策略（Same-origin policy，简称 SOP）跨站请求伪造（Cross-site request forgery，简称 CSRF）跨域资源共享（Cross-Origin Resource Sharing...

2021-06-28 18:53:22

115浏览

0评论

JavaScript把局部变量变成全局变量的方法

首先我们要知道函数的自调用函数的自调用——自调用函数一次性的函数——声明的同时，直接调用了
例如：(function () { console.log("函数");})();我们会看到浏览器直接打印...

2021-06-28 18:53:19

104浏览

0评论

详解JS中的reduce fold unfold用法

fold（reduce）说说reduce吧, 很喜欢这个函数，节省了不少代码量，而且有一些声明式的雏形了，一些常见的工具函数，flatten，deepCopy，mergeDeep等用reduce实现的很优雅简洁。reduce也称为...

2021-06-28 18:53:15

83浏览

0评论

浅谈TypeScript3.7中值得注意的3个新特性

前言距typescript 3.7正式发布已经有一段时间了，这段时间正在对手上的项目进行typescript的迁移工作，所以会特别留意每一次的release。对于3.7中包含的新特性，其实相比较之前几...

2021-06-28 18:53:11

117浏览

0评论

微信小程序+ECharts实现动态刷新的过程记录

前言最近遇到了一个需求，就是要在小程序中实时刷新图表，最开始选择的是wx-chart，然后发现不能满足我的需求，最后选择了ECharts，也踩了一些坑，通过在网上收集资料，终于弄出来了，记录...

2021-06-28 18:53:08

105浏览

0评论

JS鲜为人知的问题之[] == ![]结果为true、而{} == !{}却为false

console.log( [] == ![] ) // trueconsole.log( {} == !{} ) // false在比较字符串、数值和布尔值的相等性时，问题还比较简单。但在涉及到对象的比较时，问题就变得复杂了。...

2021-06-28 18:53:04

105浏览

0评论

微信小程序静默登录和维护自定义登录态详解

1.背景
在小程序中，openid是一个用户对于一个小程序／公众号的标识，开发者可以通过这个标识识别出用户，就如同你的身份证一样。2.什么是静默登录？
在普通的应用中，用户通过表单验证...

2021-06-28 18:52:57

120浏览

0评论

JS中一些高效的魔法运算符总结

JavaScript 现在每年都会发一个新版本，里面也会新增一些操作更加便利、高效的运算符。今天我们就来盘点下几个高效的魔法运算符。1. 可选链运算符
之前当我们想要使用某个结...

2021-06-28 18:52:53

92浏览

0评论

小程序数据缓存机制应用实现

小程序数据缓存相关知识数据缓存：缓存数据，从而在小程序退出后再次打开时，可以从缓存中读取上次保存的数据，常用的数据缓存API如下表所示：
注意：将数据存储在本地缓存中指定的 key...

2021-06-28 18:52:50

94浏览

0评论

JS 9个Promise面试题

1. 多个.catchvar p = new Promise((resolve, reject) => { reject(Error('The Fails!'))})p.catch(error => console.log(error.message))p.catch(error => console.log(e...

2021-06-28 18:52:43

107浏览

0评论

详解TypeScript2.0标记联合类型

使用标记的联合类型构建付款方式假设咱们为系统用户可以选择的以下支付方式建模 Cash (现金) PayPal 与给定的电子邮件地址 Credit card 带有给定卡号和安全码对于...

2021-06-28 18:52:39

77浏览

0评论

JavaScript为内置对象添加原型方法实现

对象调用方法的顺序：实例中的方法如果没有,去创建该实例对象的构造函数的原型对象中找我们能为系统的对象的原型中添加方法,其实也就是相当于在改变源码添加字符串倒序输出字...

2021-06-28 18:52:36

95浏览

0评论

原生js实现表单的正则验证（验证通过后才可提交）

实现了如下功能：
1.用户名：onfouc显示msg规则；onkeyup计算字符，其中中文为两个字符；onblur，验证是否通过2.邮箱：onblur 正则匹配，正则是根据自己的需求写的，可以根据个人需求更改3.....

2021-06-28 18:52:31

154浏览

0评论

详解TypeScript映射类型和更好的字面量类型推断

概述TypeScript 2.1 引入了映射类型，这是对类型系统的一个强大的补充。本质上，映射类型允许w咱们通过映射属性类型从现有类型创建新类型。根据咱们指定的规则转换现有类型的每...

2021-06-28 18:52:29

127浏览

0评论

详解JS浏览器事件模型

什么是事件我想你很可能听说过事件驱动, 但是事件驱动到底是什么？为什么说浏览器是事件驱动的呢？事件驱动通俗地来说就是什么都抽象为事件。一次点击是一个事件键盘按...

2021-06-28 18:52:23

101浏览

0评论

LayUI+Shiro实现动态菜单并记住菜单收展的示例

LayUI + Shiro + Thyemleaf 实现动态菜单并记住菜单收展
一、Maven 依赖<dependencies>  <dependency> <groupId>com.al...

2021-06-28 18:52:13

93浏览

0评论

JavaScript正则验证密码强弱度的实现方法

展示设计
密码强弱度分析
密码由数字,字母,特殊符号组成密码: 只有数字- 或者是只有字母,或者是只有特殊符号——1级：弱两两组合: 数字和字母, 数字和特殊符号, 字母...

2021-06-28 18:52:08

169浏览

0评论

如何用JS实现简单的数据监听

概述主要是用Object.defineProperty实现类似vue的数据绑定。第一步const data = { name: "tom", age: 14}Object.defineProperty(data, "name", { get(){ return "nam...

2021-06-28 18:52:03

132浏览

0评论

JS根据奖品权重计算中奖概率

一、示例场景1.1、设置抽奖活动的奖项名称奖项名称：["一等奖", "二等奖", "三等奖", "未中奖"]。假设抽奖活动设置了这四个奖项，当然开发者可以扩展更多。var prizes = ["一等...

2021-06-28 18:52:01

110浏览

0评论

JavaScript函数中this指向问题详解

this关键字
哪个对象调用函数，函数里面的this指向哪个对象。**严格模式下：**在全局环境中，this指向的是undefined**非严格模式下：**在全局环境中，this指向的是window全局定义的函...

2021-06-28 18:51:56

153浏览

0评论

如何用JS WebSocket实现简单聊天

短轮询（Polling）短轮询的实现思路就是浏览器端每隔几秒钟向服务器端发送 HTTP 请求，服务端在收到请求后，不论是否有数据更新，都直接进行响应。在服务端响应完成，就会关闭这个 TCP...

2021-06-28 18:51:53

187浏览

0评论

JavaScript伪数组和数组的使用与区别

伪数组和数组在JavaScript中，除了5种原始数据类型之外，其他所有的都是对象，包括函数（Function）。对象与数组的关系
在说区别之前，需要先提到另外一个知识，就是 JavaScript 的原型继...

2021-06-28 18:51:26

114浏览

0评论

教你如何写出可维护的JS代码

什么是可维护代码可维护代码需要遵循以下几个特点。1.可理解性-其他人可以接手代码并理解它的意图和一般途径。
2.直观性-代码中的东西一看就明白，不管其操作过程有多复杂。...

2021-06-28 18:51:20

102浏览

0评论

浅谈JavaScript工具链不完全指南

概述在 JavaScript 语言日渐强大的同时，与其配套的开发工具也蓬勃发展。现在的 Web 前端项目，早已不是写几个 HTML 页面，加点 CSS 和 JS 就完事了。随便一个实用的项目，可能都需...

2021-06-28 18:51:10

94浏览

0评论

微信小程序实现用户登录模块服务器搭建

我选用的是node.js来搭建服务器，没有安装的小伙伴可以参考我的node.js其他博客。服务器安装与配置
初始化项目，将会自动创建package.json配置文件。
npm init -y安装Express框...

2021-06-28 18:51:06

244浏览

0评论

详解TS对象扩展运算符和rest运算符

概述TypeScript 2.1 增加了对对象扩展运算和 rest 属性提案的支持，该提案在 ES2018 中标准化。可以以类型安全的方式使用 rest 和 spread 属性。对象 rest 属性假设已经定义...

2021-06-28 18:50:57

113浏览

0评论

图片该如何优化来提高网站性能

概述图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高达几十兆。因此，虽然网络图像需要清晰明快，但它们尺寸可以缩...

2021-06-28 18:50:54

83浏览

0评论

JS异步代码单元测试之神奇的Promise

前言写这篇文章的起因是在写单元测试时，做形如下测试时new Promise((resolve, reject) => reject(1)).then().catch(err => { console.log(err)})async function jestTest...

2021-06-28 18:50:28

321浏览

0评论

JavaScript 如何在线解压 ZIP 文件

一、ZIP 格式简介
ZIP 文件格式是一种数据压缩和文档储存的文件格式，原名 Deflate，发明者为菲尔·卡茨（Phil Katz），他于 1989 年 1 月公布了该格式的资料。ZIP 通常使用后缀名 “...

2021-06-28 18:50:25

154浏览

0评论

JavaScript如何利用Promise控制并发请求个数

一、场景
假设现在有这么一种场景：现有 30 个异步请求需要发送，但由于某些原因，我们必须将同一时刻并发请求数量控制在 5 个以内，同时还要尽可能快速的拿到响应结果。如图所示：上...

2021-06-28 18:50:22

106浏览

0评论

JS带你深入领略Proxy的世界

1. Proxy 的基本结构Proxy 的基本使用方式：/** * target: 表示要代理的目标，可以是object, array, function类型 * handler: 是一个对象，可以编写各种代理的方法 */const proxy...

2021-06-28 18:50:18

93浏览

0评论

JavaScript内置日期、时间格式化时间实例代码

一、基础知识（date对象的方法）
😜 getFullYear( ) 用于返回一个表示年份的4位数🤣 getMonth( ) 返回表示月份的数字，但是返回值是 0（一月）到 11（十二月）之间的一个...

2021-06-28 18:50:15

122浏览

0评论

微信小程序实现简单Tab切换效果

本文实例为大家分享了微信小程序实现Tab切换效果的具体代码，供大家参考，具体内容如下使用步骤代码如下（示例）：定义一个状态statusdata: { status: 0, },代码如下（示例）：在点击切...

2021-06-28 18:50:04

118浏览

0评论

基于 antd pro 的短信验证码登录功能(流程分析)

概要最近使用 antd pro 开发项目时遇到个新的需求, 就是在登录界面通过短信验证码来登录, 不使用之前的用户名密码之类登录方式.这种方式虽然增加了额外的短信费用, 但是对...

2021-06-28 18:50:02

132浏览

0评论

微信小程序实现拍照和相册选取图片

本文实例为大家分享了微信小程序实现拍照和相册选取图片的具体代码，供大家参考，具体内容如下布局：<view class="tui-menu-list" id="view1" st...

2021-06-28 18:49:58

151浏览

0评论

JavaScript判断文件是否存在的实例代码

一、业务场景
最近一直在做和文件上传和下载相关的开发，在涉及到下载的时候，我使用如下的方法进行下载 //获取或者赋值一个下载路径 let downUrl; //采用如下的方式可以...

2021-06-28 18:49:55

79浏览

0评论

JavaScript继承的三种方法实例

继承1. 什么是继承
继承: 首先继承是一种关系，类(class)与类之间的关系，JS中没有类,但是可以通过构造函数模拟类，然后通过原型来实现继承。继承也是为了数据共享,js中的继...

2021-06-28 18:49:49

115浏览

0评论

js如何构造elementUI树状菜单的数据结构详解

背景说明
elementUI中自带树状菜单，就是数据结构有点复杂，偏向json风格。数据库中菜单数据是二维表格，通过parentPk定义上下级，是list型。需要把list转换成tree的结构。elementU...

2021-06-28 18:49:46

76浏览

0评论

如何使用JS中的webWorker

一、webWorker之初体验所以，JavaScript是单线程也是有背景的。如下：<!DOCTYPE html> <head> <title>singleThread</title> <meta http-equiv="Content-Type"...

2021-06-28 18:49:43

首页 «764 765766767 768 »尾页

热门文章