经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 JavaScript

原生js实现表单的正则验证(验证通过后才可提交)

实现了如下功能: 1.用户名:onfouc显示msg规则;onkeyup计算字符,其中中文为两个字符;onblur,验证是否通过 2.邮箱:onblur 正则匹配,正则是根据自己的需求写的,可以根据个人需求更改 3..密码:onkeyup时显示密码的强弱度,onblur时验证密码,是...[2021/5/7]

JS根据奖品权重计算中奖概率

一、示例场景 1.1、设置抽奖活动的奖项名称 奖项名称:["一等奖", "二等奖", "三等奖", "未中奖"]。假设抽奖活动设置了这四个奖项,当然开发者可以扩展更多。 var prizes = ["一等奖","二等奖","三等奖","未中奖"]; 奖项名称数组 1....[2021/5/7]

JavaScript 01

论文告一段落了,剩下要修改的就非常少了,抽一天时间就能解决了。所以有时间来这写东西了。前端三件套html、c (和x 要分开,完全不是一个东西)、JavaScript之前学过,这次先过一遍JavaScript,为实习打基础,后续更新html和c 。有时间的话会同时更新一下渗透测试的东西,也是从0...[2021/5/6]

前端工程师进阶之旅-手撕代码【前端常用方法以及面试常见题】

前端工程师进阶之旅-手撕代码【前端常用方法以及面试常见题】

