目录 一、数组的作用： 二、数组的定义： 1.通过构造函数创建数组 2.通过字面量的方式创建数组 三、数组元素 四、数组长度 五、数组索引（下标） 六、数组注意的问题 1.数组中存储...

目录 字符串长度：length 获取字符串指定位置的值 charAt() charCodeAt() 字符串检查是否包含某个值 indexOf() lastIndexOf() includes() startsWith() endsWith() 字符串拼接 concat '+'号 字符串分割成数组 s...

目录 防抖 节流 总结 防抖 自动门感应到有人，打开门，并且开始5秒倒计时，在 5 s 内有另外一个人靠近到门，门感应到人，重新5秒倒计时 当事件被触发时，设定一个延迟，若期间事件...

目录 1、parse 解析器 1.1 截取的规则 1.2 截取过程部分 1.3 解析器总结 2、optimize 优化器 2.1 静态节点 2.2 静态根节点 2.3 优化器总结 3、generate 代码生成器 3.1 JS的with语法 思考： html是标签...

目录 1、实现过程 2、显示一个 Observer 3、实现 Watcher 4、实现 Compile 5、添加解析事件 6、完整版 myVue Vue 是利用的 Object.defineProperty() 方法进行的数据劫持，利用 set、get 来检测数据的读写...

本文实例为大家分享了JavaScript实现显示隐藏表单文字的具体代码，供大家参考，具体内容如下 实现思路 运用 onfocus、onblur 事件 onfocus- - - 获取焦点（鼠标点击输入框，输入框里面有闪...

背景 在一些商城类网页中打开商品详情都会有一个计数器来选择购买的数量，这样的计时器不仅会在商品详情页面显示还会在购物车里面有，那就可以把计时器封装成组件，以便于更好...

vue3 项目封装侧导航文字骨架效果组件-全局封装，供大家参考，具体内容如下 目的 当显示页面的时候，有些数据是需要从后台加载，网络不好的时候可能需要等待，那就可以做一个骨...

目录 前言 如何封装一个Toast组件 使用案例 具体实现 总结 前言 新加坡服务器http://www.558idc.com/sin.html 随着业务的发展 功能性开发 已经无法满足我们对于前端的需求，这一篇主要带大家...

本文实例为大家分享了vue3封装类似京东商品详情页放大镜效果组件的具体代码，供大家参考，具体内容如下 首先先完成基本布局 完成图片的切换效果，通过 mouseenter 事件切换图片 落地...

本文实例为大家分享了js如何拖动滑块的具体代码，供大家参考，具体内容如下 实现拖动滑块，先分析，滑块可以拖动应该改变滑块在页面中的坐标，那就采用定位拿到元素的 top 和...

本文实例为大家分享了vue3封装自己分页组件的具体代码，供大家参考，具体内容如下 背景 在浏览列表类型的数据的时候，如果数据比较多一次性全部请求会出现性能损耗以及加载延迟...

目的 封装轮播图组件，直接使用，具体内容如下 大致步骤 准备my-carousel组件基础布局，全局注册 准备home-banner组件，使用my-carousel组件，再首页注册使用。 深度作用选择器覆盖my-caro...

