JavaScript-使用正则表达式 前言之前有一篇文章讲了正则表达式的类型以及正则表达式的用法:了不起的正则表达式。 本篇文章就来讲一讲JavaScript中,怎么使用正则表达式。 方法exec:一个在字符串中执行查找匹配的RegExp方法,它返回一个数组(未匹配到则返回 null)。test:一个在字符串中测试是否匹配的RegExp方法,它返回 true 或 false。match:一个在字符串中执行查找匹配的String方法,它 2020-09-10 JavaScript 正则表达式
了不起的正则表达式 1. 前言如果要验证一段字符串是否符合规定的格式,就要用到正则表达式。 比如前端经常做的手机号格式验证,邮箱格式验证,这些都能是正则表达式来搞定,不过这种常用的正则随便一搜,就能搜出一堆,根本不需要自己去写。 但是,如果要使用爬虫抓取,请求拦截等等,这些正则表达式一般都是要根据具体情况进行判断,一般来说都找不到人家编写好的,所以这个时候就需要学习正则。 1.1 正则表达式是什么 正则表达式(英语: 2020-09-10 杂谈 正则表达式
前端开发环境下的新工具:vite 1. 前言随着Vue3.0的最终测试版的发布,尤大又发布了一个新的小工具:Vite。 如果对前端技术稍微敏感一点的朋友就会发现,在掘金这一类的论坛上,Vite经常被提起。 Vite是在开发环境下的一种新的打包方式。 面向现代浏览器的一个更轻、更快的 Web 应用开发工具, 基于ECMAScript 标准原生模块系统(ES Modules)实现。 Vite GitHub地址,可以看到Vite发布 2020-09-06 Vue web开发
前端需要了解的Nginx知识 1. 基本概念1.1 正向代理Nginx不仅可以做反向代理,实现负载均衡。还能用作正向代理来进行上网等功能。 正向代理:如果把局域网外的Internet想象成一个巨大的资源库,则局域网中的客户端要访问Internet,则需要通过代理服务器来访问,这种代理服务就称为正向代理。 1.2 反向代理反向代理,其实客户端对代理是无感知的,因为客户端不需要任何配置就可以访问,我们只需要将请求发送到反向代理服 2020-09-05 后端 Nginx
验证棋盘暗影错觉,强大的QQ截图工具 有一个很著名的实验,叫做棋盘暗影错觉。 即A方块和B方块,颜色看上去不一样,其实它们的颜色是一样的。 当然,这篇文章并不是介绍是什么原因产生了这种情况,本篇文章主要是讲解快速验证它们颜色一样的方法。 这里就要说一下我们非常厉害的QQ截图功能。 QQ截图功能相信大家都用过,但是不一定会注意到它有提取颜色的功能。 在平日里,不管是设计师还是前端开发者,都免不了需要提取图片上或者网页上的一些颜色,如果 2020-08-20 杂谈 工具
再谈Promise 之前我写了一篇介绍Promise的文章:面试题常客之-Promise,但是没有实际的例子。 因为平时我做的项目都比较小,所以处理异步函数一般都使用async await,很少用到Promise.then,但是这一天就碰到了这么一个问题。 1. 问题有6个异步请求,分别是A1,A2,A3,B1,B2,B3。而A1,A2,A3的执行顺序是A1→A2→A3,并且A2要获得A1取得的数据,而B1,B2,B 2020-08-17 面试 JavaScript
手动实现Vue双向绑定 1. 原理Vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。 Vue的双向绑定是前端面试中一个高频问题,不排除会让你手动实现Vue双向绑定这种问题,毕竟面试造火箭嘛。 下面的代码都通过ES6语法进行书写,如果对ES6不是太熟悉,可以直接参考原文章:vue 的双向绑定原理及实现,原作者是使用的ES5语法。 因为ES6引入了类的概念,所以代码会显得更清晰。 2. 数据劫持vue是通 2020-08-17 面试 Vue
WebStorm和VSCode的浅度比较 1. 吐槽上机测试的时候准备的工具是VSCode,虽然我早就知道一般情况下,都准备的会是VSCode,但是我没有当回事,结果一操作起来傻眼了,VSCode编写代码的流畅程度和WebStorm完全不同。 在最开始学习Web开发时我也是使用的VSCode,而且我曾一度看不起其它的前端代码编写工具。 观看学习视频自学时,视频里面使用的是WebStorm,而我跟着视频学了很长一段时间,都是使用的VSCod 2020-08-13 杂谈 IDE工具
TypeScript-类和接口的使用 1. 前言前一篇文章介绍了TypeScript的入门:TypeScript数据类型,函数的声明和重载,所有本篇文章就来介绍一下TypeScript的高级编程,类的使用。 2. 类在ES5中,要使用函数和基于原型的继承来创建可重用的组件,就必须理解TypeScript中的原型和原型链:Post not found: web开发/JavaScript:原型链和原型对象 JavaScript:原型链和原 2020-08-11 web开发 TypeScript
TypeScript-数据类型,函数的声明和重载 1. 前言1.1 TypeScript是什么?TypeScript是一种开源的编程语言,该语言项目由微软进行维护和管理。TypeScript不仅包含JavaScript的语法,而且还提供了静态类型检查以及使用看起来像基于类的面向对象编程语法操作Prototype。 注意:其实TypeScript最终会编译成为JavaScript再进行运行,所以即使有时候TypeScript在编译中进行报错,但是代 2020-08-11 web开发 TypeScript