前端工程师进阶之旅-手撕代码 主要包括一些工作中常用的方法,面试常问到的方法。还有一些不太了解,趁机深入了解的知识点。都弄懂之后还是有点提升的。 数据类型判断 function myTypeof(data) { return Object.prototype.toString.call(d...[2021/5/6]

前端数据结构--散列表(哈希表)

散列表的由来 前面说了数组、链表,他们各自有自己的特点: 数组:具有随机访问的特点,可以快速的根据下标访问到数据,缺点是插入、删除需要移动数据 链表:插入、删除只需要改变结点之间的引用,缺点是查找数据需要从根结点遍历访问  散列表是组合了数组和链表的优势,规避它们的不足而产生...[2021/5/6]

算法学习:二分法从入门到精通

今天在力扣看到一道题,顺手写了下,用到了二分法和贪心算法,这里记录一下思路。 二分法查找,也称折半查找,是一种在有序数组中查找特定元素的搜索算法。查找过程可以分为以下步骤: (1)首先,从有序数组的中间的元素开始搜索,如果该元素正好是目标元素(即要查找的元素),则搜索过程结束,否则进行下一步。...[2021/5/6]

前端缓存API请求数据

1. 背景 在一些项目中,有时候会出现不同模块重复请求大量相同api接口的情况,特别是在一些功能相似的后台管理页面中。以下面这几个页面为例,每次进入页面都需要请求等大量重复的下拉框数据,下拉框数据短时间内改动不大,但也不能在前端使用静态数据,所以可以考虑在前端进行数据缓存,避免重复请求api。 ...[2021/5/6]

JavaScript 02 流程控制 三元运算符

分支结构 1. if ( 条件) { 条件成立执行  } 2. if ( 条件) { 条件成立执行  } else {否则执行语句 } 3. if ( 条件) { 条件成立执行  } else if {条件2执行语句 } else {&nb...[2021/5/6]

JavaScript 03 数组 ,数组倒序,数组遍历,提取非零元素,求大小值,数组增删改查

避免在表达式中写一个固定的值,要用变量代替 数组和  python中的列表差不多,可以按着列表来理解 数组是一种数据类型Array ,数组字面量 [ ] var names = [''zs'', ''ls'', ''ww'']; 获取数组的字面量:索引/下标  co...[2021/5/6]

在Bootstrap开发框架基础上增加WebApi+Vue&Element的前端

基于Metronic的Bootstrap开发框架是我们稍早一点的框架产品,界面部分采用较新的Bootstrap技术,框架后台数据库支持Oracle、SqlServer、MySql、PostgreSQL、DB2、Sqlite、Acce 等常规数据库,可通过配置进行自由切换,使用Enterprise...[2021/5/6]

如何使用CSS将文本垂直居中?

我有一个<div>包含文本的元素,我想对齐此<div>垂直中心的内容。 这是我的<div>风格:   #box { height: 170px; width: 270px; background: #000; font-si...[2021/5/6]

05.ElementUI源码学习:项目发布配置(github pages&npm package)

0x00.前言 书接上文。项目第一个组件已经封装好,说明文档也已编写好。下面需要将说明文档发布到外网上,以此来展示和推广项目,使用 Github Pages功能实现。同时将组件发布之 npm 上,方便直接在项目中安装使用。 0x01.Github Pages发布 进入项目的 Github re...[2021/5/6]

React Hook用法详解(6个常见hook)

1、useState:让函数式组件拥有状态 用法示例: 计数器 import { useState } from ''react'' const Test = () => { const [count, setCount] = useState(0); return ...[2021/5/6]

使用vue-element-admin框架从后端动态获取菜单

1、前言 ? vue-element-admin是一个纯前端的框架,左侧菜单是根据路由生成的。实际开发中经常需要根据当前登陆人员的信息从后端获取菜单进行展示,本文将详细介绍如何实现该功能。 2、详解 ? 整体思路为:登陆 > 成功后根据用户信息获取菜单 > 根据菜单生成路由信...[2021/5/6]

JavaScript 04 函数,参数,形参,实参,返回值return,arguments的使用,冒泡排序法,匿名函数,自调用函数,作用域,作用域链,预解析

JavaScript 04 函数,参数,形参,实参,返回值return,arguments的使用,冒泡排序法,匿名函数,自调用函数,作用域,作用域链,预解析

东西有点绕,需要好好消化,冒泡排序明天补上 ------------------------------------------------------------------------------------------------------- 函数:封装一段特定功能的代码,然后通过函...[2021/5/6]

JS原生2048小游戏源码分享

最近在学习算法方面的知识,看到了一个由算法主导的小游戏,这里给大家分享下代码: 效果: 代码: <head> <meta charset="UTF-8"> <meta name="viewport" content="width=360p...[2021/5/6]

搞懂JS的事件循环(Event Loop)和宏任务/微任务

在之前的一篇文章中简单理了下JS的运行机制,顺着这条线深入就又遇到了几个概念,什么是事件循环,什么又是宏任务、微任务呢,今天用这篇文章梳理一下。 以下是我自己的理解,如有错误,还望不吝赐教。 事件循环与消息队列 首先大家都知道JS是一门单线程的语言,所有的任务都是在一个线程上完成的。而我们知...[2021/5/6]

JavaScript异步编程3——Promise的链式使用

目录概述详论回调地狱Promise实现参考 ??概述 在上一篇文章《JavaScript异步编程2——结合XMLHttpRequest使用Promise》中,简要介绍了Ajax与Promise的结合使用。这样,我们就有了两个异步操作的例子:读取一个json文件;通过一个地址加载图像。考虑一下...[2021/5/6]

Vue.js组件的使用

Vue.js组件的使用 一.组件   组件是可复用的vue实例,可分为局部组件和全局组件。 二.组件入门小案例   要求定义一个组件”one“,并重复使用它。 2.1.代码实例 1 <html lang="en"> 2 <head> 3 <...[2021/5/6]

了解Ajax及Ajax如何发送请求

由于JavaScript能力有限,它所提供的API都只停留在单机阶段。这样会造成一些功能无法实现,如:无法实现用户登录时,用户在输入用户账户时显示用户对应的头像;无法实现用户注册时,用户输入账号或用户名时提示是否存在;无法实现在留言板功能看到最新的用户留言。 上述这些问题的共同点就是:数据存放...[2021/5/6]

详解JavaScript中的正则表达式

实际工作中,JavaScript正则表达式还是经常用到的。所以这部分的知识是非常重要的。 一、基础语法: 第一种:字面量语法 var expre ion=/pattern/flags; 第二种:RegExp构造函数语法 var pattern = /\w/gi; 字面量语法 var pa...[2021/5/6]

JavaScript异步编程4——Promise错误处理

目录1. 概述2. 详论3. 参考 1. 概述 在上一篇文章《JavaScript异步编程3——Promise的链式使用》中,通过Promise的链式使用,避免程序中多次嵌套回调(回调地狱)。根据前面的文章我们可以知道,Promise是基于状态的,成功/失败的状态会分别去处理相应的回调函数。...[2021/5/6]

DPlayer.js视频播放插件使用方法

DPlayer.js视频播放插件简单的使用 主要用到了实现了:视频播放 、监听开始、结束、暂停、播放时间、切换视频 官方文档:http: dplayer.js.org 效果图: ** 注意:我是在本地起了个服务,用局域网连接到手机测试,其中苹果手机中,视频的跳转视频位置失...[2021/4/19]

css如何将元素水平居中

如何使用CSS<div>在另一个文件中水平居中<div>? <div id="outer"> <div id="inner">Foo foo</div> </div> 解决方案: 您可以将此CSS应用于内部<d...[2021/4/19]

js递归实现对象的深拷贝

js递归实现对象的深拷贝

function clone(o) { var temp = {} for (var key in o) { if (typeof o[key] == ''object'') { temp[key] = clone(o[key]) ...[2021/4/19]

01.ElementUI源码学习:项目初始化和webpack配置

01.ElementUI源码学习:项目初始化和webpack配置

0x00.项目初始化 由于整个过程像素级 copy element,所以将不使用vue-cli初始化项目。 创建项目 新建一个空的文件夹,使用npm init 来初始化项目,并安装vue模块。 修改目录结构 根目录中添加文件夹 根目录下创建项目配置文件: .gitignore R...[2021/4/19]

JavaScript之变量解构赋值的使用

引言 解构赋值是ES6中引入的一种能快速方便的进行变量赋值的方法,其主要也就是分为解构和赋值两部分内容。解构者,也就是匹配结构,然后分解结构进行赋值。 数组的解构赋值 使用 const arr = [1,3,5] const [a,b,c] = arr; console.log(a) 1...[2021/4/19]

封装一个处理 react 异常的最简 ErrorBoundary 组件 &#127877;

前言 ?? ?? 从 React 16 开始,引入了 Error Boundaries 概念,它可以捕获它的子组件中产生的错误,记录错误日志,并展示降级内容,具体 官网地址。 ?? 错误边界避免一个组件错误导致整个页面白屏不能使用等情况,使用优雅降级的方式呈现备用的 UI,错误边界可以...[2021/4/19]

02.ElementUI源码学习:babel配置

书接上文,接下来项目将引入babel支持ES6+语法兼容。 Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。中文官网 0x00.babel概念 Babel 是一个编...[2021/4/19]

如何解决在执行gulp任务中出现的错误ReferenceError: primordials is not defined

  最近在执行一个gulp任务时遇到下面这个错误:   Google的结果是说这个是gulp 3在Node 12.x上的一个bug。解决的办法有两个:要么通过nvm将node版本降到12以下,要么将gulp升级到4。由于我工作的电脑上还有其它的项目需要依赖node 12.x版本,所以只能采...[2021/4/19]

简单实现 babel-plugin-import 插件

前言 平时在使用 antd、element 等组件库的时候,都会使用到一个 Babel 插件:babel-plugin-import,这篇文章通过例子和分析源码简单说一下这个插件做了一些什么事情,并且实现一个最小可用版本。 插件地址:https: github.com/ant-design/b...[2021/4/19]

Vue | 路由守卫面试常考

前言 最近在整理基础,欢迎掘友们一起交流学习 结尾有彩蛋哦! ?????? Vue Router 路由守卫 导图目录 路由守卫分类 全局路由守卫 单个路由守卫 组件路由守卫 路由守卫执行的完整过程 路由守卫分类 全局路由 单个路由独享...[2021/4/19]

中小型前端团队代码规范工程化最佳实践 - ESLint

前言 There are a thousand Hamlets in a thousand people''s eyes. 一千个程序员,就有一千种代码风格。在前端开发中,有几个至今还在争论的代码风格差异: 单引号还是双引号? 代码行结束是否需要分号? 两个空格还是四个空格? ... ...[2021/4/19]

简单模拟实现javascript中的call、apply、bind方法

简单模拟实现javascript中的call、apply、bind方法

目录引子隐式丢失硬绑定实现及原理分析总体实现(纯净版/没有注释)写在最后 引子 读完《你不知道的JavaScript--上卷》中关于this的介绍和深入的章节后,对于this的指向我用这篇文章简单总结了一下。接着我就想着能不能利用this的相关知识,模拟实现一下javascript中比较常用...[2021/4/19]

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: &quot;/xxx&quot;. at createRouterError 的说明和解决

错误说明 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/xxx". at createRouterError 这个错误是说着在promise...[2021/4/19]

JavaScript异步编程2——结合XMLHttpRequest使用Promise

JavaScript异步编程2——结合XMLHttpRequest使用Promise

目录1. 概述2. 详论3. 参考 1. 概述 在上一篇文章《JavaScript异步编程1——Promise的初步使用》,简单介绍了一下Promise的初步使用。复习一下,Promise异步编程可以用如下的范式来编写: 定义一个函数(function A),这个函数返回一个Promise...[2021/4/19]

前端数据结构--线性结构-数组

线性结构 线性结构是一个有序数据元素的集合,数据之间的关系是1:1 的关系如: 平时常用的线性结构有数组、线性表、栈、队列 如。 什么是数组   数组是计算机分配一块连续的内存空间,来存储具有相同元素类型的数据。数组具有随机访问的特点,这个特点有利有弊,比如可以根据数组下标快速的访...[2021/4/19]

基于prerender-spa-plugin与vue-meta-info的前端SEO预渲染方案

基于prerender-spa-plugin与vue-meta-info的前端SEO预渲染方案

 背景 最近在开发前端项目时,公司为了提升搜索引擎排名,要求我们对网站做一些SEO优化手段,在与相关的搜索优化公司合作后,对方提出了诸如对关键页面加上H1标签、设置关键词TDK、为logo图设置alt等的建议。   但很多前端开发框架如vue,react等打包后页面的数据...[2021/4/19]

Chrome插件开发入门

最近学习了Chrome插件的开发,总体来说上手还是很容易的,因为浏览器插件本质上依旧是网页,写几个demo基本就了解了他的开发过程。 完整项目:xmy6364/chrome-extension-getimage 什么是Chrome插件 正如开头所说的,Chrome插件实际上就是一个网页,...[2021/4/19]

Javascript 转Date对象为字符串实现函数

转Date对象为字符串实现函数 function formatDate(time, format = "Y-MM-dd HH:mm: ") { /** 格式化字符说明 Y 年 四位数 示例 2021 y 年 年数后二位 示例 21 M 月 ...[2021/4/19]

使用PDF.js渲染canvas实现预览pdf的效果示例

一、PDF.js的下载 从官网直接下载即可,地址:http: mozilla.github.io/pdf.j getting_started/#download 建议下载稳定版本,如下图所示: 下载完成后将压缩包解压放在项目下,按照正常引入方式引入即可。 二、使用PDF.js ...[2021/4/19]

JS实现简单控制视频播放倍速的实例代码

引言 之前就发现一个问题:有时候看一些学习视频,总是嫌它动作太慢,老师黑板上写板书很浪费时间,要是控制合适倍速播放,这样既能提升学习效率,也能让自己看着舒服点。所以我就学着写了下面这个网页,通过Html+CSS+JavaScript实现。 提示:以下是本篇文章正文内容,下面案例可供参考 一...[2021/4/19]

前端数据结构---复杂度分析

前端数据结构---复杂度分析

为什么需要复杂度分析   我们可以把代码跑一遍,然后通过一些工具来统计、监控就能得到算法执行的时间和占用的内存大小。为什么还要做时间、空间复杂度分析呢?这种分析方法能比我实实在在跑一遍得到的数据更准确吗?   首先,肯定的说这种评估算法执行效率的方法是正确的。很多数据结构和算法书籍还给这种方法...[2021/4/12]

模拟jQuery选择器功能及方法

查看jQuery源码可以发现,jQuery中没有使用new操作符来创建新对象,而是采用调用jQuery原型中init()函数的方式返回一个新对象。 熟悉jQuery的人应该知道,几乎jQuery所有操作,都是从$符号开始,当作为元素选择器的时候,操作结果返回的是一个jQuery对象。以下是个人模...[2021/4/12]

腾讯高级工程师带你完整体验Node.js开发实战

Node.js拥有广大的 JavaScript程序员基础并且完全开源,它被广泛地用在 Web服务、开发工作流、客户端应用等诸多领域。在 Web 服务开发这个领域,业界对 Node.js 的接受程度最高。 对于很多前端开发者来说,难点在于如何按照后端工程师的思维,涉及诸如 RPC 调用、系统运维...[2021/4/12]

VUE 动态设置子组件弹窗的层级,解决弹窗层级失效问题

VUE 动态设置子组件弹窗的层级,解决弹窗层级失效问题

  VUE 动态设置子组件弹窗的层级,解决弹窗层级失效问题     子组件点击更多,出弹窗,在其中存入全局的变量     more() { 此处是为了动态修改点出来弹窗的z-index 设置全局的一个变量 监听它 ...[2021/4/12]

ES6数组的扩展--Array.from()和Array.of()

目录一、 Array.from() : 将伪数组对象或可遍历对象转换为真数组1.何为伪数组2.有哪些是伪数组3.如何转化为真数组4.Array.from()用法二、Array.of(v1, v2, v3) : 将一系列值转换成数组 一、 Array.from() : 将伪数组对象或可遍历对象转...[2021/4/12]

递归遍历DOM节点

function EleInsert() { 获取父级DOM,这里通过ID (getElementById) 也可以用 通过name属性 getElementsByName/通过标签名(getElementsByTagName)/通过类名(getElementsByCla N...[2021/4/12]

微信小程序getUserProfile适配方案

清明节放假前一天 群里突然炸锅,说小程序所有用的昵称全部变成了微信昵称 当时我就 特么不是说好13号吗??? 吓得我赶紧爬起来翻文档(需要代码直接往后翻) wx.getUserProfile(Object object) 基础库 2.10.4 开始支持,低版本需做兼容处理。 获...[2021/4/12]

搜狗高级架构师帮你系统掌握TypeScript开发

搜狗高级架构师帮你系统掌握TypeScript开发

JavaScript 是一门动态弱类型语言,对变量的类型非常宽容,而且不会在这些变量和它们的调用者之间建立结构化的契约。 Angular 已经使用 TypeScript 重构了代码,另一大前端框架 Vue 的新版本也将使用 TypeScript 进行重构。在可预见的未来,TypeScript ...[2021/4/12]

101
2
记录数:6347 页数:1/12712345678910下一页尾页
加载更多
 友情链接: NPS