JavaScript - 教程之家

47浏览

0评论

vue轮询请求解决方案的完整实例

轮询的理解
其实轮询的重点在于间隔多少时间执行一次，而并非循环本身。ajax是异步请求，从发起请求到接受到响应即为一个完整的过程，这个过程所需要的时间是无法预料的，说的极端...

2021-08-10

58浏览

0评论

js+canvas实现代码雨效果

本文实例为大家分享了js+canvas代码雨效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type=...

2021-08-10

40浏览

0评论

JavaScript接入百度地图API的方法步骤

目录一、百度地图API接入二、在HTML中使用百度地图API1、在html中引入百度地图js文件2、在网页中定义一个DIV用于显示地图3、在网页中显示地图4、添加可选控件5、定位功能6...

2021-08-10

68浏览

0评论

vue-cli配置使用Vuex的全过程记录

目录前言
安装使用
模块化管理
vuex状态持久化
总结
前言
    在vue开发用我们常常会用到一些全局的数据，比如用户信息、用户权限、一些状态等等。...

2021-08-10

57浏览

0评论

vue实现购物车全部功能的简单方法

主要功能如下：增加商品信息修改商品信息删除单个商品删除多个商品清空购物车对商品单价进行降序排序根据商品名称实现查找实现商品数量加减...

2021-08-10

41浏览

0评论

Vue批量更新dom的实现步骤

目录场景介绍
深入响应式
触发getter
寻找Dep.target
getter
setter
总结
场景介绍
在一个SFC（single file component，单文件组件）中，我们经常会写这样的逻辑：
<template> <div>...

2021-08-10

50浏览

0评论

一文了解TypeScript数据类型

目录基础类型any类型数组元组Interface函数类型自推联合类型（二选一甚至多选一）class枚举基础类型ts中支持更多的类型let age: number = 10 // Numberlet firstName: string =...

2021-08-10

46浏览

0评论

手把手教你用vue3开发一个打砖块小游戏

前言
用vue3写了几个实例，感觉Vue3的composition Api设计得还是很不错，改变了一下习惯，但写多两个就好了。这次写一个也是儿时很觉得很好玩的游戏-打砖块，无聊的时候玩一下也...

2021-08-10

35浏览

0评论

vue项目中使用rem替换px的实现示例

目录工具
安装插件
在项目根目录下添加.postcssrc.js文件
index.html
关于
移动端页面适配，rem和vw适配方案基础点：rem相对根节点字体的大小。所以不用px;
根字体：字体的大小px...

2021-08-10

63浏览

0评论

ES6中Set与WeakSet集合的深入讲解

目录Set是值永不重复的特殊集合
Set集合基础API关于唯一值的判断Set集合遍历的3种方式Set集合案例实践
Set集合与Array数组之间的转换
单个数组去重多个数组合并去重获取交...

2021-08-10

67浏览

0评论

Bootstrap5的断点与容器的具体使用

目录1、Bootstrap5的断点
1.1 移动优先
1.2 Bootstrap的断点
2、容器（Containers）
2.1 容器就是用来盛东西的
2.2 Bootstrap容器的分类
2.3 容器随浏览器宽度变化解析
2.4 容...

2021-08-10

55浏览

0评论

关于JavaScript递归经典案例题详析

目录什么是递归，它是如何工作的？
一、求和（1）数字求和（2）数组求和二、数据转树三、汉诺塔四、斐波那契数列总结什么是递归，它是如何工作的？
我们先来看一下递归（recursion）的定义：递归...

2021-08-10

53浏览

0评论

浅谈前端JS沙箱实现的几种方式

目录前言
iframe实现沙箱
diff方式实现沙箱
基于代理(Proxy)实现单实例沙箱
基于代理(Proxy)实现多实例沙箱
结束语
参考前言
在微前端领域当中，沙箱是很重要的一件事情。像...

2021-08-10

32浏览

0评论

vue异步更新dom的实现浅析

目录Vue异步更新DOM的原理1 什么时候能获取到真正的DOM元素？2 为什么Vue需要通过nextTick方法才能获取最新的DOM？3 为什么this.$nextTick 能够获取更新后的DOM？总结：vue异步更新...

2021-08-10

60浏览

0评论

Vue使用v-model封装el-pagination组件的全过程

使用v-model绑定分页信息对象，分页信息对象包括3个核心属性参数，分页事件直接绑定查询数据的方法，消除父组件的handleSizeChange和handleCurrentChange的绑定事件方法。1、前言...

2021-08-10

47浏览

0评论

JavaScript中变量提升和函数提升实例详解

js 执行词法分析阶段：包括分析形参、分析变量声明、分析函数声明三个部分。通过词法分析将我们写的 js 代码转成可以执行的代码。执行阶段变量提升只有声明被提...

2021-08-10

62浏览

0评论

项目中如何使用axios过滤多次重复请求详解

目录一、前言：
这个情况下，我们通常的做法有两种：二、CancelToken类
最终效果总结一、前言：
我们在web应用开发过程当中，经常会遇到一个时刻发起了多个请求的场景这个情况下，我们...

