目录 背景 解法一 思路： 代码： 解法二 思路： 总结 参考 背景 时间日期格式化的需求很常见，也有很多工具类转换方法，比如需要将2022-3-4这种日期格式转化为2022-03-04，也就是实现个...

目录 前瞻后顾与捕获分组的结合使用 捕获分组与非捕获分组 前瞻、后顾与负前瞻、负后顾 总结 前瞻后顾与捕获分组的结合使用 在现实的应用场景中，捕获分组或非捕获分组通常被限...

目录 1、浅复制的意思 2、深复制的意思 3、使用深复制的原由 4、可实现深复制的几种方法 实现方式一：JSON的序列化与反序列化 实现方式二：Object.assign() 实现方式三：扩展运算符 实现...

在这里，我主要整理了一些小程序开发过程中常用的功能点，非常实用，下面来一看看看吧 1、获取高度宽度 var windowHeight = wx.getSystemInfoSync().windowHeightvar windowWidth = wx.getSystemInfoSync().w...

目录 1、在组件中使用 2、选项合并 总结 1、在组件中使用 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混...

let Utils = { /** * 是否为闫年 * @return {Boolse} true|false */ isLeapYear: function(y) { return (y % 4 == 0 y % 100 != 0) || y % 400 == 0; }, /** * 返回星期数 * @return {Number} */ getWhatDay: function(year, month, day) { let dat...

目录 为什么需要 addEventListener？ 用 addEventListener 的代码 第三个参数的使用 总结 也就是 a ddEventListener 和 on 的区别 为什么需要 addEventListener？ 先来看一个片段： div id ="box"测试/div 用...

目录 父组件与子组件通信 子组件与父组件通信 跨组件通信 祖先子孙 兄弟节点通信 总结 父组件与子组件通信 父组件将自己的状态传递给子组件，子组件当做属性来接收，当父组件更...

本文实例给大家分享了一个用原生JS实现的比较实用的网页导航条特效，当页面滚动时，导航条会发生变化，效果如下： 以下是代码实现，欢迎大家复制粘贴和收藏。 !DOCTYPE htmlhtml la...

本文分享一个用原生JS实现的数码时钟特效，效果如下： 上面的数字是用的图片生成的，共10张图片如下： 实现代码如下，欢迎大家复制粘贴。 !DOCTYPE htmlhtml head meta http-equiv="Content-Ty...

本文实例为大家分享了js实现放大镜效果的具体代码，供大家参考，具体内容如下 样式展示： 思路 先准备两张图片,一张小图,一张大图，并且两张图片有一个整数比值 在小图片的上方...

目录 1、背景 2、验证流程 3、创建验证 4、前端代码 4.1 添加核心js文件 4.2 添加配置 4.3 组件修改 5、后端代码 5.1 添加配置 5.2 接收验证并返回 5.3 添加url路由 6、运行测试 1、背景 近期...

目录 使用效果 文档说明 第一步 第二步 第三步 源码 使用效果 文档说明 第一步 从tableFactory获图标Form对象。 或者： 第二步 加载参数，传入json对象 表格效果： j韩国站群服务器http:/...

本文实例为大家分享了jQuery实现Table分页效果的具体代码，供大家参考，具体内容如下 CSS： style .pager { font-size: 18px; } .pagerTotal { font-size: 18px; height: 36px; line-height: 36px; margin-left: 2px; } ....

目录 前言 一、一个响应式系统的关键要素 1、如何监听数据变化 2、如何进行依赖收集——实现 Dep 类 3、数据变化时如何更新——实现 Watcher 类 二、虚拟 DOM 和 diff 1、虚拟 DOM 是什么？...

前言 JavaScript不断发展壮大，因为它是最容易上手的语言之一，因此为市场上的新成为技术怪才打开了大门。 而且，无论你是JavaScript的新手还是更多的专业开发人员，学习新知识总是一...

本文实例为大家分享了react封装全局弹框的具体代码，供大家参考，具体内容如下 弹框效果图 文件布局 index.js /* eslint-disable react/no-render-return-value */import React, { Component } from 'react'impor...

目录 1、前言 2、接口 3、简单的例子 4、结语 1、前言 根据 MDN 官网解释： Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与 proxy handlers (en-US) 的方法相同。 Refl...

本文实例为大家分享了jquery实现简单弹窗效果的具体代码，供大家参考，具体内容如下 效果实现图 css代码 h1,p,h2{ margin: 0; padding: 0;}.modal_info{ display: flex; visibility: hidden; flex-direction: col...

本文实例为大家分享了JavaScript实现移动端签字功能的具体代码，供大家参考，具体内容如下 一、html部分 div class="mui-content-padded" div class="mui-inline"font style="font-family: '微软雅黑';font-siz...

调试js代码，每次都在要在代码中写de香港多ip服务器http://www.558idc.com/hkzq.htmlbugger，或者在chrome中打断点，而且chrome的断点信息不人性化。偶然发现idea竟然有这个功能，简直神器啊。研...

目录 1.什么是索引签名 2. 索引签名语法 3. 索引签名的注意事项 3.1不存在的属性 3.2 string 和 number 键 4.索引签名与 RecordKeys, Type对比 我们用两个对象来描述两个码农的工资： const salary...

本文给大家分享一个用原生JS实现的翻书效果图，效果如下： 实现代码如下，欢迎大家复制粘贴。 !doctype htmlhtml head meta charset="utf-8" title原生JS实现翻书特效/title style type="text/css" * { ma...

目录 1. 数字操作 （1）生成指定范围随机数 2. 数组操作 （1）数组乱序 （2）数组扁平化 （3）数组中获取随机数 3. 字符串操作 （1）生成随机字符串 （2）字符串首字母大写 （3）手机...

目录 一、跨域是怎么形成的 二、导致跨域的根本原因 三、解决方法 1 、JSONP 2、 CORS 3 、代理转发 一、跨域是怎么形成的 当我们请求一个url的 协议、域名、端口三者之间任意一个与当...

先看效果： 代码： 1、html div class="userContent_content" div table tr td节点名称/td td节点管理IP/td td节点登录名/td td节点登录密码/td /tr //使用ng-container作为空标签用于辅助放置for或者if事件，它...

目录 splice()方法 join()方法 reverse()方法 every()方法 re海外服务器https://www.68idc.cnduce()方法 filter()方法 findIndex()方法 和find()方法 findIndex() find() forEach()方法 some()方法 indexOf（）方法 sort （）...

介绍 本文基于 React + antd ，给大家演示一个完整的 全屏demo 。 起因是开发今天给我提了一个 sql编辑器输入框 比较小，不支持放大，不太方便。希望能够全屏显示，联想到自己以后可能...

目录 el-scrollbar 滚动条 el-upload 模拟点击 el-select 下拉框选项过长 el-input 首尾不能为空格 el-input type=number 输入中文，焦点上移 el-input type=number 去除聚焦时的上下箭头 el-form 只校验表单其...

目录 一、前言 二、使用 1.vue2和vue3的不同 2.页面某些数据不需要缓存 3.动态设置keepAlive属性 4.使用include，exclude配置需要缓存的组件 5.部分页面过来需要缓存，部分页面过来需要刷新...

目录 功能 基本的查询功能 查询条件初始化 渲染页面 更多查询以及展示优化 下拉组件联动查询 组件扩展 搜索条件展示 添加功能按钮区 写在最后 功能 接着前一篇文章基于element-ui框架...

目录 下拉加多选框 升级—添加全部选项 需求改版完善 因产品需求和UI样式调整，和element自带的下拉多选有冲突，索性自己尝试修改如下： 下拉加多选框 效果如下图： 封装如下： t...

目录 应用场景： 方法一：正则表达式 （推荐） 方法二：利用数组的 red韩国cn2服务器http://www.558idc.com/kt.htmluce 方法实现 方法三：利用数组的 map 方法实现 JS字符串的下划线命名和驼峰...

目录 前言 一、一元判断 1.1 举个例子 1.2 放入 Object 中 1.3 放入 Map 中 二、多元判断 2.1 举个例子 2.2 将判断条件拼成字符串放入 Object 中 2.3 将判断条件拼成字符串放入 Map 中 2.4 将判断条...

目录 前言 如何通过 provide/inject 实现 Vuex的功能 在应用中注册此插件 插件的入口文件 创建 store ，把对应的数据挂载到根组件上 实现 mapState、mapMutations 和 mapActions方法 组件中使用 总结...

目录 需求： 思路： 教训： 分享正文： 总结 需求： 从接口动态获取子菜单数据 动态加载 要求只有展开才加载子菜单数据 支持刷新，页面显示正常 思路： 一开始比较乱，思路很多。...

目录 1.界面效果预览 2.uView安装 3.uView配置 3.1 main.js中引入 3.2 uni.scss中引入 3.3 App.vue中引入 3.4 pages.json中配置 4.短信登录界面 5.点击获取验证码接口 项目要求增加短信登录及人脸识别登...

本文分享一个用原生JS实现的百叶窗特效，效果如下： 代码实现如下，欢迎大家复制粘贴。 !DOCTYPE htmlhtml head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title原生JS实现百叶窗特...

今天给大家分享一个用原生JS实现的图片跑马灯特效，效果如下： 实现的代码如下，欢迎大家复制粘贴。 !DOCTYPE htmlhtml head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title原生...

目录 前言 使用方法 总结 前言 Vue中有一个设置项叫做混入 （mixins）, 它的使用是用来做代码复用的。同时， 这个mixins 也分为局部混入和全局混入 vue中的解释是这样的，如果觉得语言...

vue+el-upload多文件动态上传，供大家参考，具体内容如下 使用场景 点击【添加/删除】，可动态增加/删除行数，并为每行上传附件，附件暂存前端，点击【上传】可以将所有附件和部分...

目录 引言 为什么麻烦 有坑的社区方案（以vue为例） 目前不错的方案 上效果图 vue中的实现 react中的实现 题外 该方案的优点 缺点 引言 前进刷新，后退不刷新，是一个类似app页面的特...

这几天项目提测，测试给我提了个bug，说token过期，路由应该自动跳转到登陆页面，让用户重新登录。先说下一些前置条件， 1：我公司的token时效在生产环境设置为一个小时，当token过...

最近在做一个有关人脸采集的项目，然后在编写前端模块时，遇到了一个问题，就是当客户上传照片或直接拍照上传时，会遇到有些图片可能会90度翻转过来所以，我们需要给个按钮客...

目录 1.标签语句介绍 2.标签语句使用 前言： 在日常开发中我们经常使用到递归、 break 、 continue 、 return 等语句改变程序运行的位置，其实，在 JavaScript 中还提供了标签语句，用于标记...

目录 1.Nuxt 服务端渲染应用部署 (SSR服务器渲染) 优势： 不足：（开发中遇到的坑） 2.Nuxt 静态应用部署 优势： 不足： 3.预渲染prerender-spa-plugin 优势： 不足： 4.Phantomjs 针对爬虫做处理...

最近公司刚好在做直播，那么今天就记录一下遇到的坑，公司服务器用的亚马逊aws，所以直接看官方的api就可以了，aws官方地址aws直播api 先看下具体的实现后的效果图把 按照网上成熟...

目录 1、typeof 操作符 2、instanceof 操作符 3、typeof 和 instanceof 的区别以及开发中的使用建议 前言： 日常的开发中，我们经常会遇到判断一个变量的数据类型或者该变量是否为空值的情况...

本文是自己仿写的小米轮播图的写法，通过透明度改变进行轮播的，新手，写的可能不是很好，有啥不合理的情况，望提出，指正，全部的代码放最下面 有很多写法重复，有空的时候，...

近期在搞一个会议健康申报系统时，要搞一个后台，用到了vue-element-admin模板，使用的是PanJianChen(源码地址：https://github.com/PanJiaChen/vue-admin-template) 第一步：当前是下载源码了，下载地址...