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
React Router V6更新内容详解
目录React Router V6 变更介绍1. < Switch > 重命名为< Routes >2. < Route >的新特性变更3. 嵌套路由变得更简单3.1 具体变化有以下：3.2 废弃了V5中的Redirect3.3 多个< Rou...
2022-01-09
JavaScript实现语音排队叫号系统
目录介绍主要功能效果展示关键代码介绍语音排队叫号系统广泛用于银行，餐饮，医院等场景。本系统采用Layui框架完成，前端体验不错，基于角色实现了权限管理，实现了数据库菜单无限级...
2022-01-09
Vue封装组件利器之$attrs、$listeners的使用
目录前言$attrs例子：$listeners (官网解释)使用场景总结前言多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。但仅仅是传递数据，不做中间处理，使用 vuex 处理，未免有些大...
2022-01-09
JavaScript实现带音效的烟花特效
花了半个小时写的代码，这个html5 canvas新年烟花一定不会让大家失望！首先我们看下静态的效果图：文章末尾有动态的效果图，滑动即可看到！ JavaScript代码如下：$(function() { var c...
2022-01-09
一篇文章告诉你如何用事件委托实现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
Vue router 路由守卫详解
目录一、全局前置beforeEach1. 全局前置beforeEach2. 实现二、需求二三、全局后置守卫 afterEach1. 修改title为自己的title四、组件内守卫1. beforeRouteEnter2. beforeRou...
2022-01-09
详解Vue返回值动态生成表单及提交数据的办法
目录主要解决的问题一、后端返回的数据，提交到后端的数据格式如下：二、vue前端代码如下：总结主要解决的问题1、vue在循环的时候需要动态绑定不同的v-model；vue动态的表单，数据怎...
2022-01-09
webpack的懒加载和预加载详解
目录正常加载懒加载预加载没有使用预加载使用预加载总结正常加载为了看的方便，index.js中的代码非常简单console.log('index.js执行了')import { test } from './test.js'doc...
2022-01-09
JavaScript BOM详解
目录1.BOM简介1.JavaScript由三部分组成2.window对象3.location对象4.history对象总结1.BOM简介1.JavaScript由三部分组成ECMAScript核心语法 ESDOM文档对象模型，核心对象是d...
2022-01-09
js获取最近一周一个月三个月时间的简单示例
目录获取近一周时间获取近一个月时间获取近三个月时间New Date（）与setDate（）参数总结获取近一周时间var end = new Date();var year = end.getFullYear();var month =...
2022-01-09
Vue3 插槽使用汇总
目录一、v-slot 介绍二、匿名插槽三、具名插槽四、作用域插槽五、动态插槽名一、v-slot 介绍
v-slot 只能用在 template 或组件上使用，否则就会报错。v-slot 也是其中一种指...
2022-01-09
Vue + Axios 请求接口方法与传参方式详解
目录一、Get请求：二、Post请求：三、拓展补充使用Vue的脚手架搭建的前端项目，通常都使用Axios封装的接口请求，项目中引入的方式不做多介绍，本文主要介绍接口调用与不同形式的传参...
2022-01-09
Vue2利用Axios发起请求的详细过程记录
目录前言Axios的安装和配置发起简单GET请求发起POST请求发起简单POST请求发起POST请求并携带参数(一)发起POST请求并携带参数(二)上传文件测试Axios的config配置baseURLtime...
2022-01-09
JavaScript原型与实例详解
目录构造函数 实例 原型三者的关系prototype属性属性或成员的搜索原则总结构造函数 实例 原型三者的关系1.任何函数都有一个prototype属性,该属性是一个对象function F () {...
2022-01-09
详解Javascript基础之循环
目录循环forfor-infor-ofwhiledo-while跳出循环总结循环for循环是任何一门语言都会有个命令，用于反复执行某段代码。例如，循环代码块5次：for (let i = 0; i < 5; i++) { let t...
2022-01-09
Node连接MySQL并封装其增删改查的实现代码
目录Node连接Mysql安装Mysql模块连接Mysql常用的SQL语句Node操作Mysql封装结束Node连接Mysql
说到node，可能大家会想到MOngoDB作为数据库，这里将会介绍node与mysql的连接，并分...
2022-01-09
详解vue3中的非父子组件传值
目录App.vuesub1.vuesub2.vue总结vue2中非父子组件的传值主要是通过事件总线，创建一个vue实例，通过在不同的组件中导入该实例来实现非父子组件之间的通信行为。vue3提供了**pr...
2022-01-09
深入了解JavaScript Promise
目录一 什么是 Promise？二 为什么有 Promise？三 Promise常用api四 Promise常用的两个用法总结一 什么是 Promise？一个 Promise 对象就像容器一样，在容器中写着一段执行具体操作...
2022-01-09
Vue组件如何自动按需引入详析
目录全局注册局部注册局部自动注册不同方案对比关于组件名参考总结在Vue中我们可以通过全局组件、局部注册的方式来使用组件全局注册通过app.component来创建全局组件import...
2022-01-09
微信小程序虚拟列表的应用实例
目录前言什么是虚拟列表？demo效果准备工作屏高&盒子高度优化总结前言股票热门榜单有4000多条，渲染到页面上在盘中时还得实时更新，如果采用接口和分页，当下拉几十页的时候页面会...
2022-01-09
什么是JavaScript的防抖与节流
目录一、函数防抖（debounce）1. 什么是防抖？
二、函数节流2.1 定时器实现
2.2 时间戳实现
2.3 时间戳+定时器
一、函数防抖（debounce）
1. 什么是防抖？
函数防抖： 在频繁触发某一个事...
2022-01-09
Vue页面内公共的多类型附件图片上传区域并适用折叠面板(示例代码)
在前端项目中，附件上传是很常用的功能，几乎所有的app相关项目中都会使用到，一般在选择使用某个前端UI框架时，可以查找其内封装好的图片上传组件，但某些情况下可能并不适用于自身...
2022-01-09
uniapp 实现微信小程序全局分享的示例代码
目录创建全局分享内容文件引入并全局注册该文件自定义页面分享内容 uniapp 实现微信小程序的全局转发给好友/分享到朋友圈的功能。主要使用 Vue.js 的 全局混入 概念。下面...
2022-01-09
JavaScript超详细实现网页轮播图
目录创建HTML页面实现js部分的功能1、左右按钮2、动态生成小圆圈
3、点击小圆圈，小圆圈变色
4、点击小圆圈滚动图片
5、点击右侧按钮一次，就让图片滚动一张。
6、点击右侧按钮...
2022-01-09
vue 动态设置浏览器标题的方法详解
目录废话正文第一种router/index.js
第二种1.安装插件2.main.js 引用3.添加指令笔记总结废话平时设置浏览器标题是这样的
但vue是单页面应用，入口文件也只有一个html，只能设置...
2022-01-09
JavaScript 模块化详解
目录前言：1.概念
2.模块化的好处
3.引入多个script标签后出现的问题
一、CommonJS二、AMD三、CMD四、ES6模块化前言：1.概念
将一个复杂的程序依据一定的规则(规范)封装成...
2022-01-09
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
使用nodejs + koa + typescript 集成和自动重启的问题
目录版本说明创建项目安装依赖填充内容src/server.tstsconfig.jsonpackage.json运行参考资料版本说明Node.js: 16.13.1创建项目创建如下目录结构project├── src│ └─...
2022-01-09
vue+elementUI实现内嵌table的方法示例
在大四实习工作中碰到一个比较特别的需求，要求在一个 table 表格中点击一条数据的编号，在该条数据下方出现一个新的 table 表格。这个需求在 element UI 的官方文档中也有案例...
2022-01-09
JavaScript创建数组的方法详解
目录JavaScript创建数组数组的使用将数组转换为分割字符串数组中新增元素筛选数组删除数组指定元素总结JavaScript创建数组1.利用new创建数组var arr = new Array();//创建...
2022-01-09
vue+el-element中根据文件名动态创建dialog的方法实践
目录背景实现1.封装的/utils/dialogControl.js
2.dialog文件定义
3.使用
背景
在项目中使用对话框的通常做法是把对话框封装成组件，在使用的地方引入，然后添加到template，使...
2022-01-09
关于Vue3过渡动画的踩坑记录
目录背景问题定位进一步分析总结背景在我的 《Vue 3 开发企业级音乐 App》课程问答区，有个同学提了个问题，在歌手列表到歌手详情页面到转场动画中，只有进入动画，却没有离场动画：...
2022-01-09
JavaScript闭包原理及作用详解
目录简介闭包的用途柯里化实现公有变量缓存封装(属性私有化)闭包的原理垃圾收集简介实际开发中的优化简介说明本文介绍JavaScript的闭包的作用、用途及其原理。闭包的定义闭...
2022-01-09
Node.js前后端交互实现用户登陆的实践
目录一、项目需求二，开始撸代码1，创建前端页面（CSS样式此处省略）2、Node.js后端获取用户输入数据最近学习了一点Node.js的后端知识，于是作为一个学习前端方向的我开始了解后端，话...
2022-01-09
基于React Hooks的小型状态管理详解
目录实现基于 React Hooks 的状态共享使用感受本文主要介绍一种基于 React Hooks 的状态共享方案，介绍其实现，并总结一下使用感受，目的是在状态管理方面提供多一种选择方式。实...
2022-01-09
JavaScript实现六种网页图片轮播效果详解
目录1、当鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。2、动态生成小圆圈3、点击小圆圈，小圆圈变色4、点击小圆圈滚动图片5、点击右侧按钮一次，就让图片滚动一张。6、点...
2022-01-09
详解Vuex的属性和作用
目录Vuex是什么？Vuex的5个属性vuex 的 State 特性是？
vuex 的 Getter 特性是？
vuex 的 mauation 特性是？
vuex 的 action 特性是？
什么情况下应该使用 Vuex？总结Vuex是什么？VueX是...
2022-01-09
javascript原型链图解的总结和实践
目录原型链我们可以基于原型链来实现一个简易的JQuery库总结原型链在ES6中引入了class关键字，但是JS依然是基于原型的，class实际上是语法糖。
举个例子，有一个people class：clas...
2022-01-09
vue codemirror实现在线代码编译器效果
前言如果我们想在Web端实现在线代码编译的效果，那么需要使用组件vue-codemirror，他是将CodeMirror进行了再次封装 支持代码高亮 62种主题颜色，例如monokai等等 支持js...
2022-01-09
常见的JavaScript内存错误及解决方法
目录1.计时器的监听2.事件监听3.Observers4. Window Object5. 持有DOM引用前言：JavaScript 不提供任何内存管理操作。相反，内存由 JavaScript VM 通过内存回收过程管理，该过程...
2022-01-09
vue拖拽添加的简单实现
本文主要介绍了vue拖拽添加的简单实现，具体如下：效果图并没有判断是否重复,没有删除旧数据数据体
<MyShuttle :dataOrigin='[ { Name:"数据001",...
2022-01-09
Javascript运行机制之Event Loop
目录一、四个概念1、Javascript是单线程
2、任务队列
3、同步任务、异步任务
4、Javascript执行栈
二、Event Loop三、实战一、四个概念
1、Javascript是单线程
单线程意味...
2022-01-09
vue清空数组的几个方式(小结)
目录1. 前言2. 清空数据的几种方式2.1 使用ref()
2.2 使用slice
2.3 length赋值为0
2.4 使用splice
3. 总结1. 前言
前两天在工作当中遇到一个问题,在vue3中使用reactive生...
2022-01-09
React 的调和算法Diffing 算法策略详解
目录算法策略单节点diffing数组节点diffingkey值的使用要求算法策略React的调和算法，主要发生在render阶段，调和算法并不是一个特定的算法函数，而是指在调和过程中，为提高构建wo...
2022-01-09
前端常用的js函数方法
目录1.邮箱2.手机号码3.电话号码4.是否url地址5.是否字符串6.是否数字7.是否boolean8.是否函数9.是否为null10.是否undefined11.是否对象12.是否数组13.是否时间14.是否正则...
2022-01-09
TypeScript命名空间合并讲解
目录同名的命名空间之间的合并命名空间和其他类型的合并合并同名的命名空间和类
合并同名的命名空间和函数
同名的命名空间和枚举
前言：
回顾上一节的内容，在上一节中我们介绍...
2022-01-09
编写 Vue v-for 循环的 7 种方式
目录1. 始终在v-for循环中使用key2. 在一定范围内使用v-for循环3. 避免在循环中使用v-if4. 使用computed属性或方法5. 或者在循环外包一层元素6. 访问循环中的索引7. 迭代对...
2022-01-09
JS截取字符串的三种方法详解
JS提供三个截取字符串的方法,分别是:slice(),substring()和substr(),它们都可以接受一个或两个参数:var stmp = "rcinn.cn";使用一个参数alert(stmp.slice(3));//从第4个字...
2022-01-09
vue 中使用 bimface详情
目录1. 安装 vue 脚手架2. 创建项目3. 引入 bimface 文件3.1 运行项目
3.2 引入 bimface 文件
4. 实现页面渲染4.1 修改 html
4.2 修改 CSS
4.3 修改 JS
整个过程分为如下几...
2022-01-09
