编程开发 - 教程之家

编程开发

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

94浏览

0评论

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

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

2021-08-10 22:23:35

96浏览

0评论

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

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

2021-08-10 22:23:33

113浏览

0评论

React中的Context应用场景分析

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

2021-08-10 22:23:32

79浏览

0评论

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

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

2021-08-10 22:23:30

73浏览

0评论

使用JS实现简易计算器

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

2021-08-10 22:23:28

91浏览

0评论

解决Vue+SpringBoot+Shiro跨域问题

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

2021-08-10 22:23:26

87浏览

0评论

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

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

2021-08-10 22:23:24

79浏览

0评论

JavaScript canvas实现代码雨效果

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

2021-08-10 22:23:21

95浏览

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

92浏览

0评论

浅谈Rx响应式编程

目录一、Observable二、高阶函数三、快递盒模型3.1、快递盒模型1：fromEvent3.2、快递盒模型2：interval四、高阶快递盒五、销毁快递盒5.1、销毁快递盒——取消订阅5.2、销毁高...

2021-08-10 22:23:17

91浏览

0评论

Vue过滤器（filter）实现及应用场景详解

1. 简单介绍
Vue.js 允许你自定义过滤器(filter)，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应...

2021-08-10 22:23:15

99浏览

0评论

如何在vue中使用pdfjs预览pdf文件

目录前言
思考
库目录解析和下载
使用方法
文件位置
实际调用
问题
总结
前言
在写项目的过程中，偶尔会有使用到pdf的文件，当我们想看pdf文件的时候，你的操作是不是先把pdf文件...

2021-08-10 22:23:12

111浏览

0评论

H5唤醒APP实现方法及注意点总结

目录前言跳转APP方式URL Schememeta标签Universal Links各种方式的使用URL Scheme使用meta标签使用Universal Links使用总结实现唤醒APP功能提示浏览器打开实现判断头部APP...

2021-08-10 22:23:11

83浏览

0评论

JavaScript如何通过userAgent判断几个常用浏览器详解

前言通常在做h5页面的时候需要在微信、QQ、微博等生态内做一些引流的工作，但引流时受限于这些平台。比如上次的文章《h5唤醒app实现以及注意点》就是妥协的一个办法，那么常用...

2021-08-10 22:23:09

102浏览

0评论

Vue+WebSocket页面实时刷新长连接的实现

最近vue项目要做数据实时刷新，折线图每秒重画一次，数据每0.5秒刷新一次，说白了就是实时刷新，因为数据量较大，用定时器估计页面停留一会就会卡死。。。与后台人员讨论过后决定使用...

2021-08-10 22:23:08

90浏览

0评论

JavaScript实现简单的轮播图效果

轮播图是什么？轮播图：在一个模块或者说窗口，通过电脑上鼠标点击、手机上手指滑动后，可以看到多张图片。这些图片就都是轮播图，这个模块就叫做轮播模块。如何实现轮播图如何才能在...

2021-08-10 22:23:02

109浏览

0评论

一文读懂JavaScript 中的延迟加载属性模式

传统上，开发人员在 JavaScript 类中为实例中可能需要的任何数据创建属性。对于在构造函数中随时可用的小块数据来说，这不是问题。但是，如果在实例中可用之前需要计算某些数据，您...

2021-08-10 22:23:00

103浏览

0评论

JS如何实现页面截屏功能实例代码

"页面截屏"是前端经常遇到的需求，比如页面生成海报，弹窗图片分享等，因为浏览器没有原生的截图API，所以需要借助canvas来实现导出图片实现需求。可行性方案方案1：将 DOM 改写...

2021-08-10 22:22:59

90浏览

0评论

如何使用ES6的class类继承来实现绚丽小球效果

目录介绍
实现步骤创建canvas画布环境
书写小球类Ball
实现继承球类(Ball)的MoveBall类
实例化小球
index.js完整代码
总结
介绍
本效果采用Canvas画布绘制，再利用class类继...

2021-08-10 22:22:57

80浏览

0评论

React星星评分组件的实现

实现的需求为传入对商品的评分数据，页面显示对应的星星个数。1. 准备三张对应不同评分的星星图片
2. 期望实现的效果这样的

调用<StarScore score={data.wm_poi_score}/>3....

2021-08-10 22:22:55

93浏览

0评论

帮你提高开发效率的JavaScript20个技巧

目录1. 申明和初始化数组2.进行求和、最小值和最大值3. 对字符串、数字或对象的数组进行排序4. 是否需要从一个数组中过滤掉无用的值？5. 为各种条件使用逻辑运算符6. 删除重...