2021-08-10

36浏览

0评论

webpack几种手动实现HMR的方式

目录1.前言2.GitHub3.基本配置项目目录package.jsonwebpack.config.jsmain.jsindex.htmlmain.vue4.webpack-dev-serverpackage.jsondev.config.js完成5.webpack-dev-middlew...

2021-08-10

53浏览

0评论

ECMAScript6中Map映射的基本概念与常用方法

目录什么是映射
Object与Map区别
Map映射常用方法
声明并初始化赋值set获取键值get删除键值delete判断键值是否存在 has获取所有键值 values()key/value 迭代器 entries()遍...

2021-08-10

59浏览

0评论

利用原生JS实现懒加载lazyLoad的三种方法总结

目录前言Method 1: 高度对比
Method 2: 使用getBoundingClientRect() 的API
Method 3: 采用最新的 IntersectionObserver 构造函数
总结前言首先我们先搭建好页面如下:<styl...

2021-08-10

46浏览

0评论

Vue3中watch的用法与最佳实践指南

目录前言🌟
一、API介绍
二、监听多个数据源
三、侦听数组
四、侦听对象五、总结✨
前言🌟
本文以实验的形式，为大家揭示Vue3中watch的最佳实践。这篇文...

2021-08-10

69浏览

0评论

Typescript中的as、问号与感叹号详解

1、as关键字表示断言在Typescript中，表示断言有两种方式。一种是扩号表示法：let someValue: any = "this is a string";let strLength: number = (someValue).length;另一种使...

2021-08-10

63浏览

0评论

详解Bootstrap网格垂直和水平对齐方式

目录1、Bootstrap网格布局
2、垂直对齐
2.1 row标签中设置垂直对齐
2.2 col标签中设置垂直对齐
3、水平对齐
3.1 row标签中设置垂直对齐
1、Bootstrap网格布局
上一节我们介...

2021-08-10

42浏览

0评论

JS操作对象数组实现增删改查实例代码

1.介绍
最近帮朋友弄一个简单的针对json数组的增删改成页面，正好涉及到了js去操作对象数组实现增删改查功能。我估计很多朋友应该也会遇到这类操作，所以记录一下以便分享。2....

2021-08-10

38浏览

0评论

vuex中Getter的用法详解

前言Vuex 允许我们在 store 中定义“getter”（可以认为是 store 的计算属性）。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被...

2021-08-10

52浏览

0评论

浅谈vue中所有的封装方式总结

目录1.封装API 2.注册全局工具组件 3.封装全局函数4. 为了减少页面代码量的封装如何确定我需要封装呢？1.复用，如果觉得以后还会用到2.你觉得方便，别的地方可能也需要用3.如果不...

2021-08-10

58浏览

0评论

JavaScript实现的七种排序算法总结（推荐！）

目录前言冒泡排序
基础算法
第二种写法是在基础算法的基础上改良而来的：选择排序
基础算法二元选择排序-优化插入排序
交换法插入排序移动法希尔排序
堆排序
快速排序
归并排...

2021-08-10

47浏览

0评论

Vue项目中常用的实用技巧汇总

目录前言1. 使用 $attrs 和 $listeners 进行多层级的数据和事件传递
2. 实现数据的双向绑定，方便维护数据
使用 .sync 实现 Prop 的“双向绑定”
使用 model 选项
3. 使用 Mi...

2021-08-10

51浏览

0评论

Vue中 Vue.prototype使用详解

目录1. 基本示例
2. 为实例prototype设置作用域
3. 注册和使用全局变量
4. 原型方法的上下文
5. 应用示例
5.1 引入 axios
Vue.prototype、Vue.component和Vue.use区别1、Vu...

2021-08-10

46浏览

0评论

Vue3中watchEffect的用途浅析

前言vue2里面的 watch api 大家应该都挺熟悉的了， vue2中vue实例里面有一个 $watch 方法在sfc(sigle file component)里面有一个 watch 选项。他可以实现在一个属性变更的时...

2021-08-10

42浏览

0评论

Bootstrap网页布局网格的实现

目录1、Bootstrap网格系统的工作原理1.1 十二栅格系统1.2 Bootstrap 网格系统标签1.3 Bootstrap 网格系统规则2、Bootstrap 网格系统中单元格宽度设置2.1 默认等宽布局2.2...

2021-08-10

69浏览

0评论

Vue导出Excel功能的全过程记录

目录1.前端主导流程：
2. 插件使用及初始化
2.1 借助vue-admin中提供的方法。2.2 安装插件依赖。2.3 回调函数内容如下3.对后台数据进行处理，完成想要的效果3.1 准备一个数...

2021-08-10

45浏览

0评论

前端JavaScript实现本地模糊搜索功能的方法实例

目录一、项目前景
二、涉及知识点
Object.assign()的用法filter()方法indexOf()模糊查询DEMO完整代码如下：总结一、项目前景
随着vue、react在实际开发中应运越来越广泛，前端...

2021-08-10

52浏览

0评论