目录 一、常见的高阶函数 1.1、filter 1.2、map 1.3、reduce 高阶函数，英文叫 Higher Order function 。一个函数可以接收另外一个函数作为参数，这种函数就叫做高阶函数。 示例： function add(x,...

前言： 我们在使用Vue的时候，经常会使用并写一些自定义的插件，然后利用 Vue.use 引入。所以提到写插件， install 这个方法是必不可少的。 Vue.js 的插件应该暴露一个 ` install ` 方法。这...

目录 一、遍历类 1. forEach 2. map 3. every 4. some 5. filter 6. reduce 7. reduceRight 二、查找类 1. find 2. findIndex 3. indexOf 4. lastIndexOf 5. includes 三、增删改类 1. push 2. pop 3. unshift 4. shift 5. reverse 6. fill...

目录 方法一：set ：不是一种数据类型，是一种数据结构；成员唯一 方法二：对象属性名不能重复 方法三：indexOf 方法四：sort 方法五：includes :包含；如果数组包含那一项，返回true；不...

目录 作为 attribute 和 property 的 value 及 Vue.js 的相关处理 attribute 和 property 的概念 attribute 和 property 的绑定 Vue.js 对 value 的处理 一般情况使用 :value 特殊情况使用 :value.prop 总结 作为 at...

目录 1、js内存 2、赋值 3、浅拷贝 4、深拷贝 前言: 在学习下面文章前我们简单了解一下的内存的知识，以下先简要提一下 1、js内存 js内存，或者说大部分语言的内存都分为栈和堆。基...

目录 引入JavaScript 1.内部标签 2.外部引入 基础语法 数据类型 number 字符串 布尔值 逻辑运算 比较运算符 数组 对象 流程控制 Map和Set iterator 总结 引入JavaScript 1.内部标签 scriptalert("hello...

本文实例为大家分享了js获取USB扫码枪数据的具体过程，供大家参考，具体内容如下 废话不多说，直接上代码，这个方法避免了 首字缺失，字符串乱码等等问题，特别好用，记录一下...

一、安装并使用 首先，在你的vue项目中进行安装： npm install --save vue-input-check 安装完成以后引入并注册： import inputCheck from 'vue-input-check';// 安装Vue.use(inputCheck); 然后，我们就可以在表单...

本文主要介绍vue项目，在引入element的前提下，对组件进行二次封装实现通过配置项直接布局。 一、查询条件组件化 结合 EventBus.js 的使用，传递事件更高效，可以避免各种复杂的生命周...

在JavaScript 中可以创建三种消息框：警告框、确认框、提示框。 警告框 警告框通常用于确保用户可以得到某些信息。 当警告框出现后，用户需要点击确定按钮才能继续进行操作。 语法...

目录 前言 安装 引入 环境的切换 请求拦截 响应拦截 api的统一管理 总结 前言 在react项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览...

本文实例为大家分享了vue使用el-table动态合并列及行的具体代码，供大家参考，具体内容如下 前两天项目中需要用到表单合并，特此记录，放便以后使用。 首先我使用的element-ui中的e...

目录 Vuex由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。 因此，Vuex 允许我们将 store 分割成模块（module）...

本文实例为大家分享了el-table实现合并单元格的具体代码，供大家参考，具体内容如下 el-table合并单元格（vue+element） - 先在el-table放入:span-method="arraySpanMethod" el-table :header-cell-style="{ba...

目录 Vuex 是什么？ vuex使用周期图 我的store目录 实现一个vuex的示例 总结 Vuex 是什么？ TIP 官网解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的...

本文实例为大家分享了JavaScript实现简单购物小表格的具体代码，供大家参考，具体内容如下 html代码： table border="" cellspacing="0" cellpadding="1" tr style="background-color: #0099cc;" tdinput type="chec...

本文实例为大家分享了vue实现表单验证的具体代码，供大家参考，具体内容如下 1.路由跳转 先点开Vue项目中src目录配置router文件然后用import暴露你的表单页名称并在你的Router实例中中注...

element ui 实现多个table同时滚动，横向纵向滚动 代码如下： script src="//unpkg.com/vue/dist/vue.js"/scriptscript src="//unpkg.com/element-ui@2.15.6/lib/index.js"/scriptdiv id="app"template el-table ref="table1" border="10...

目录 vue2中的缓存函数 改造vue缓存函数 优化 总结 vue2中的缓存函数 vue2版本中有这么一个缓存函数 /** * Create a cached version of a pure function. */ function cached (fn) { var cache = Object.create(null); r...

目录 背景 为什么要错误处理 async await 更优雅的错误处理 小结 总结 背景 团队来了新的小伙伴，发现我们的团队代码规范中，要给 async await 添加 try...catch。他感觉很疑惑，假如有很多...

目录 需求： 遇到的问题： 解决美国高防服务器http://www.558idc.com/usa.html： 需求： element表格多列排序，点击日期的排序，然后再点击姓名的排序，将两个排序字段传给后端排序 遇到的问...

目录 getApp() 在页面入口文件顶部定义变量 你不知道的 wx.createSelectorQuery() and wx.createIntersectionObserver(); 总结 getApp() getApp() 函数是用来获取 app 实例的函数，一般情况下没啥问题，但是在...

目录 前言 一、准备工作——服务器和nginx使用 1. 准备一台服务器 2. nginx安装和启动 3. 了解nginx: 修改nginx配置，让nginx服务器代理我们创建的文件 二、Vue项目打包同步文件到远程服务器...

目录 1、短路判断 2、可选链操作符 ( ) 3、空值合并操作符 ( ) 4、return终止函数 1、短路判断 当只需要简单的if条件时，可使用此方法 let x = 0;let foo = () = console.log('执行了');if(x === 0){ fo...

reduce 方法是一个数组的迭代方法，和 map 、 filter 不同， reduce 方法可缓存一个变量，迭代时我们可以操作这个变量，然后返回它。 这是我大白话的解释，可能还是不容易理解，下面看...

本文实例为大家分享了vue实现页面打印自动分页的具体代码，供大家参考，具体内容如下 一、通过ref方式获取元素进行打印 1.封装一个js文件 // 打印类属性、方法定义/* eslint-disable */...

目录 1、some 2、every 3、find 1、some 在MDN中这样定义 ： some() 方法测试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个 Boolean 类型的值。 简而言之就是： 它对数组...

本文实例为大家分享了vue调取电脑摄像头实现拍照功能的具体代码，供大家参考，具体内容如下 实现效果图： 拍照前拍照后（我电脑摄像头挡住的，所以图片是灰色） 1.点击拍照上传...

本文实例为大家分享了vue实现调取手机摄像头和相册的具体代码，供大家参考，具体内容如下 自己总结的手机端拍照和相册原生的方法 HTML代码 div//要显示的图片 div class="imgBox name" im...

本文实例为大家分享了Vue调用PC摄像头实现拍照功能的具体代码，供大家参考，具体内容如下 项目需求： 可以本地上传头像，也可以选择拍摄头像上传。 组件： 1、Camera组件：实现 打...

本文项目为大家分享了Vue使用video标签实现视频播放的具体代码，供大家参考，具体内容如下 项目需求： 动态显示视频滚动条、禁止视频下载、播放时每5s更新当前时长、每10分钟暂停...

本文实例为大家分享了vue实现pc端拍照上传功能的具体代码，供大家参考，具体内容如下 !DOCTYPE html html head meta charset="UTF8" /head body div id="contentHolder" video id="video" width="320" height="320" aut...

目录 一、普通函数 二、箭头函数 三·、数据包 JSON 四、对象Object 五、Promise 六、Async : Await 七、包 总结 一、普通函数 js的函数创建比较特殊，有很多种方式，最简单的一种和c语言类似...

先看下效果图： 完整代码附上 template div class="newSeeds" id="famerCalendar" div class="title-bottom" el-date-picker :clearable="false" prefix-icon="timeFilter" v-model="value2" type="month" placeholder="选择月" value-format...

目录 React Hooks 前言 Why Hooks ？ For Class For Function Class Hooks 对比 Hooks如何保存组件状态和使用生命周期？ 1、useState：让函数具有维持状态的能力 2、useEffect：执行副作用 总结 React Hooks 前...

Vue之调用PC端摄像头实时拍照，供大家参考，具体内容如下 由于我使用的是点击按钮打开模态框拍照所以在这里吧按钮和模态框代码都粘贴如下。 !-- 打开模态框按钮-- el-form-item label=...