编程开发 - 教程之家

编程开发

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

397浏览

0评论

Vue使用Prism实现页面代码高亮展示示例

目录引言1、安装依赖2、配置插件3、代码片段引言之前用 Ace 高亮代码，但依赖包过大，本身需要的功能也不是很多，只有代码高亮、显示行号、高亮某行。就用一下 Prismjs，现记录一...

2023-07-25 20:21:13

455浏览

0评论

node实现批量上传本地图片转为图片CDN的项目实践

目录前言什么是图片CDN为什么用图片CDN实现过程结语前言最近在做一个官网，里面需要很多图片，比较占用资源，打包体积有点大。所以想换成图片CDN方式，之前写过一个类似的,是需要后...

2023-07-25 20:21:11

293浏览

0评论

JavaScript sort方法实现数组升序降序

目录Array.prototype.sort()关于升序和降序的条件升序降序按字母升序Array.prototype.sort()sort() 方法用于对数组的元素进行排序。如果调用该方法时没有使用参数，将按字母...

2023-07-25 20:21:09

183浏览

0评论

TypeScript条件类型示例全面讲解

目录Typescript 高阶类型索引类型extendsReadonly 只读Omit 排除某些字段Typescript 高阶类型索引类型keyof 会提取interface中的keyclass KeyCls {name: stringage: number...

2023-07-25 20:21:07

426浏览

0评论

Angular应用的多语言设置问题解决示例

目录思考在AppModule注册这些语言环境将默认语言环境设置为德语总结思考考虑下面这段代码：import localeDe from '@angular/common/locales/de';import localeJa from '@angu...

2023-07-25 20:21:04

440浏览

0评论

JS 中数组的增删改查和对象的增删改查实例详解

目录数组的使用场景和优缺点：数组使用场景：- 优点：- 缺点：对象的使用场景和优缺点：使用场景：- 优点：- 缺点：数组的增删改查：1. 增加元素：2. 删除元素：3. 修改元素：4. 查找元素：多种方法增...

2023-07-25 20:21:02

317浏览

0评论

一文带你搞懂react hooks的类型声明

目录node_modules中的@types是什么？types查找规则模块types*.d.ts是什么useContextuseStateuseRefuseEffectuseLayoutEffectuseReduceruseCallbackuseMemouseImperativeHandl...

2023-07-25 20:20:59

144浏览

0评论

React中使用TS完成父组件调用子组件的操作方法

目录1.需求2.页面2.1父组件2.2 子组件3.实现逻辑3.1 父组件中构建ref3.2子组件中的相关操作4.父组件使用5.总结1.需求由于在项目开发过程中，我们往往时需要调用子组件中的方...

2023-07-25 20:20:55

462浏览

0评论

Vue3中Cesium地图初始化及地图控件配置方法

目录前言一. 地图初始化1 .Vue 项目创建2 . 运行环境配置3. 地图初始化二、地图控件补充前言本文中，我们主要介绍 Cesium 在 Vue 3运行环境的配置，以及 Cesium 实例中控件的显...

2023-07-25 20:20:53

345浏览

0评论

js项目中前端如何实现无感刷新token

目录环境问题现象原因切入点操作流程1、处理 axios 响应拦截2、封装 refreshToken 逻辑总结前一阵遇到了一个问题，线上平台有时会出现用户正在使用的时候，突然要用户去进行登...

2023-07-25 20:20:35

276浏览

0评论

el-table表格动态合并相同数据单元格(可指定列+自定义合并)

目录1.固定合并2. 动态合并相同数据单元格（所有列）3. 动态合并相同数据单元格（指定列）4. 动态合并相同数据单元格（指定列+合并条件）完整代码1.固定合并官方挺提供的合并具体某行列...

2023-07-25 20:20:33

261浏览

0评论

React渲染机制及相关优化方案

目录一、react渲染步骤二、concurrent机制以及产生作用的机会1. 优先级调度：2. 递增式渲染：三、简单模拟实现 concurrent mode 的递增式渲染四、与优先级调度有关的两个hooks1...

2023-07-25 20:20:28

431浏览

0评论

js 中的柯里化与反柯里化的基础概念和用法

目录一、柯里化1. 定义2. 优缺点2.1. 优点2.2. 缺点3. 适用场景4. 示例代码4.1. 两数相加4.2. 柯里化工具函数二、反柯里化1. 定义2. 优缺点2.1. 优点2.2. 缺点3. 适用场景4...

2023-07-25 20:20:22

254浏览

0评论

JS算法题解搜索插入位置方法示例

目录题目答案解法1解法2题目给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。你可以假设数组中...

2023-07-25 20:20:19

429浏览

0评论

vue中watch监听路由传来的参数变化问题

目录vue中watch监听路由传来的参数变化vue-router如何响应路由参数的变化（watch监听|导航守卫）方法一watch监听方法二：导航守卫vue中watch监听路由传来的参数变化一个组件内写...

2023-07-25 20:20:17

327浏览

0评论

JS中var let声明范围区别详解

目录var声明提升var可以重复声明同一个变量var全局声明作用域var声明提升console.log(name) //土豆var name = '土豆';使用var声明的变量会自动提升到函数作用域的顶部func...

2023-07-25 20:20:13

302浏览

0评论

js类型判断内部实现原理示例详解

目录typeofinstanceof 的内部实现原理Object.prototype.toString()[[class]]总结typeoftypeof 操作符唯一的目的就是检查数据类型类型typeof 结果基本类型undefinedundefine...

2023-07-25 20:20:08

407浏览

0评论

js控制台报错Uncaught TypeError: Cannot read properties of undefined (reading ‘appendChild‘)的解决

控制台错误提示为：意思是：未捕获的类型错误: 无法读取未定义的属性(读取‘ appendchild’)也就是说，你在使用appendChild时的父元素上没有这个属性，所以没法使用。此...

2023-07-25 20:20:03

194浏览

0评论

解决vue3中from表单嵌套el-table时填充el-input,v-model不唯一问题

目录布局问题分析尝试转换思路继续转换思路惊奇的发现效果可以实现出错原因：因为我将weatchEffect写在了点击事件里面每次点击之后，它才会开启监听数据并赋值继续转换思路今...

2023-07-25 20:19:55

180浏览

0评论

vuex页面刷新数据丢失解决方法详解

目录原因解决思路代码如下原因在vue项目中用vuex来做全局的状态管理，发现当刷新网页后，保存在vuex实例store里的数据会丢失。因为store里的数据是保存在运行内存中的,当页面...

2023-07-25 20:19:48

161浏览

0评论

Angular应用Bootstrap过程步骤逻辑详解

目录引言Angular应用程序bootstrap过程步骤ng serve 命令背后执行主要逻辑引言在 Angular应用程序中，客户端的bootstrap过程是指启动应用程序时的一系列步骤，以加载和初始化应...

2023-07-25 20:19:46

172浏览

0评论

利用JavaScript控制元素(标签)的显示与隐藏

使用JavaScript有多种方式来隐藏元素：方式一、使用HTML 的hidden 属性，隐藏后不占用原来的位置hidden 属性是一个 Boolean 类型的值，如果想要隐藏元素，就将值设置为 true，否则就...

2023-07-25 20:19:40

279浏览

0评论

Vue分别运用class绑定和style绑定通过点击实现样式切换

目录Vue官方文档class绑定style绑定Vue官方文档https://cn.vuejs.org/v2/guide...<div v-bind:class="[activeClass, errorClass]"></div>可以简写成<div :class="[activeCl...

2023-07-25 20:19:31

443浏览

0评论

JSON的语法与规则详解

目录JSON 语法规则JSON 名称/值对JSON 值JSON 数字JSON 对象JSON 数组JSON 布尔值JSON nullJSON 使用JavaScript 语法JSON 文件JSON 语法规则JSON 语法是 JavaScript 对象表...

2023-07-25 20:19:27

165浏览

0评论

js中find、findIndex、indexOf的用法和区别

目录一、find方法二、findIndex方法三、indexof方法四、三者区别：五、实际使用一、find方法find方法是ES6引入的一种数组方法，可以用来查找数组中符合条件的元素。语法是：array...

2023-07-25 20:19:24

152浏览

0评论

React18的useEffect执行两次如何应对

目录一、执行两次的useEffect。二、React18 useEffect 新特性如何应对1.首先先了解一下 React 中 useEffect 执行的时机2.怎么样才能让 Effect 执行一次？。###3.具体的解决方...

2023-07-25 20:19:22

157浏览

0评论

el-table 动态合并不定项多级表头的方法

我们的需求是根据不同的厂配不同的多级表头,每个表头有需要合并的项,并且不确定如图所示对表格进行循环操作,此处不赘述,最下方有全部代码表头是单独写在js方便后期更改,然...

2023-07-25 20:19:19

144浏览

0评论

window属性onbeforeunload语法教程示例

目录onbeforeunload属性onbeforeunload属性语法onbeforeunload属性示例笔记规范浏览器兼容性onbeforeunload属性WindowEventHandlers.onbeforeunload事件处理程序属性包含在...

2023-07-25 20:19:13

388浏览

0评论

JS算法题解数组删除重复项方法示例

目录题目删除排序数组中的重复项答案解法1.解法2.题目删除排序数组中的重复项给定一个排序数组，你需要在原地删除重复出现的元素，使得每个元素只出现一次，返回移除后数组的新长...

2023-07-25 20:19:08

283浏览

0评论

关于JSON的定义以及如何使用

目录JSON 是什么？ JSON - 转换为 JavaScript 对象在线实例与 XML 相同之处与 XML 不同之处为什么使用 JSON？使用 XML使用 JSONJSON 是什么？JSON，全称是 JavaScript Object Notat...

2023-07-25 20:19:06

496浏览

0评论

PHP设计模式之中介者模式浅析

目录中介者模式PHP中的中介者模式中介者模式中介者模式（Mediator Pattern）是一种常用的设计模式，用于解决各个对象之间的复杂依赖关系，使得各个对象之间可以独立地改变自己的行...

2023-07-25 13:36:00

241浏览

0评论

PHP结构型模式之装饰器模式

目录装饰器模式（Decorator Pattern）是什么装饰器模式的优点装饰器模式的实现装饰器模式的使用总结装饰器模式（Decorator Pattern）是什么装饰器模式是一种结构型模式，它允许你在运...

2023-07-25 13:35:58

344浏览

0评论

详解PHP结构型设计模式之桥接模式Bridge Pattern

目录桥接模式（Bridge Pattern）是什么桥接模式的优点桥接模式的实现桥接模式的使用总结桥接模式（Bridge Pattern）是什么桥接模式是一种结构型模式，它将抽象部分与实现部分分离开来...

2023-07-25 13:35:56

246浏览

0评论

PHP实现web socket长链接流程详解

目录简介函数介绍简单运用简介目前PHP实现web socket 都是使用框架集成来实现，比如hyperf,swoft,或者是安装swoole 扩展来实现websocket,那么有没有PHP本身就能够实现的呢，答...

2023-07-25 13:35:55

240浏览

0评论

PHP桥接模式Bridge Pattern的优点与实现过程

目录桥接模式Bridge Pattern是什么桥接模式的优点桥接模式的实现桥接模式的使用总结桥接模式Bridge Pattern是什么桥接模式是一种结构型模式，它将抽象部分与实现部分分离开来...

2023-07-25 13:35:52

333浏览

0评论

PHP实现图片合并的示例详解

目录业务需求最终效果准备工作完整过程常见的问题业务需求我们需要一个微信小程序码，但是是需要提供给别人扫码的但是只有一个纯粹的小程序码是不好看的，所以需要推广的海报图...

2023-07-25 13:35:50

328浏览

0评论

PHP结构型模式之代理模式

目录代理模式的优点代理模式的实现代理模式的使用总结代理模式的优点代理模式可以保护原对象，控制对原对象的访问；代理模式可以增强原对象的功能，通过代理对象来添加一些额外的...

2023-07-25 13:35:46

345浏览

0评论

使用Canal实现PHP应用程序与MySQL数据库的实时数据同步

目录canal简介安装配置启动安装php与canal连接的组件简单示例结果展示canal简介由阿里巴巴开源 github地址:https://github.com/alibaba/canalCanal是阿里巴巴开源的一个基...

2023-07-25 13:35:44

467浏览

0评论

关于Thinkphp6的日志问题

目录Thinkphp6的日志问题设置日志记录级别单一日志独立日志日志的写入时机日志通道Thinkphp6异常处理与日志异常处理日志手动记录日志关闭日志总结Thinkphp6的日志问题日志...

2023-07-25 13:35:42

390浏览

0评论

PHP单例模式Singleton Pattern的原理与实现介绍

目录单例模式Singleton Pattern是什么单例模式的优点单例模式的实现单例模式的使用总结单例模式Singleton Pattern是什么单例模式是一种创建型模式，它保证一个类只有一个实例...

2023-07-25 13:35:39

334浏览

0评论

PHP设计模式之迭代器模式浅析

目录迭代器模式PHP中的迭代器模式迭代器模式迭代器模式（Iterator Pattern）是一种常用的设计模式，用于遍历集合中的元素，不暴露集合的内部结构。迭代器模式将集合和遍历分离，使得...

2023-07-25 13:35:37

194浏览

0评论

PHP读取和写入CSV文件的示例代码

目录1. 什么是 CSV 文件2. 从 CSV 文件中读取数据3. 将数据写入 CSV 文件1. 什么是 CSV 文件CSV（逗号分隔值）文件是使用逗号分隔信息的文本文件。该文件的每一行都是一条数据...

2023-07-25 13:35:35

199浏览

0评论

Swoole webSocket消息服务系统代码设计详解

目录概述Swoole 与 EasySwoole安装EasySwoole框架注册服务与启动加载异步和 DB(Redis/Mysql)使用WebSocket服务概述已经Swoole系列的第二篇知识点了，前一篇主要的针对处理的...

2023-07-25 13:35:29

357浏览

0评论

PHP抽象工厂模式Abstract Factory Pattern优点与实现方式

目录抽象工厂模式Abstract Factory Pattern是什么抽象工厂模式的优点抽象工厂模式的实现1. 定义抽象产品类2. 定义具体产品类3. 定义抽象工厂类4. 定义具体工厂类5. 使用总...

2023-07-25 13:35:27

221浏览

0评论

PHP设计模式之观察者模式浅析

目录PHP观察者模式（Observer Pattern）模式结构实现步骤代码示例适用场景PHP观察者模式（Observer Pattern）观察者模式是一种行为设计模式，它定义了一种订阅机制，让一个或多个对象（观...

2023-07-25 13:35:26

503浏览

0评论

PHP结构型模式之外观模式

目录外观模式（Facade Pattern）是什么外观模式的优点外观模式的实现外观模式的使用总结外观模式（Facade Pattern）是什么外观模式是一种结构型模式，它提供了一个简单的接口，隐藏了系...

2023-07-25 13:35:24

203浏览

0评论

IIS+PHP添加对webp格式图像的支持配置方法

PHP添加图像处理(ImageMagick)下载地址：http://pecl.php.net/package/imagick安装说明：https://www.php.net/manual/zh/imagick.setup.php具体步骤1、下载了.zip程序包后，将压...

2023-07-25 13:35:22

239浏览

0评论

thinkphp6如何使用中间件记录行为日志

目录前言一、定义中间件二、使用日志通道暂存行为日志1.修改log配置文件2.注册全局中间件3.测试能否成功生成日志三、使用定时任务将日志内容定时写入数据库1.新建一个api方...

2023-07-25 13:35:16

334浏览

0评论

PHP组合模式Composite Pattern优点与实现过程

目录组合模式Composite Pattern是什么组合模式的优点组合模式的实现组合模式的使用总结组合模式Composite Pattern是什么组合模式是一种结构型模式，它允许你将对象组合成树形...

2023-07-25 13:35:14

首页 «97 9899100 101 »尾页

热门文章