JS、CSS和HTML实现注册页面

一个用HTML和CSS实现的注册页面模板，废话不多说了，上代码！更新：使用JavaScript实现用户名和密码表单校验功能。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charse...

2021-08-10

64浏览

0评论

详解npm和cnpm混用的坑

目录起因
原因
NPM介绍：
CNPM介绍：
更好的方式
方式改进
有没有遇到过npm和cnpm一起用的时候出现奇奇怪怪的问题呢？有没有遇到过cnpm在支付宝小程序上面安装包无效？他们真的只...

2021-08-10

39浏览

0评论

vue轻松实现虚拟滚动的示例代码

目录前言
滚动原理
实现
源代码
参考前言
移动端网页的日常开发中,偶尔会包含一些渲染长列表的场景.比如某旅游网站需要完全展示出全国的城市列表,再有将所有通讯录的姓名按...

2021-08-10

62浏览

0评论

微信小程序实现自动播放视频模仿gif动图效果实例

需求背景：在小程序页面插入gif动态图，但gif图一般体积比较大，转而用自动播放视频的模式来模拟gif图的效果，丰富页面展示。自动播放的视频，无控制条，无声音，自动循环播放。技术难点：...

2021-08-10

68浏览

0评论

微信小程序picker多列选择器(mode = multiSelector)

目录一、效果图（多列）二、普通选择器：mode = selector、多列选择器：mode = multiSelector三、app.json四、picker.wxml五、picker.jsvue-next-admin，这是基于 vue3.x + Compositi...

2021-08-10

44浏览

0评论

JavaScript sleep睡眠函数的使用

目录1.sleep函数
2. setTimeout
3.Promise
4. async await
5. 1s后输出1 2s后输出2 3s后输出3
参考文章：1.sleep函数
JavaScript是单线程运行的，没有内置的sleep函数，现在模拟...

2021-08-10

55浏览

0评论

如何利用JavaScript获取字符串中重复次数最多的字符

目录题目
分析
使用对象
解题思路：代码实现如下：
分析：数组&指针
解题思路：代码实现如下：
分析：
总结
想要保持自己的技术活力，最有效的手段就是通过不断地输入来提供足够的养分。...

2021-08-10

46浏览

0评论

Vue.$set 失效的坑问题发现及解决方案

偶然在项目中发现Vue.$set失效有这样一个需求添加数据过滤用左边是控件选择中间是条件右边是值因为会根据控件不同渲染不同的值选项控件 <el-form inline > <el...

2021-08-10

42浏览

0评论

nodejs将JSON字符串转化为JSON对象报错的解决

如何将JSON字符串转化为JSON对象？JSON.parse(str) JSON是javascript的一个内置对象，提供了转换JSON对象与字符串互相转换的方法；　　问题来了，道理我都懂可是就是报错！　　这是我...

2021-08-10

75浏览

0评论

Vue路由this.route.push跳转页面不刷新的解决方案

Vue路由this.route.push跳转页面不刷新一、背景介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted...

2021-08-10

91浏览

0评论

vue+iview的菜单与页签的联动方式

vue+iview菜单与页签联动最近在使用vue+iview开发一个后台管理类的系统，希望做一个点击左侧菜单右侧的页签与内容都能相对应的改变。但搞了好久的路由也没有实现这个功能。刚...

2021-08-10

56浏览

0评论

JS实现数组过滤从简单到多条件筛选

目录单条件单数据筛选
单条件多数据筛选
多条件单数据筛选
多条件多数据筛选
知识点1: Object.key() 获取数组索引或者对象属性知识点2: js里的falsy
知识点3: Array.every...

2021-08-10

46浏览

0评论

Vue中插槽和过滤器的深入讲解

目录插槽
什么是插槽？
插槽内容
编译作用域
后备内容
具名插槽
过滤器
概念
语法全局过滤器局部过滤器练习总结插槽
什么是插槽？
概念Vue 实现了一套内容分发的 API，为组件提供...

2021-08-10

41浏览

0评论

浅谈JavaScript中的parseInt()的妙用

起因写这篇博客的起因是今天在刷leetcode的每日一题，是一道字符串转换整数 (atoi)的题，感兴趣的话可以点击题目名称去看一下具体描述。在我多次debug终于成功提交之后，去评论区...

2021-08-10

40浏览

0评论

浅析从面向对象思维理解Vue组件

在多次使用到相同的函数和相同的HTML代码时，可以考虑抽取为组件。想用就调用，想改就传参，就是组件的好处。什么是组件用面向对象的思维去理解Vue组件，可以将所有的事物都抽象为...

2021-08-10

50浏览

0评论

Vue项目打包、合并及压缩优化网页响应速度

目录前言一.请求内容太大
解决方案：CDN引入压缩请求资源一.http请求次数太多
解决方案：总结前言影响网页响应速度的因素有很多，例如：请求内容太大、http请求次数太多、服务器本...

2021-08-10

53浏览

0评论

JavaScript数组reduce()方法的语法与实例解析

前言reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。
reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从...

2021-08-10

热门文章