JavaScript - 教程之家

83浏览

0评论

vite2.0 踩坑实录

目录vite项目构建优化其它最后
算是对上一篇的补充，记录了一些在配置项目中遇到的问题，希望对大家能有所帮助～
vite项目构建优化路由动态导入经过rollup的构建，动态导入的文件...

2021-08-10

65浏览

0评论

react如何实现一个密码强度检测器详解

目录前言使用组件编写
数据结构解析流程解析
底层代码解析
其他
总结前言密码强度文件校验器；注册帐号的时候我们需要对用户当前的密码强度进行一个评估，这个过程我们需要做...

2021-08-10

94浏览

0评论

jQuery实现大屏滚动播放效果

本文实例为大家分享了jQuery实现大屏滚动播放效果的具体代码，供大家参考，具体内容如下场景需求：在大屏幕上，消息会进行一个实时滚动播报的效果，将现有的内容进行一个来回滚动的播...

2021-08-10

64浏览

0评论

js实现购物网站放大镜功能

本文实例为大家分享了js实现购物网站放大镜功能的具体代码，供大家参考，具体内容如下首先看效果图：先是布局，左边一个小图框，包含一个鼠标移动框，右边一个放大框。<div class="box"...

2021-08-10

88浏览

0评论

vue 如何设置背景颜色及透明度

背景颜色及透明度设置如上图，如果是第一张图片，需要在左上角加上灰色背景，白色“封面”字样，背景色需要有透明度。首先，需要知道rgba() 函数。rgba() 函数使用红(R)、绿(G)、蓝(B...

2021-08-10

74浏览

0评论

JavaScript实现Tab栏切换特效

这里分享一个前端必会的案例，是一个Tab栏的切换效果，除了Tab栏本身会被点击切换之外，Tab本身也决定着其下方的内容板块的显示。运行效果展示：如上图所示，其实就是点击上方的Tab栏...

2021-08-10

67浏览

0评论

详解在node.js中require方法的加载规则

require 方法的加载规则优先从缓存中加载核心模块路径形式的模块第三方模块一、优先从缓存中加载main.js：执行加载a.js模块require('./a')a.js：执行加载b.js...

2021-08-10

62浏览

0评论

VUE 无限层级树形数据结构显示的实现

目录组件递归调用
使用render方法
在做项目中，会遇到一些树形的数据结构，常用在左侧菜单导航，或者评论引用等地方，这种数据结构有个特点是不知道它会嵌套多少层，所以用template去...

2021-08-10

73浏览

0评论

Vue开发高德地图应用的最佳实践

目录前言
异步加载
封装组件
使用组件
自定义界面最佳实践
总结前言
之前做不过不少关于地图交互的产品系统，目前国内主流的地图应用 SDK 只有几家：高德、百度和腾讯。所以个...

2021-08-10

64浏览

0评论

微信小程序swiper-dot中的点如何改成滑块详解

目录背景
目标效果
思路
实现
swiper监听change自定义dot模块change事件中的逻辑写在最后
本文主要介绍如何基于已有的组件（比如微信小程序的swiper，还有我们平时h5用的比较多...

2021-08-10

67浏览

0评论

webpack代码分片的实现

目录背景
CommonsChunkPlugin
splitChunks
配置
异步加载资源
总结
背景
实现高性能应用其中最重要的一点就是尽可能地让用户每次只加载必要的资源，优先级不要太高的资源则采...

2021-08-10

72浏览

0评论

浅谈Vue插槽实现原理

目录一、样例代码二、透过现象看本质三、实现原理四、父组件编译阶段五、父组件生成渲染方法六、父组件生成VNode七、子组件状态初始化八、子组件编译阶段九、子组件生成渲...

2021-08-10

70浏览

0评论

解析如何自动化生成vue组件文档

目录一、现状二、社区解决方案2.1、业务梳理三、技术方案3.1、Vue文件解析3.2、信息提取3.2.1、可直接获取的信息3.2.2、需要约定的信息四、总结五、展望一、现状Vue框架在...

2021-08-10

70浏览

0评论

jquery实现表格无缝滚动

本文实例为大家分享了jquery实现表格无缝滚动的具体代码，供大家参考，具体内容如下css部分我是用的弹性布局*{ margin:0; padding:0; } u...

2021-08-10

56浏览

0评论

JavaScript中三种for循环语句的使用总结（for、for...in、for...of）

前言每个接触JS的开发人员都不可避免的与for循环打交道,毕竟这是遍历必不可少的工具之一。JavaScript 中的 for 循环语句相信大家都已经快用厌了，现在有好多文章都在讲怎么减...

2021-08-10

63浏览

0评论

JavaScript实现留言板添加删除留言

本文分享一个JavaScript的留言板添加留言、删除留言的小案例，内附详细代码分析、但不涉及数据库操作，只解析底层代码实现思路：实现效果运行代码界面：输入留言进行添加：（最新的留言...

2021-08-10

81浏览

0评论

JavaScript实现表单全选或反选效果

本文实例为大家分享了JavaScript实现表单全选或反选的具体代码，供大家参考，具体内容如下表单中常常会用到checkbox复选框，通过复选框做出的列表全选或全不选的效果也是很常见的...

2021-08-10

78浏览

0评论

详解JavaScript闭包问题

闭包是纯函数式编程语言的传统特性之一。通过将闭包视为核心语言构件的组成部分，JavaScript语言展示了其与函数式编程语言的紧密联系。由于能够简化复杂的操作，闭包在主流Java...

2021-08-10

63浏览

0评论

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

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

2021-08-10

83浏览

0评论

js+canvas实现代码雨效果

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

2021-08-10

73浏览

0评论

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

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

2021-08-10

90浏览

0评论

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

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

2021-08-10

82浏览

0评论

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

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

2021-08-10

68浏览

0评论

Vue批量更新dom的实现步骤

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

2021-08-10

74浏览

0评论

一文了解TypeScript数据类型

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

2021-08-10

67浏览

0评论

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

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

2021-08-10

55浏览

0评论

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

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

2021-08-10

80浏览

0评论

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

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

2021-08-10

89浏览

0评论

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

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

2021-08-10

81浏览

0评论

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

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

2021-08-10

78浏览

0评论

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

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

2021-08-10

63浏览

0评论

vue异步更新dom的实现浅析

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

2021-08-10

86浏览

0评论

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

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

2021-08-10

73浏览

0评论

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

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

2021-08-10

82浏览

0评论

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

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

2021-08-10

69浏览

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

82浏览

0评论

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

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

2021-08-10

78浏览

0评论

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

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

2021-08-10

81浏览

0评论

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

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

2021-08-10

90浏览

0评论

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

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

2021-08-10

84浏览

0评论

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

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

2021-08-10

72浏览

0评论

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

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

2021-08-10

66浏览

0评论

vuex中Getter的用法详解

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

2021-08-10

78浏览

0评论

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

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

2021-08-10

82浏览

0评论

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

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

2021-08-10

70浏览

0评论

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

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

2021-08-10

78浏览

0评论

Vue中 Vue.prototype使用详解

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

2021-08-10

68浏览

0评论

Vue3中watchEffect的用途浅析

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

2021-08-10

65浏览

0评论

Bootstrap网页布局网格的实现

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

2021-08-10

93浏览

0评论

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

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

2021-08-10

热门文章