2021-08-10 22:22:54

106浏览

0评论

Javascript实现简易导航栏

本文实例为大家分享了Javascript实现简易导航栏的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp...

2021-08-10 22:22:52

92浏览

0评论

Vue3.x使用mitt.js进行组件通信

目录快速开始使用方式核心原理Vue2.x 使用 EventBus 进行组件通信，而 Vue3.x 推荐使用 mitt.js。
比起 Vue 实例上的 EventBus，mitt.js 好在哪里呢？首先它足够小，仅有200bytes，其...

2021-08-10 22:22:51

105浏览

0评论

vue打印功能实现的两种方法总结

第一种方法：通过npm 安装插件1，安装 npm install vue-print-nb --save2，引入安装好以后在main.js文件中引入import Print from 'vue-print-nb'　　Vue.use(Print); //注册3，现...

2021-08-10 22:22:50

78浏览

0评论

浅谈JavaScript宏任务和微任务执行顺序

目录一、JavaScript单线程1. 同步任务（synchronous） 2. 异步任务（asynchronous）二、任务队列(task queue)1.执行栈扩展一下setTimeout的理解一、JavaScript单线程JavaScript是单...

2021-08-10 22:22:48

83浏览

0评论

JavaScript实现简易tab栏切换案例

本文实例为大家分享了JavaScript实现简易tab栏切换效果的具体代码，供大家参考，具体内容如下1. tab栏-案例1tab栏分析li里面的分析js实现隐藏与显示排他思想：1）、所有元素全部清...

2021-08-10 22:22:46

104浏览

0评论

React如何优雅的捕获异常

目录前言
ErrorBoundary
Error Boundary 之外
try/catch
window.onerror , error事件
unhandledrejection
XMLHttpRequest 与 fetch
事件处理程序的异常捕获
示例
类型定义...

2021-08-10 22:22:45

93浏览

0评论

vuex的辅助函数该如何使用

