JavaScript - 教程之家

71浏览

0评论

vsCode一键生成vue模板

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

2021-08-10

125浏览

0评论

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

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

2021-08-10

74浏览

0评论

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

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

2021-08-10

87浏览

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

85浏览

0评论

JavaScript操作元素实例大全

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

2021-08-10

78浏览

0评论

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

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

2021-08-10

89浏览

0评论

React 高阶组件HOC用法归纳

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

2021-08-10

76浏览

0评论

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

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

2021-08-10

72浏览

0评论

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

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

2021-08-10

68浏览

0评论

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

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

2021-08-10

74浏览

0评论

javascript canvas实现雨滴效果

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

2021-08-10

65浏览

0评论

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

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

2021-08-10

93浏览

0评论

详解JavaScript堆栈与拷贝

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

2021-08-10

83浏览

0评论

详解JVM系列之内存模型

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

2021-08-10

100浏览

0评论

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

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

2021-08-10

76浏览

0评论

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

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

2021-08-10

72浏览

0评论

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

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

2021-08-10

71浏览

0评论

React forwardRef的使用方法及注意点

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

2021-08-10

103浏览

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

57浏览

0评论

用JS实现飞机大战小游戏

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

2021-08-10

70浏览

0评论

详解JS内存空间

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

2021-08-10

75浏览

0评论

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

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

2021-08-10

76浏览

0评论

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

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

2021-08-10

79浏览

0评论

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

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

2021-08-10

94浏览

0评论

React中的Context应用场景分析

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

2021-08-10

59浏览

0评论

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

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

2021-08-10

56浏览

0评论

使用JS实现简易计算器

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

2021-08-10

75浏览

0评论

解决Vue+SpringBoot+Shiro跨域问题

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

2021-08-10

70浏览

0评论

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

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

2021-08-10

62浏览

0评论

JavaScript canvas实现代码雨效果

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

2021-08-10

75浏览

0评论

vue中如何简单封装axios浅析

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

2021-08-10

73浏览

0评论

浅谈Rx响应式编程

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

2021-08-10

77浏览

0评论

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

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

2021-08-10

78浏览

0评论

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

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

2021-08-10

85浏览

0评论

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

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

2021-08-10

66浏览

0评论

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

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

2021-08-10

83浏览

0评论

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

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

2021-08-10

73浏览

0评论

JavaScript实现简单的轮播图效果

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

2021-08-10

90浏览

0评论

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

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

2021-08-10

87浏览

0评论

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

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

2021-08-10

71浏览

0评论

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

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

2021-08-10

61浏览

0评论

React星星评分组件的实现

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

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

2021-08-10

69浏览

0评论

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

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

2021-08-10

90浏览

0评论

Javascript实现简易导航栏

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

2021-08-10

75浏览

0评论

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

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

2021-08-10

89浏览

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

64浏览

0评论

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

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

2021-08-10

64浏览

0评论

JavaScript实现简易tab栏切换案例

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

2021-08-10

82浏览

0评论

React如何优雅的捕获异常

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

2021-08-10

74浏览

0评论

vuex的辅助函数该如何使用

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

2021-08-10

热门文章