GSAP动画插件-ScrollTrigger(一) 最近在做个人主页,因为我之前的工作一般是做后台管理界面,或者表单填写界面,没有制作过主页相关的项目,所以对动画的了解非常少,这次就想在自己的主页上面使用动画。 动画领域有一个比较知名的CSS库:Animate.css,它提供了60多种动画,满足一般网页的需求,比如淡入淡出、闪现等等一系列日常动画,不过虽然它能满足日常需求,但是一些复杂的场景就需要靠JS手动去操作,比如界面滚动到某个元素才开始播放动 2021-01-23 web开发 动画
一大堆搜刮来的前端面试题 最近又开始找工作之旅,通常说面试造火箭,入职拧螺丝,其实对于前端来说,并不是这样,前端当中大部分问到的题都是你工作中会遇到和使用到的,不过很多事情答不上的原因是可能有时候会用,但是没有去理解它的原理,也不排除面试官专门问那些自己可能都答不上来的题。 参照了很多文章,将自己平时没有注意的一些知识点记录下来,方便自己查阅的同时,也分享给大家。 注意:有一部分是我个人理解和观点,我会用【】将它标记出 2021-01-08 面试 web开发
程序员都应该了解的代码片段管理神器:gist 1. 前言在平时的学习或工作中,有没有那么一些代码让你觉得写的比较好,具有复用性,并且今后的项目可能会用到? 肯定会有,如果没有,说明你代码写的太少了,不知道哪些代码是经常会用到的代码。 那么这些代码应该保存在哪里比较合适呢? 起初我是保存在本地的markdown里面,但是我发现一个问题,因为一个程序员不可能老是在同一台电脑上面办公,可能会在公司、家里、甚至其它很多地方写代码,那么保存到本地的ma 2020-12-30 杂谈 Gist
WebStorm各种便利的功能-代码重构 1. 前言不知不觉都消失一个月了,这个月除了忙之外,发生了好多好多事情,首先是Vue3的使用,通过Vue3给公司做了一个小项目,关于各种表单的填写。 然后自行开始学习Golang。 后面又是Redis的学习,现在仅仅会用,没有深入去了解Redis的各种原理以及高端用法。 对于docker的进一步了解,之前只是了解到如何使用docker启动一个容器,后面我又了解到了Dockerfile,Docker 2020-12-29 杂谈 IDE工具
WebStorm好用的插件(二) 之前有一篇文章已经介绍过WebStorm好用的插件:WebStorm好用的插件,但那时我也是刚刚才开始挖掘这些插件,从发布那篇文章到现在已经过了2个多月,这段时间,我又接触到了非常多的好用的WebStorm插件,接下来听我一一道来。 注意:大部分插件Jetbrains旗下的其它IDE也同样可以使用。 1. Chinese (Simplified) Language Pack / 中文语言包推荐指数 2020-12-27 杂谈 IDE工具
让你不再编写CSS样式-tailwind CSS的编写一直是前端程序员比较头疼的事情,在项目中一般会花上大量的时间进行CSS样式编写,当然,如果是开发后台管理系统或者表单填写可能并不会编写太多的CSS样式,而如果要开发一个主页则需要考虑到响应式,自适应,兼容性等一系列让人头疼的问题。 所以这个时候Tailwind就出现了,它是可以让你使用类名就能轻松编写CSS样式,并且它可以非常简单的实现响应式,不用再写大量的媒体查询。例如下面: /* 2020-11-21 web开发 tailwind
消失了半个月我都学到了什么前端知识 自从发布了上一篇文章后,沉寂了半个月,我又来发(水)文章了,本篇文章也算是对半个多月以来接触的知识进行整理。 1. vue-router1.1 动态路由动态路由是鉴权的一部分,一般需要登录的界面都会有一个权限校验的功能,根据登录用户的权限不同,来动态控制应该展示哪些界面,而这些动态路由的数据一般是由后端判断当前登录用户的权限,然后根据权限将路由的数据发送回来。 1.2 路由守卫判断用户是否进行登录 2020-11-18 web开发 web开发
函数式编程-入门篇 函数式编程或称函数程序设计、泛函编程,是一种编程范式,它将电脑运算视为函数运算,并且避免使用程序状态以及易变对象。其中,λ演算为该语言最重要的基础。而且,λ演算的函数可以接受函数当作输入和输出。 上面是维基百科给出来函数式编程的解释,是不是感觉一头雾水?是的,你想了解什么是函数式编程,就算在网上搜索,可能连概念都很难理解。 然而函数式编程的概念在近几年越来越火,从去年的React Hook,到 2020-11-01 web开发 TypeScript
WebStorm各种便利的功能 1. 前言WebStorm系列又来了!我还是挺喜欢挖掘写代码时的一些功能和小技巧,虽然对你写代码的能力没有实质性的帮助,但是可以提高你写代码的效率。 IDE工具就像一把枪,如果一个战士对自己手中的枪都不了解,那写代码的效率也高不到哪儿去。当然,用记事本写代码的大神当我没说。 前景提要: WebStorm和VSCode的浅度比较 WebStorm强大的Git版本控制 WebStorm好用的插件 2020-10-17 杂谈 IDE工具
Express学习笔记系列-1.入门体验 Express.js简称Express,是针对Node.js的web应用框架,在MIT许可证下作为自由及开放源代码软件发行。它设计用来建造web应用和API。它已经被称为针对Node.js的服务器框架的事实标准。 1. 安装首先你需要创建一个Node项目,这里就不再重复了。 npm install express --save # 如果使用的TypeScript,则还需要引入 npm ins 2020-10-12 Nodejs Express