目录mapStatemapGettersmapMutationsmapActios多个modules
mapStateimport { mapState } from 'vuex'export default { // ... computed:{ ...mapState({ //...

2021-08-10 22:22:44

129浏览

0评论

React+高德地图实时获取经纬度,定位地址

目录1. 初始化地图
2. 地图扎点3. 开启定位
4. 监听地图变化
5. 获取详细地址
6. 扎点动画😄7. 结束
1.根据高德官方的教程进行前期的配置高德地图JSAPI 1.4.15文档...

2021-08-10 22:22:42

115浏览

0评论

Echarts图例组件的属性与源代码

图例（legend）组件是ECharts中较为常用的组件，它用于以不同的颜色区别系列标记的名字，表述了数据与图形的关联。用户在操作时，可以通过单击图例控制哪些数据系列显示或不显示。在E...

2021-08-10 22:22:39

107浏览

0评论

vue实战中的一些实用小魔法汇总

能让你首次加载更快的路由懒加载，怎么能忘？路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。举个🌰，如果这样写，加载的时候会...

2021-08-10 22:22:38

157浏览

0评论

JS实现移动端上下滑动一次一屏

本文实例为大家分享了JS实现移动端上下滑动一次一屏的具体代码，供大家参考，具体内容如下功能如下: 头部：附近、关注、推荐选项卡的切换左右滑动功能、头部选项卡跟随动...

2021-08-10 22:22:36

126浏览

0评论

微信小程序实现电子签名

本文实例为大家分享了微信小程序实现电子签名的具体代码，供大家参考，具体内容如下<view class="sign-contain"> <view class="signName"> <canvas id="canvas" canvas-id="ca...

2021-08-10 22:22:35

119浏览

0评论

jquery+Ajax实现简单分页条效果

本文实例为大家分享了jquery+Ajax实现分页条效果的具体代码，供大家参考，具体内容如下一、如果是jsp页面的话，可以用EL表达式和JSTL标签制作一个分页条，没有什么难度。用EL表达式...

2021-08-10 22:22:34

99浏览

0评论

jQuery实现表单验证

使用jQuery实现表单验证，供大家参考，具体内容如下register.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册</title> <!--导入jQuer...

2021-08-10 22:22:32

140浏览

0评论

详解JavaScript状态容器Redux

目录一、Why Redux二、Redux Data flow三、Three Principles（三大原则）四、Redux源码解析4.1、index.js4.2、createStore.js4.3、combineReducers.js4.4、bindActionCreators....

2021-08-10 22:22:31

100浏览

0评论

vue使用webSocket更新实时天气的方法

目录前言关于 webSocket 的操作及示例：webSocket1.关于 webSocket
2.与 AJAX 轮的区别
3.webSocket 事件
4. 一个简单的示例
天气更新图片素材重连机制前言在 vue 中使用 web...

2021-08-10 22:22:29

122浏览

0评论

微信小程序获取手机号的踩坑记录

前言最近在开发小程序遇到这样一个问题，在用户点击授权后去解密手机号时会出现第一次失败，第二次成功的情况。研究了一段时间，终于找到比较合理的解决方案，在此记录并总结一下，...

2021-08-10 22:22:27

90浏览

0评论

JavaScript 阻止超链接跳转的操作方法(多种写法)

通过JavaScript，我们可以阻止超链接的跳转。方法如下：（1）操作超链接的 href 属性写法一：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv...

2021-08-10 22:22:26

89浏览

0评论

vue2/vue3路由权限管理的方法实例

1. Vue 路由权限控制一般有2种方法a、路由元信息(meta)
b、动态加载菜单和路由(addRoutes)2 路由元信息（meta）来进行路由权限控制2.1 在vue2种的实现如果一个网站有不同的角色...

2021-08-10 22:22:24

124浏览

0评论

如何利用原生JS实现触摸滑动监听事件

前言
今天写一个小Demo，有个地方涉及到了左滑右滑的逻辑，本来想着用插件来着，但是想到自己好久没用原生JS写滑动的监听了，所以试着用原生JS来实现了一下，毕竟温故而知新嘛，同时做...

2021-08-10 22:22:21

92浏览

0评论

js 数组 find,some,filter,reduce区别详解

区分清楚Array中filter、find、some、reduce这几个方法的区别，根据它们的使用场景更好的应用在日常编码中。
Array.find
Array.find 返回一个对象（第一个满足条件的对象）后停止...

2021-08-10 22:22:20

117浏览

0评论

ECharts多图表联动功能的实现过程

当需要展示的数据比较多时，放在一个图表进行展示的效果并不佳，此时，可以考虑使用两个图表进行联动展示。ECharts提供了多图表联动（connect）的功能，连接的多个图表可以共享组件事件...

2021-08-10 22:22:18

92浏览

0评论

JavaScript实现随机生成验证码及校验

本文实例为大家分享了JavaScript实现随机生成验证码及校验的具体代码，供大家参考，具体内容如下输入验证码（区分大小写）点击确认，进行校验。出错就弹框提示点击看不清重新随机生...

2021-08-10 22:22:17

92浏览

0评论

Vue2中无法检测到数组变动的原因及解决

目录解决方法为什么Vue2.0中监听不到两种数组的变化？
源码分析
Vue3.0
由于JavaScript 的限制，Vue 不能检测以下数组的变动：当利用索引直接设置一个数组项时，例如：vm.items[i...

2021-08-10 22:22:15

98浏览

0评论

ECharts鼠标事件的处理方法详解

事件是用户或浏览器自身执行的某种动作，如click、mouseover、页面加载完毕后触发load事件，都属于事件。
为了记录用户的操作和行为路径，需要完成鼠标事件处理和组件交互的行为...

2021-08-10 22:22:13

263浏览

0评论

详解JavaScript引擎V8执行流程

目录一、V8来源二、V8的服务对象三、V8的早期架构四、V8早期架构的缺陷五、V8的现有架构六、V8的词法分析和语法分析七、V8 AST抽象语法树八、字节码九、Turbofan一、V8来源...

2021-08-10 22:22:11

100浏览

0评论

Vue实现动态样式的多种方法汇总

目录1. 三元运算符判断2. 动态设置class
3. 方法判断
4. 数组绑定5. computed结合es6对象的计算属性名方法1. 三元运算符判断<text :style="{color:state?'#ff9933':'#f...

2021-08-10 22:22:09

89浏览

0评论

javascript实现简单滚动窗口

本文实例为大家分享了javascript实现滚动窗口的具体代码，供大家参考，具体内容如下一.实现的效果图二.涉及到的知识点window.open();方法用于打开一个新的浏览器窗口或查找一个...

2021-08-10 22:22:08

83浏览

0评论

axios取消请求与避免重复请求

目录起源
现状
取消请求 cancelToken
修改后的请求方法
避免重复请求
总结起源
某个页面需要下载全部数据的功能，下载数据量大，接口延迟长.....某个页面加载初始数据量延长长，...

2021-08-10 22:22:06

首页 «670 671672673 674 »尾页

热门文章