WebStorm强大的Git版本控制 1. 前言之前写了一篇文章WebStorm和VSCode的浅度比较,发现真的是浅度比较,其实JetBrains出品的IDE最大的一个好处就是开箱即用,而且几乎你开发中需要使用的功能全部都内嵌在IDE上面,毫不夸张的说:就差内嵌一个浏览器了。 最近才发现JetBrains系列自带的Git版本控制是多么的好用。 2. 认识界面如果当前的项目使用了Git版本控制,则会看到下面的界面。 如果没有使用Git 2020-09-21 杂谈 IDE工具
Vue3新版本OnePiece,是时候学习Vue3了 1. 前言在一系列的测试版本后,Vue3终于迎来了新版本,官方正式将其取名为Vue3 One Piece。 1.1 更好的tree-shaking所谓tree-shaking,就是在你项目中没有用到的第三方包,没有用到的变量,没有用到的函数,没有用到的方法等等,都不会被打包进生产环境中。 与Vue 2相比,Vue 3在捆绑包大小通过tree-shaking减少了多达41%的体积,初始渲染加速多达 2020-09-20 Vue vue
前端开发过程中,好的开源项目和第三方库整理 桌面开发Waypoints.js:滚动到一个元素时候触发事件。 gitalk:添加评论系统。 electron:可以通过开发网页的形式开发桌面应用,VSCode就是用这个项目开发的。 electron-react-boilerplate:使用react模板创建electron桌面项目。 electron-vue:使用vue模板创建electron桌面项目,缺点是该项目很久没有更新,依赖的elect 2020-09-17 web开发 游戏设计
TypeScript-给第三方库添加声明文件 1. 前言在使用TypeScript写程序的时候,可能会需要使用到JavaScript库,因为历史遗留问题,现在非常多的第三方库依然是用JavaScript进行编写,但是大多数情况下,库的所有者已经帮你写好了TypeScript声明文件,即x.d.ts文件。 还有一些情况是库中并没有附带ts声明文件,但是可以通过: npm i @types/xxx -s # xxx为第三方JavaScript 2020-09-11 TypeScript TypeScript
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