JavaScript - 教程之家

59浏览

0评论

element用脚本自动化构建新组件的实现示例

目录背景element-ui的自动化构建是怎么做的makefile
new.js
file-save
引用资源文件的修改fs.createWriteStream
总结背景
在公司的项目中，每次碰到新需求的时候，你是不是都还...

2022-01-09

53浏览

0评论

JavaScript 微任务和宏任务讲解

前言：
js是一门单线程语言，所以它本身是不可能异步的，但是js的宿主环境（比如浏览器、node）是多线程，宿主环境通过某种方式（事件驱动）使得js具备了异步的属性。而在js中，我们一般将所...

2022-01-09

52浏览

0评论

基于JS实现页面悬浮框的实例代码

当滚动条下拉时,悬浮框位置不变,主要是 position:fixed;样式的作用.当下拉到一定程度,接近footer时,我用js控制div消失,往上拉滚动条时又显示.<!DOCTYPE html> <html> <head...

2022-01-09

61浏览

0评论

JavaScript的Proxy对象详解

目录一、Proxy 是什么？二、怎么用？1、使用 Proxy 的简单实例2、目标对象被正确修改3、使用 set handler 做数据验证4、扩展构造函数总结一、Proxy 是什么？Proxy 对象用于拦截并...

2022-01-09

45浏览

0评论

JavaScript实现一个简单的圣诞游戏

目录前言实现效果代码CSS代码JS代码html代码演示流程前言圣诞节快来了，热榜都被一堆圣诞树攻占了，这样的流量密码我怎么会错过，大家都发圣诞树，我就不发啦，直接分享一个圣诞小游...

2022-01-09

43浏览

0评论

JavaScript实现三种常用网页特效(offset、client、scroll系列)

目录一、元素偏移量 offset 系列二、元素可视区 client 系列三、元素滚动 scroll 系列一、元素偏移量 offset 系列offset 翻译过来就是偏移量，我们使用 offset 系列相关属性...

2022-01-09

45浏览

0评论

angular父子组件通信详解

目录用到的api简单的例子person.ts父组件子组件效果总结用到的apiInput - 子组件中定义可接受的属性，可以用来父组件给子组件传递数据Output - 子组件中定义输出的属性，该属性...

2022-01-09

49浏览

0评论

vue中插槽整理及用法分析

本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。vue的插槽（slot）主要分三种：默认插槽，具名插槽，作用域插槽vue中的插槽，指的是子组件中提供给父组件使用的一个占位符；
用标签...

2022-01-09

34浏览

0评论

分享20个JavaScript 单行代码

目录1.获取浏览器Cookie的值2.将RGB转换为十六进制3.复制到剪贴板4.检查日期是否有效5.查找一年中的某一天6.大写字符串7.查找两个日期之间的天数8.清除所有Cookie9.生成随...

2022-01-09

59浏览

0评论

JavaScript中的异步能省掉await吗?

之前我知道要在JavaScript中同步获取异步执行的结果，必须带await;在for循环中，如果不用Promise.All的话，异步不起效果。但是每次需要等待执行结果的时候，都需要带async和await，我...

2022-01-09

37浏览

0评论

nodejs制作一个文档同步工具自动同步到gitee中的实现代码

初衷之所以要做这个工具是为了让自己可以随时用电脑时能记录日常工作或生活。一般只需要简单记录下就行了。这样我在家里的和公司里的记录都能同步看到。这样后期整理的时候...

2022-01-09

47浏览

0评论

vue中get和post请求的区别点总结

本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。vue中get和post请求的区别1、get请求在GET请求中参数是跟在URL后面，即参数放在header中。能传的参数较小。使用params...

2022-01-09

60浏览

0评论

Vue lazyload图片懒加载实例详解

文档：https://github.com/hilongjw/vue-lazyload1.安装cnpm i vue-lazyload -S或npm i vue-lazyload -S2.实例导入配置等操作 src/main.jsimport Vue from 'vue'import App f...

2022-01-09

39浏览

0评论

React Router V6更新内容详解

目录React Router V6 变更介绍1. < Switch > 重命名为< Routes >2. < Route >的新特性变更3. 嵌套路由变得更简单3.1 具体变化有以下：3.2 废弃了V5中的Redirect3.3 多个< Rou...

2022-01-09

158浏览

0评论

JavaScript实现语音排队叫号系统

目录介绍主要功能效果展示关键代码介绍语音排队叫号系统广泛用于银行，餐饮，医院等场景。本系统采用Layui框架完成，前端体验不错，基于角色实现了权限管理，实现了数据库菜单无限级...

2022-01-09

53浏览

0评论

Vue封装组件利器之$attrs、$listeners的使用

目录前言$attrs例子：$listeners (官网解释)使用场景总结前言多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。但仅仅是传递数据，不做中间处理，使用 vuex 处理，未免有些大...

2022-01-09

41浏览

0评论

JavaScript实现带音效的烟花特效

