编程开发 - 教程之家

编程开发

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

79浏览

0评论

JavaScript中事件冒泡机制示例详析

什么是冒泡？
DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。事件捕获（event capturing）：通俗的理解就是，当鼠标点击或者触发dom事件时，浏览器...

2021-08-10 22:25:18

62浏览

0评论

浅谈react useEffect闭包的坑

问题代码
看一段因为useEffect导致的闭包问题代码
const btn = useRef();const [v, setV] = useState('');useEffect(() => { let clickHandle = () => { console...

2021-08-10 22:25:16

71浏览

0评论

浅谈JS三座大山之异步和单线程

目录单线程异步单线程但是我们在开发中，遇到请求网络，或者定时任务的时候，如果等待网络请求结束或者定时任务结束的时候再去做其他事情，这样页面就会卡住，所以js有异步机制解决这...

2021-08-10 22:25:12

62浏览

0评论

如何用uni-app实现顶部导航栏显示按钮和搜索框

最近公司准备做app，最终决定使用uni-app框架开发，但是当把设计图给我的时候我心里有点没底，因为他的设计图顶部长成这个样子：因为这个功能在小程序是根本无法实现的，可能受这个影...

2021-08-10 22:25:08

52浏览

0评论

JavaScript+html实现前端页面随机二维码验证

分享炫酷的前端页面随机二维码验证，供大家参考，具体内容如下直接上代码<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>Title</t...

2021-08-10 22:25:07

71浏览

0评论

Vue+Vant实现顶部搜索栏

本文实例为大家分享了Vue+Vant实现顶部搜索栏的具体代码，供大家参考，具体内容如下搜索栏组件源码(SearchBar.vue)<template> <section class="city-search"> <van-icon c...

2021-08-10 22:25:02

55浏览

0评论

vite+vue3+element-plus项目搭建的方法步骤

使用vite搭建vue3项目
通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。$ npm init vite-app <project-name>$ cd <project-name>$ npm install$ npm run dev引...

2021-08-10 22:25:00

55浏览

0评论

vue引入iconfont图标库的优雅实战记录

目录前言
生成SVG
svg sprites简介
获取项目图标
项目设置
图标引用
组件引用
多主题支持
配置多主题样式
Icon改造
页面校验
尾言
前言
本文撰写的初衷是为了向组内成员推...

2021-08-10 22:24:57

67浏览

0评论

微信小程序引入Vant框架的全过程记录

前言
有时候会觉得微信小程序原生的ui差了那么一点点感觉，那么能不能引入三方框架呢？本文以引入Vant来进行举例，共包含8个步骤。不管是不是云开发项目都一样使用。实现步骤
1....

2021-08-10 22:24:53

37浏览

0评论

解决localstorage存储boolean类型值的小坑

localstorage存储boolean类型值小坑今天使用localstorage存储boolean数据时，发现怎么弄页面上数据显示就是有问题。后面才发现，在localstorage中存储的boolean数据都变成了字...

2021-08-10 22:24:51

51浏览

0评论

详解uniapp无痛刷新token方法

前端在请求接口时,和后端定义好了,如果状态码为 401 ,则表明 token 过期,需要前端请求新的 token大概流程如下:1.用户登录之后,后端会返回两个 token ,分别为accessToken 和...

2021-08-10 22:24:47

49浏览

0评论

JavaScript+html实现前端页面滑动验证

本文实例为大家分享了JavaScript+html实现前端页面滑动验证的具体代码，供大家参考，具体内容如下分享炫酷的前端页面滑动验证直接上代码<%@ page contentType="text/html;chars...

2021-08-10 22:24:45

67浏览

0评论

Echarts基本入门之柱状图、折线图通用配置

1echarts的基本步骤四步1 找dom容器2 初始化Init3 配置options4 setOptions几乎124的步骤是一样的，options是配置项，想呈现什么图标就配什么。最基本的带最大值最小值的柱状图...

2021-08-10 22:24:44

54浏览

0评论

vue3+electron12+dll开发客户端配置详解

目录修改仓库源
启动
更换vue-devtools
注意事项
无边框窗口
前后台通知
写在最后
当前使用的版本为 @vue/cli4 创建的 vue3.0 + typescript + electron 12 版本创建，其他版...

2021-08-10 22:24:41

57浏览

0评论

微信小程序实现聊天室功能

本文通过实例为大家分享了微信小程序实现聊天室的具体代码，供大家参考，具体内容如下1.实现效果展示2.room.wxml<view class="container" style="{{containerStyle}}"> <chatr...

2021-08-10 22:24:39

42浏览

0评论

Vue实现div滚轮放大缩小

Vue项目中实现div滚轮放大缩小，拖拽效果，类似画布效果1、引入插件vue-draggable-resizable，点我进入GitHub地址。
1）、npm install --save vue-draggable-resizable
2）、main.js...

2021-08-10 22:24:38

45浏览

0评论

JS代码编译器Monaco使用方法

前言我的需求是可以语法高亮、函数提示功能、自动换行、代码折叠MonacoMonaco是微软家的，支持的语言很多，还有缩略地图，有时候提示不好用然后包体很大。
The Monaco Editor is...

2021-08-10 22:24:37

62浏览

0评论

小程序实现文字循环滚动动画

本文通过实例为大家分享了小程序实现文字循环滚动的具体代码，供大家参考，具体内容如下解决问题：1、文字循环播放特效2、小程序退出、隐藏后台动画停止（已解决）效果：代码：wxml<view...

2021-08-10 22:24:35

50浏览

0评论

GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析

目录前言一、Axios 简介
二、HTTP 拦截器的设计与实现
2.1 拦截器简介
2.2 任务注册
2.3 任务编排
2.4 任务调度
三、HTTP 适配器的设计与实现
3.1 默认 HTTP 适配器
3.2 自...

2021-08-10 22:24:32

57浏览

0评论

vsCode一键生成vue模板

1.使用快捷Ctrl + Shift + P唤出控制台2，然后输入“snippets”并选择2.接着输入vue，vs code自动生成vue.json文件。 3. 将vue.json文件改为下面得模板（可以根据个人需求修改当...

2021-08-10 22:24:31

96浏览

0评论

原生JS实现飞机大战小游戏

本文实例为大家分享了JS实现飞机大战小游戏的具体代码，供大家参考，具体内容如下<html> <head> <title> 飞机大战 </title> <style type="text/css"> *{margin:0;padding:0;...

2021-08-10 22:24:29

60浏览

0评论

浅谈使用Vue完成移动端apk项目

目录基本配置入口文件main.jsApp.vue首页头部搜索栏主体我们项目使用的是Vue和Vant组件，详情都可以看官网哦 Vant Vue 完整项目视频链接目录结构：
基本配置入口文件m...

2021-08-10 22:24:25

68浏览

0评论

Vue实战记录之登陆页面的实现

目录1 前期准备1.1 安装Node.js1.2 安装webpack1.3 安装vue-cli2 搭建Vue项目2.1 创建项目2.2 项目目录2.3 导入Element UI3 实现登陆页面3.1 修改App.vue3.2 创建Login.vue...

2021-08-10 22:24:17

68浏览

0评论

JavaScript操作元素实例大全

操作元素内容参考之前文章：JavaScript WebAPI、DOM、事件、操作元素案例：显示隐藏密码案例核心思路： (操作表单元素属性) 点击眼睛按钮，把密码框类型改为文本框就可以看见里...

2021-08-10 22:24:12

56浏览

0评论

js检测标题与描述中的关键词发现就替换或跳转到别的页面

关键词普通篇标题中不能带破解、key、序列号、注册机的字，要不就给跳转或者替换成别的词var mflag=false;var mtit=document.title;var mcont=document.getElementsByName('d...

2021-08-10 22:24:10

57浏览

0评论

React 高阶组件HOC用法归纳

一句话介绍HOC
何为高阶组件(HOC),根据官方文档的解释：“高阶组件是react中复用组件逻辑的一项高级技术。它不属于react API的组成部分，它是从react自身组合性质中抽离出来的...

2021-08-10 22:24:09

48浏览

0评论

Axios取消重复请求的方法实例详解

目录前言一、如何取消请求
二、如何判断重复请求
三、如何取消重复请求
3.1 定义辅助函数
3.2 设置请求拦截器
3.3 设置响应拦截器
四、CancelToken 的工作原理
五、总结
六...

2021-08-10 22:24:04

46浏览

0评论

浅析vue侦测数据的变化之基本实现

目录一、Object的变化侦测二、关于 Object 的问题三、Array 的变化侦测3.1、背景3.2、实现四、关于 Array 的问题一、Object的变化侦测下面我们就来模拟侦测数据变化的逻辑...

2021-08-10 22:24:02

51浏览

0评论

JavaScript如何优化逻辑判断代码详解

前言我们日常使用到的逻辑判断语句有 if...else...、switch...case...、do...while...等。在简单场景下，我们可能对这些语法的性能没有什么感觉，但当遇到复杂的业务场景时，如果...

2021-08-10 22:24:01

55浏览

0评论

javascript canvas实现雨滴效果

本文实例为大家分享了javascript canvas实现雨滴效果的具体代码，供大家参考，具体内容如下先看效果看起来很炫酷，其实就是实现了雨滴的掉落还有最后的圆还是看源码<!DOCTYPE htm...

2021-08-10 22:24:00

50浏览

0评论

解析从小程序开发者工具源码看原理实现

目录如何查看小程序开发者工具源码小程序架构设计1、小程序渲染是在同一个线程吗？双线程机制2、小程序是web渲染吗？界面渲染机制3、小程序是用web的html标签渲染吗？Exparser组...

2021-08-10 22:23:56

73浏览

0评论

详解JavaScript堆栈与拷贝

目录一.堆栈的定义二.JS堆栈研究1、栈（stack）和堆（heap）2、基本类型和引用类型3、传值与传址三.拷贝1.浅拷贝2.深度拷贝一.堆栈的定义1.栈是一种特殊的线性表。其特殊性在于限定...

2021-08-10 22:23:53

63浏览

0评论

详解JVM系列之内存模型

目录1. 内存模型和运行时数据区2、思维导图和图例3、对象向JVM申请空间4、为什么需要Survivor区?5、为什么需要两个Survivor区?6、例子进行验证堆内存溢出方法区内...

2021-08-10 22:23:50

78浏览

0评论

jQuery框架实现元素显示及隐藏三种动画方式

目录一、默认方式显示和隐藏二、滑动方式显示和隐藏三、淡入淡出方式显示和隐藏四、案例：广告的自动显示和隐藏本文分享自华为云社区《jQuery框架实现元素显示及隐藏动画【附...

2021-08-10 22:23:49

61浏览

0评论

JavaScript WebAPI、DOM、事件和操作元素实例详解

目录WebAPIDOMDOM树DOM获取元素方式document对象属性事件事件的使用步骤事件的类型操作元素操作元素内容操作元素属性操作元素样式排他思想H5自定义属性总结WebAPIAPI：应用程...

2021-08-10 22:23:47

53浏览

0评论

JS面试题之forEach能否跳出循环详解

当年懵懂无知的我被问到这个问题时，脑袋一片空白，当然也没答对，一直以来我对forEach都有一种错误的理解，由于它比原始的for循环简洁许多，导致我一度认为那是为了方便书写所创造出...

2021-08-10 22:23:45

52浏览

0评论

React forwardRef的使用方法及注意点

之前使用react.forwardRef始终无法应用于react高阶组件中，最近终于捣鼓出来了，于是记录下来。关键点就是React.forwardRef的API中ref必须指向dom元素而不是React组件。React.f...

2021-08-10 22:23:43

75浏览

0评论

详解NodeJS模块化

目录一、前言二、正文2.1、什么是模块2.2、Resolving2.3、require.resolve2.4、模块间的父子依赖关系2.5、exports, module.exports2.6、模块循环依赖2.7、.json和.node2.8...

2021-08-10 22:23:41

44浏览

0评论

用JS实现飞机大战小游戏

本文实例为大家分享了JS实现飞机大战小游戏的具体代码，供大家参考，具体内容如下小的时候玩的飞机大战感觉还蛮神奇，今天自己就学着做了一个先制作好要做好的几步以及背景样式va...

2021-08-10 22:23:40

49浏览

0评论

详解JS内存空间

目录概述一、栈与堆二、变量对象与基础数据类型三、引用数据类型与堆内存内存空间管理概述变量对象与堆内存var a = 20;var b = 'abc';var c = true;var d = { m: 20 }在很...

2021-08-10 22:23:38

58浏览

0评论

详解vue3中setUp和reactive函数的用法

1 setUp的执行时机我们都知道，现在vue3是可以正常去使用methods的。
但是我们却不可以在setUp中去调用methods中的方法。
为什么了？？？
我们先了解一下下面这两个生命周期函数，分...

2021-08-10 22:23:36

60浏览

0评论

详解JavaScript面向对象实战之封装拖拽对象

目录概述1、如何让一个DOM元素动起来2、如何获取当前浏览器支持的transform兼容写法3、如何获取元素的初始位置5、我们需要用到哪些事件？6、拖拽的原理7、我又来推荐思维导...

2021-08-10 22:23:35

64浏览

0评论

JavaScript中数组sort()方法的基本使用与踩坑记录

前言在日常的代码开发中，关于数组排序的操作可不少，JavaScript 中可以调用 sort 方法对数组进行快速排序。今天，就数组的 sort 方法来学习一下，避免日后踩坑的悲惨遭遇。概念
so...

2021-08-10 22:23:33

75浏览

0评论

React中的Context应用场景分析

Context定义和目的Context 提供了一种在组件之间共享数据的方式，而不必显式地通过组件树的逐层传递 props。应用场景哪些数据会需要共享？Context 设计目的是为了共享那些对于...

2021-08-10 22:23:32

40浏览

0评论

Javascript结合Vue实现对任意迷宫图片的自动寻路

目录前言二维数组，一本道映射基础界面广度优先，地毯式搜索地图编辑优化寻路算法对图片进行寻路自定义起始点，以及随时变更路线处理彩色图片性能优化前言可以直接体验最终效果：ht...

2021-08-10 22:23:30

39浏览

0评论

使用JS实现简易计算器

使用JS完成简易计算器，供大家参考，具体内容如下要求：输入的值只能是数字，使用正则表达式
onchange():值改变时执行事件
onblur():鼠标移出时执行事件<!DOCTYPE html><html lang=...

2021-08-10 22:23:28

60浏览

0评论

解决Vue+SpringBoot+Shiro跨域问题

目录一、配置Vue前端1、开发跨域配置2、生产跨域配置二、配置spring boot相信大家刚开始做都会遇到这个问题，在网上找了好多也不管用，都写的不全，在这里记录一下，希望对大家有所...

2021-08-10 22:23:26

55浏览

0评论

vue3组合API中setup、 ref、reactive的使用大全

1.初识setUp的使用简单介绍下面的代码功能：
使用ref函数，去使用监听某一个变量的变化，并且把它渲染到视图上。
setUp函数是组合API的入口函数。这个是非常重要的。
setUp可以去...

2021-08-10 22:23:24

47浏览

0评论

JavaScript canvas实现代码雨效果

本文实例为大家分享了canvas实现代码雨效果的具体代码，供大家参考，具体内容如下先看效果图这个效果图是不是像极了以前电影里面的黑客技术，看起来蛮难的，其实操作起来还是挺简单...

2021-08-10 22:23:21

54浏览

0评论

vue中如何简单封装axios浅析

把axios注入到Vue中import axios from 'axios';Vue.prototype.$axios = axios;import axios from 'axios'axios.defaults.timeout = 5000; //响应时...

2021-08-10 22:23:18

首页 «646 647648649 650 »尾页

热门文章