能力说明:
掌握企业中如何利用常见工具,进行前端开发软件的版本控制与项目构建和协同。开发方面,熟练掌握Vue.js、React、AngularJS和响应式框架Bootstrap,具备开发高级交互网页的能力,具备基于移动设备的Web前端开发,以及Node.js服务器端开发技能。
暂时未有相关云产品技术能力~
公众号:【资料分享大师】 B站:【小猪课堂】
前言 作为一个程序员,没有折腾过个人博客是不算完整的。技术文章的输出是我们程序员能力的一种体现,也是一种非常好的个人总结。 市面上有很多搭建个人博客的工具或框架,包括hexo、wordpress等等。不可否认,市面上有些博客系统做得很好,博客主题也很丰富,但是往往存在一个问题:比较重。 作为一个Vue程序员,我就比较推荐使用vuepress搭建个人博客,因为它毕竟是Vue出品的,大家熟知的vue官方就是利用vuepress搭建的。 本篇文章就从零开始教大家搭建一个免费的博客,零基础小白也可以学习哦!
前言 Vue框架现在基本上已经占据了前端的半壁江山,Vue的数据驱动和组件化的思想深入人心。Vue全家桶可能很多小伙伴都比较熟悉,在工作上也用得比较得心应手。但是今天讲的Vue中这个Mixin的用法我相信还有很多小伙伴不知道或者没有用过,或者有些小伙伴接手别人的Vue项目时看到里面有个Mixin文件夹,也会用,但是一直都是云里雾里的状态,今天我们就好好聊聊Mixin,争取以后不在犯迷糊。
**前言: **知识是学不完的,可是我们为什么还是要不停的去学习呢。原因很简单,因为我们要产生更多的知识,让更多的人学不完!前端技术也是在不停的革新,我们要做那个让别人有学不完的知识的人
前言 作为一个前端开发,我们很多时候都需要对URL进行操作和处理,最常见的一种就是获取URL链接中携带的参数值了。使用框架开发的小伙伴可能会觉得这很简单,因为框架提供了很多方法让我们方便的获取URL链接携带的参数。但是有些时候我们不能依赖框架,需要我们使用原生JS去获取参数,这也是面试中经常遇到的一道题。今天我们就手撕代码,利用原生JS去获取URL链接参数值。
前言 很多网站都会有用户注册这一个功能模块,其中大多数网站都会让用户填写手机号,然后通过手机验证码来实现用户的注册。但是大家都知道手机验证码都会收取一定的费用,所以有一些网站可能资金不够,但是又想尽大可能的留住用户,所以他们就采用使用邮箱验证码的方式来进行注册。
前言 手撕轮播图可能是很多前端初学者的噩梦,很多公司为了考察考生的基础知识掌握情况,通常会出一道手撕轮播图的题。虽然很多人看不起这道面试题,但是却很多人都无法写出正确的代码,甚至是已经工作一段时间的开发人员。 其实手撕轮播图并不难,只要明白了原理,实现起来也是很简单的,当然,重点还是要有扎实的JS基础。 接下来就带大家实现一个最简单的轮播图。
前言 网站性能很大程度上会影响一个用户的留存,通常来说,一个性能很好、加载速度快的网站能够留住更多的用户。如果一个网站加载时长超过5s甚至更长时间,那么用户很可能会直接推出网站,这种等待及其影响用户体验。因此提升网站的性能、加载速度是非常重要的,今天我们就从CSS的角度去进行网站的性能优化。
前言 flex布局目前已经非常流行了,它基本上可以完成大部分的布局需求。早一些的float布局、表格布局等等便没有那么受欢迎了。但是任何事物都不是完美的,flex布局也一样,它也有瑕疵,就比如我们今天所要讲的flex布局中最后一行对齐问题。
前言 这是一道常见的前端面试题,也是考验JavaScript基础知识是否牢固的常见题型。在前端开发中后端可能会返回给我们一些奇怪的数据,比如说数组里面的元素也是数组,但是我们需要的是一个简单的一维数组,这个时候就需要将二维数组(或者多维数组)转化为我们需要的一维数组。也可以叫做数组扁平化。
前言 作为前端开发人员,利用CSS绘制各种图形在所难免。比如说常见的弧形、椭圆、三角形等等,有的开发人员为了开发简便,则直接使用图片来替代各种图形,但是这样做有一个弊端:页面性能会受到一定得影响,会降低用户体验。本篇文章则教大家如何绘制一个椭圆,这也是经常遇到的形状。
前言 使用Vue框架进行开发,组件封装是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用,甚至我们可以直接从npm仓库下载别人封装好的组件来进行使用,比如iview、element-ui这一类的组件库。但是每个公司的业务场景可能不同,开发人员还是得必须封装自己得组件,如果换了一个项目,那么我们就只能复制组件代码到新的项目里面去了,这样稍显麻烦,其实我们可以将组建上传到npm仓库,要用的时候可以直接从npm安装使用。 总结下来有两点好处: 方面使用,任何项目无缝衔接。 可作为开源项目,积累经验。
前言 每个网站都会有自己的一个主题色,但是随着行业内卷,越来越多的网站为了凸显特点,也为了更加迎合用户的需求,推出网站换肤功能。用户可以自己选择网站的主题:比如黑夜主题等等,从而实现了个性化定制。 市面上常见的换肤功能主要有以下2种: 网站自带几套固定主题,用户只能选择有限的几个主题。 主题色由用户随意更改,真正做到用户的个性化定制。
前言 在项目开发过程中,随着需求的不断变化以及后期不断修复bug,伴随着的便是我们不停的打包部署。打包部署这期间的操作虽然不复杂,但是非常繁琐。目前市面上可以使用jenkens等工具实现持续集成(CI/CD),但是如果我们服务器资源少,且只需要简单的自动化部署,那么有更优雅的方式实现自动化部署:GitHub Actions。 本篇文章以前端项目为例,下文所有操作基于前端项目。
前言 在前后端还没有分离的时代下,前端项目通常时放在后端项目的静态资源目录下一起部署的,那个时候并没有专门的前端程序员,或者也可以说前端程序员不需要自己部署网站。通常前端人员只需要把网站源文件如.html文件结尾的资源包发给后端或者运维即可,剩下的事便交给后端或运维搞定了。 但是前后端分离开发后,前后端项目也通常分离部署了,这个时候可能就需要前端人员自己部署前端项目,然后前端人员可能很少接触到服务器等知识,所以部署网站时总是捉襟见肘。 这边文章主要就是讲解如何将一个前端项目部署到服务器,并且外网可以访问,前端项目就以Vue项目为例。
前言 在人们的印象中,可能觉得只有做后端的小伙伴才会接触到数据库。其实在前端的领域里面也有数据库,只是可能用的比较少,因为前端存储方案有很多,比如cookie、sessionstorage等等。 在浏览器上有两种数据库:webSQL和IndexedDB。但是如果在浏览器上需要用到数据库一般会使用Indexed DB数据库,webSQL基本上已经废弃了,具体原因小伙伴可以下来自己查查,今天主要就讲解Indexed DB数据库的使用。
前言 在一个实际的项目中,文件存储是必不可少的。目前市场上有许多提供对象存储服务的厂商,比如七牛云、阿里云等等。但是这些存储服务往往是收费或者有存储空间限制的,或者有一些小伙伴会直接把上传的文件存储在服务器本地,虽然这种方式可行,但是还是有很多局限性,比如我们上传的文件不好管理,文件预览不好操作以及如果有多个服务器等等。 今天就介绍使用minio搭建自己的文件存储服务器,因为minio新版和旧版有一定的区别,所以今天介绍minio新版和旧版的搭建方式,大家可以根据自己的需求选择。
前言: 如果你是一个合格的前端开发工程师,那么可能你或多或少都接触过nodejs,因为在很多情况下,我们前端开发人员想开发一个自己的项目,但是不会后端,导致项目无法进展下去,所以很多时候掌握一门后端技术会让前端开发人员的的路子变宽很多。 那么我们前端开发人员使用nodejs来进行开发无疑是最好的选择之一,因为毕竟nodejs可以让我们用js语法编写后台程序和接口,让我们能够向着全栈开发工程师迈进。
前言: 在JavaScript中,this指向问题一直是一个老生常谈的问题。很多小伙伴应该都知道在js中,this指向哪里通常是在函数调用的时候才确定的,简单来说就是谁调用了函数则this指向谁,当然,这只是狭义的,更加详细的介绍大家可以去看《你不知道的Javascript》这本书。 call()和apply()这两个方法的作用可以简单归纳为改变this指向,从而让我们的this指向不在是谁调用了函数就指向谁。
前言 学习前端的小伙伴一定对前端三大框架不陌生,其中在国内Vue使用的企业可以说是最多的。如果去面试前端相关岗位,一定为问你框架相关的知识。其中Vue的响应式原理一定会问的,那么在Vue2.x中,实现响应式的原理可以说Object.defineProperty()这个ES5的API是核心。
浅谈前端模块化
CSS文字溢出显示省略号,且出现title或者tooltip
前言 很多网站都会有权限控制,比如一些博客网站的评论系统,必须要用户登录后才能发起评论,如果未登录想要评论,网站则会弹出登录弹窗。这个登录弹窗可以任何需要权限的地方弹出,所以这个弹窗组件我们就必须封装为共有的,共全局调用。