JavaScript - 教程之家

80浏览

0评论

Vue+ElementUI 实现分页功能-mysql数据

目录1.问题2.解决2.1分页组件2.2获取数据库数据的函数：getData():
2.3页面加载完成，需要请求第一页的数据3.分析4.结果1.问题
当数据库中数据比较多时，就要每次只查询一部分来...

2022-01-09

91浏览

0评论

javascript Blob对象实现文件下载

目录说明一、Blob对象二、前端三、后端总结说明最近遇到一个需求，文件下载，但需要鉴权，这就意味着不能用后台返回下载链接的方式进行下载，因为一旦被别人拿到这条链接，就可以不需...

2022-01-09

57浏览

0评论

vue实际运用之vuex持久化详解

目录vuex持久化总结vuex持久化vuex：刷新浏览器，vuex中的state会重新变为初始状态解决办法：使用vuex-persistedstate插件（实际就是自动存在本地存储中）安装 npm i -S vuex-pe...

2022-01-09

97浏览

0评论

Vue顶部tags浏览历史的实现

目录废话实现的功能正文重点废话demo预览实现的功能默认有首页，不能关闭点击路由菜单，判断有无存在，没有就添加，有就定位到上面点击跳转，点击X可关闭关闭当前页，自动跳到下一个tag...

2022-01-09

75浏览

0评论

Vue3+Element+Ts实现表单的基础搜索重置等功能

从Vue2的写法转变为Vue3的格式之后，会有一些写法和代码结构的改变，这里对一些重点进行介绍。代码结构：写法一(推荐)：<script setup lang="ts">import { ref, reactive } from 'v...

2022-01-09

52浏览

0评论

vue3.0项目快速搭建的完整步骤记录

目录一、我们要确保vue/cli版本在4.5.0以上，才能更好的支持3.0二、通过vue/cli3创建我们的第一个项目RouterCSS 预编译ESLint 语法校验运行项目升级vue三、vue3.0相比vue2.0...

2022-01-09

91浏览

0评论

angular内容投影详解

目录单内容投影多内容投影单个条件的内容投影app-persons - htmlapp-persons - ts使用效果图多个条件内容投影appChildRef 调整app-persons - htmlapp-persons - ts使用效果...

2022-01-09

89浏览

0评论

解析OpenLayers 3加载矢量地图源的问题

一、矢量地图矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算获得的。由于矢量图形可通过公式计算获得，所...

2022-01-09

76浏览

0评论

Vue学习-VueRouter路由基础

目录一、VueRouter1、说明2、选中路由的渲染：
3、基本工作原理二、实战1、创建一个带router的vue项目2、打开项目中的src/router/index.js文件
3、在浏览器中打开项目
4、新...

2022-01-09

62浏览

0评论

Javascript File和Blob详解

目录File()语法参数示例Blob()语法参数属性方法示例总结File()File() 构造器创建新的 File 对象实例。语法var myFile = new File(bits, name[, options]);参数bits
一个包...

2022-01-09

75浏览

0评论

vue 按钮权限控制介绍

目录一、步骤1.定义buttom权限
2.定义store
3.创建permission指令
4.使用permission指令
5.删除无权限数据
6.传入状态管理数据
二、概况前言：
在日常项目中，会碰到需要根据后...

2022-01-09

84浏览

0评论

vue-amap安装和用法步骤

之前分享了异步加载高德地图api的用法，现在记录一下vue-amap的用法。vue-amap是饿了么开源的一套基于 Vue 2.0 和高德地图的地图组件。数据状态与地图状态单向绑定，开发者无...

2022-01-09

91浏览

0评论

vue中插件和组件的区别点及用法总结

本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。一、组件是什么
回顾以前对组件的定义：组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式...

2022-01-09

55浏览

0评论

vue+elementui+vuex+sessionStorage实现历史标签菜单的示例代码

一般是有左侧菜单后，然后要在页面上部分添加历史标签菜单需求。
借鉴其他项目，以及网上功能加以组合调整实现
按照标签实现方式步骤来（大致思路）：
1，写一个tagNav标签组件2，在路由...

2022-01-09

65浏览

0评论

JavaScript实现动态生成表格案例详解

目录前言实现思路实现代码实现效果前言在这里实现一个动态添加表格的案例，当点击添加按钮时，可以弹出一个表单，然后将输入的内容添加到表格中，也可以将表格中的整行内容清除。...

2022-01-09

65浏览

0评论

angular双向绑定详解

目录双向绑定原理ngModel效果图自定义双向绑定属性组件-html组件-ts外部使用效果图总结双向绑定原理双向绑定将属性绑定与事件绑定结合在一起。
Angular 的双向绑定语法是方...

2022-01-09

52浏览

0评论

关于Vue的 Vuex的4个辅助函数

目录一、辅助函数二、实例1、mapState 和 mapGetters
2、mapMutations和mapActions
一、辅助函数
当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和...

2022-01-09

58浏览

0评论

Vue实现模糊查询-Mysql数据库数据

目录1.需求2.实现3.结果1.需求
输入框中输入数据，根据输入的结果模糊搜索数据库对应内容，实现模糊查询。2.实现
输入框使用v-model双向绑定查询数据keyWord。<el-input v-mode...

2022-01-09

82浏览

0评论

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

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

2022-01-09

72浏览

0评论

JavaScript 微任务和宏任务讲解

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

2022-01-09

80浏览

0评论

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

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

2022-01-09

86浏览

0评论

JavaScript的Proxy对象详解

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

2022-01-09

79浏览

0评论

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

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

2022-01-09

63浏览

0评论

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

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

2022-01-09

67浏览

0评论

angular父子组件通信详解

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

2022-01-09

77浏览

0评论

vue中插槽整理及用法分析

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

2022-01-09

61浏览

0评论

分享20个JavaScript 单行代码

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

2022-01-09

81浏览

0评论

JavaScript中的异步能省掉await吗?

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

2022-01-09

55浏览

0评论

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

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

2022-01-09

66浏览

0评论

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

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

2022-01-09

76浏览

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

64浏览

0评论

React Router V6更新内容详解

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

2022-01-09

186浏览

0评论

JavaScript实现语音排队叫号系统

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

2022-01-09

70浏览

0评论

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

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

2022-01-09

62浏览

0评论

JavaScript实现带音效的烟花特效

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

2022-01-09

71浏览

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

63浏览

0评论

Vue router 路由守卫详解

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

2022-01-09

122浏览

0评论

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

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

2022-01-09

78浏览

0评论

webpack的懒加载和预加载详解

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

2022-01-09

57浏览

0评论

JavaScript BOM详解

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

2022-01-09

89浏览

0评论

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

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

2022-01-09

84浏览

0评论

Vue3 插槽使用汇总

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

2022-01-09

84浏览

0评论

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

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

2022-01-09

55浏览

0评论

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

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

2022-01-09

69浏览

0评论

JavaScript原型与实例详解

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

2022-01-09

75浏览

0评论

详解Javascript基础之循环

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

2022-01-09

57浏览

0评论

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

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

2022-01-09

57浏览

0评论

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

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

2022-01-09

66浏览

0评论

深入了解JavaScript Promise

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

2022-01-09

75浏览

0评论

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

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

2022-01-09

热门文章