花了半个小时写的代码，这个html5 canvas新年烟花一定不会让大家失望！首先我们看下静态的效果图：文章末尾有动态的效果图，滑动即可看到！ JavaScript代码如下：$(function() { var c...

2022-01-09

52浏览

0评论

一篇文章告诉你如何用事件委托实现JavaScript留言板功能

用事件委托实现留言板功能。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta nam...

2022-01-09

40浏览

0评论

Vue router 路由守卫详解

目录一、全局前置beforeEach1. 全局前置beforeEach2. 实现二、需求二三、全局后置守卫 afterEach1. 修改title为自己的title四、组件内守卫1. beforeRouteEnter2. beforeRou...

2022-01-09

104浏览

0评论

详解Vue返回值动态生成表单及提交数据的办法

目录主要解决的问题一、后端返回的数据，提交到后端的数据格式如下：二、vue前端代码如下：总结主要解决的问题1、vue在循环的时候需要动态绑定不同的v-model；vue动态的表单，数据怎...

2022-01-09

49浏览

0评论

webpack的懒加载和预加载详解

目录正常加载懒加载预加载没有使用预加载使用预加载总结正常加载为了看的方便，index.js中的代码非常简单console.log('index.js执行了')import { test } from './test.js'doc...

2022-01-09

38浏览

0评论

JavaScript BOM详解

目录1.BOM简介1.JavaScript由三部分组成2.window对象3.location对象4.history对象总结1.BOM简介1.JavaScript由三部分组成ECMAScript核心语法 ESDOM文档对象模型，核心对象是d...

2022-01-09

62浏览

0评论

js获取最近一周一个月三个月时间的简单示例

目录获取近一周时间获取近一个月时间获取近三个月时间New Date（）与setDate（）参数总结获取近一周时间var end = new Date();var year = end.getFullYear();var month =...

2022-01-09

58浏览

0评论

Vue3 插槽使用汇总

目录一、v-slot 介绍二、匿名插槽三、具名插槽四、作用域插槽五、动态插槽名一、v-slot 介绍
v-slot 只能用在 template 或组件上使用，否则就会报错。v-slot 也是其中一种指...

2022-01-09

51浏览

0评论

Vue + Axios 请求接口方法与传参方式详解

目录一、Get请求：二、Post请求：三、拓展补充使用Vue的脚手架搭建的前端项目，通常都使用Axios封装的接口请求，项目中引入的方式不做多介绍，本文主要介绍接口调用与不同形式的传参...

2022-01-09

41浏览

0评论

Vue2利用Axios发起请求的详细过程记录

目录前言Axios的安装和配置发起简单GET请求发起POST请求发起简单POST请求发起POST请求并携带参数(一)发起POST请求并携带参数(二)上传文件测试Axios的config配置baseURLtime...

2022-01-09

46浏览

0评论

JavaScript原型与实例详解

目录构造函数实例原型三者的关系prototype属性属性或成员的搜索原则总结构造函数实例原型三者的关系1.任何函数都有一个prototype属性,该属性是一个对象function F () {...

2022-01-09

53浏览

0评论

详解Javascript基础之循环

目录循环forfor-infor-ofwhiledo-while跳出循环总结循环for循环是任何一门语言都会有个命令，用于反复执行某段代码。例如，循环代码块5次：for (let i = 0; i < 5; i++) { let t...

2022-01-09

41浏览

0评论

Node连接MySQL并封装其增删改查的实现代码

目录Node连接Mysql安装Mysql模块连接Mysql常用的SQL语句Node操作Mysql封装结束Node连接Mysql
说到node，可能大家会想到MOngoDB作为数据库，这里将会介绍node与mysql的连接，并分...

2022-01-09

37浏览

0评论

详解vue3中的非父子组件传值

目录App.vuesub1.vuesub2.vue总结vue2中非父子组件的传值主要是通过事件总线，创建一个vue实例，通过在不同的组件中导入该实例来实现非父子组件之间的通信行为。vue3提供了**pr...

2022-01-09

44浏览

0评论

深入了解JavaScript Promise

目录一什么是 Promise？二为什么有 Promise？三 Promise常用api四 Promise常用的两个用法总结一什么是 Promise？一个 Promise 对象就像容器一样，在容器中写着一段执行具体操作...

2022-01-09

55浏览

0评论

Vue组件如何自动按需引入详析

目录全局注册局部注册局部自动注册不同方案对比关于组件名参考总结在Vue中我们可以通过全局组件、局部注册的方式来使用组件全局注册通过app.component来创建全局组件import...

2022-01-09

52浏览

0评论

微信小程序虚拟列表的应用实例

目录前言什么是虚拟列表？demo效果准备工作屏高&盒子高度优化总结前言股票热门榜单有4000多条，渲染到页面上在盘中时还得实时更新，如果采用接口和分页，当下拉几十页的时候页面会...

2022-01-09

46浏览

0评论

什么是JavaScript的防抖与节流

目录一、函数防抖（debounce）1. 什么是防抖？
二、函数节流2.1 定时器实现
2.2 时间戳实现
2.3 时间戳+定时器
一、函数防抖（debounce）
1. 什么是防抖？
函数防抖：在频繁触发某一个事...

2022-01-09

37浏览

0评论

Vue页面内公共的多类型附件图片上传区域并适用折叠面板(示例代码)

在前端项目中，附件上传是很常用的功能，几乎所有的app相关项目中都会使用到，一般在选择使用某个前端UI框架时，可以查找其内封装好的图片上传组件，但某些情况下可能并不适用于自身...

2022-01-09

34浏览

0评论

uniapp 实现微信小程序全局分享的示例代码

目录创建全局分享内容文件引入并全局注册该文件自定义页面分享内容 uniapp 实现微信小程序的全局转发给好友/分享到朋友圈的功能。主要使用 Vue.js 的全局混入概念。下面...

2022-01-09

51浏览

0评论

JavaScript超详细实现网页轮播图

目录创建HTML页面实现js部分的功能1、左右按钮2、动态生成小圆圈
3、点击小圆圈，小圆圈变色
4、点击小圆圈滚动图片
5、点击右侧按钮一次，就让图片滚动一张。
6、点击右侧按钮...

2022-01-09

45浏览

0评论

vue 动态设置浏览器标题的方法详解

目录废话正文第一种router/index.js
第二种1.安装插件2.main.js 引用3.添加指令笔记总结废话平时设置浏览器标题是这样的
但vue是单页面应用，入口文件也只有一个html，只能设置...

2022-01-09

53浏览

0评论

JavaScript 模块化详解

目录前言：1.概念
2.模块化的好处
3.引入多个script标签后出现的问题
一、CommonJS二、AMD三、CMD四、ES6模块化前言：1.概念
将一个复杂的程序依据一定的规则(规范)封装成...

2022-01-09

32浏览

0评论

Json优缺点及使用介绍

目录1. 什么是 JSON1.1 数组字面量1.2 对象字面量1.3 混合字面量1.4 JSON 语法1.5 JSON 编码和解码2. JSON 与 XML3. 服务器端 JSON 工具4. JSON 优势与缺点1. 什么是 JSONJ...

2022-01-09

44浏览

0评论

使用nodejs + koa + typescript 集成和自动重启的问题

目录版本说明创建项目安装依赖填充内容src/server.tstsconfig.jsonpackage.json运行参考资料版本说明Node.js: 16.13.1创建项目创建如下目录结构project├── src│ └─...

2022-01-09

45浏览

0评论

vue+elementUI实现内嵌table的方法示例

在大四实习工作中碰到一个比较特别的需求，要求在一个 table 表格中点击一条数据的编号，在该条数据下方出现一个新的 table 表格。这个需求在 element UI 的官方文档中也有案例...

2022-01-09

35浏览

0评论

JavaScript创建数组的方法详解

目录JavaScript创建数组数组的使用将数组转换为分割字符串数组中新增元素筛选数组删除数组指定元素总结JavaScript创建数组1.利用new创建数组var arr = new Array();//创建...

2022-01-09

50浏览

0评论

vue+el-element中根据文件名动态创建dialog的方法实践

目录背景实现1.封装的/utils/dialogControl.js
2.dialog文件定义
3.使用
背景
在项目中使用对话框的通常做法是把对话框封装成组件，在使用的地方引入，然后添加到template，使...

2022-01-09

71浏览

0评论

关于Vue3过渡动画的踩坑记录

目录背景问题定位进一步分析总结背景在我的《Vue 3 开发企业级音乐 App》课程问答区，有个同学提了个问题，在歌手列表到歌手详情页面到转场动画中，只有进入动画，却没有离场动画：...

2022-01-09

29浏览

0评论

JavaScript闭包原理及作用详解

目录简介闭包的用途柯里化实现公有变量缓存封装(属性私有化)闭包的原理垃圾收集简介实际开发中的优化简介说明本文介绍JavaScript的闭包的作用、用途及其原理。闭包的定义闭...

2022-01-09

45浏览

0评论

Node.js前后端交互实现用户登陆的实践

目录一、项目需求二，开始撸代码1，创建前端页面（CSS样式此处省略）2、Node.js后端获取用户输入数据最近学习了一点Node.js的后端知识，于是作为一个学习前端方向的我开始了解后端，话...

2022-01-09

47浏览

0评论

基于React Hooks的小型状态管理详解

目录实现基于 React Hooks 的状态共享使用感受本文主要介绍一种基于 React Hooks 的状态共享方案，介绍其实现，并总结一下使用感受，目的是在状态管理方面提供多一种选择方式。实...

2022-01-09

41浏览

0评论

JavaScript实现六种网页图片轮播效果详解

目录1、当鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。2、动态生成小圆圈3、点击小圆圈，小圆圈变色4、点击小圆圈滚动图片5、点击右侧按钮一次，就让图片滚动一张。6、点...

2022-01-09

39浏览

0评论

详解Vuex的属性和作用

目录Vuex是什么？Vuex的5个属性vuex 的 State 特性是？
vuex 的 Getter 特性是？
vuex 的 mauation 特性是？
vuex 的 action 特性是？
什么情况下应该使用 Vuex？总结Vuex是什么？VueX是...

2022-01-09

热门文章