小猪课堂_社区达人页

2022年06月

• 06.21 12:15:57
  发表了文章 2022-06-21 12:15:57

  2022年了！用过Vue的自定义指令吗？

  前言 如今Vue占据了国内前端市场的大壁江山，在前端求职过程中，Vue的相关面试题也是越来越多。之所以Vue如此火热，很大部分原因就是它的渐进式、组件化、指令式等思想，让普通开发人员非常好上手。 指令是一个Vue项目用的最多的东西之一了，今天我们就来讲解Vue指令中的一个分支：自定义指令。

  
• 06.21 12:01:23
  发表了文章 2022-06-21 12:01:23

  Vuepress + gitee五分钟免费搭建个人博客（保姆级教程）

  前言 作为一个程序员，没有折腾过个人博客是不算完整的。技术文章的输出是我们程序员能力的一种体现，也是一种非常好的个人总结。 市面上有很多搭建个人博客的工具或框架，包括hexo、wordpress等等。不可否认，市面上有些博客系统做得很好，博客主题也很丰富，但是往往存在一个问题：比较重。 作为一个Vue程序员，我就比较推荐使用vuepress搭建个人博客，因为它毕竟是Vue出品的，大家熟知的vue官方就是利用vuepress搭建的。 本篇文章就从零开始教大家搭建一个免费的博客，零基础小白也可以学习哦！

  
• 06.21 11:39:40
  发表了文章 2022-06-21 11:39:40

  彻底搞懂Vue中的Mixin混入（保姆级教程）

  前言 Vue框架现在基本上已经占据了前端的半壁江山，Vue的数据驱动和组件化的思想深入人心。Vue全家桶可能很多小伙伴都比较熟悉，在工作上也用得比较得心应手。但是今天讲的Vue中这个Mixin的用法我相信还有很多小伙伴不知道或者没有用过，或者有些小伙伴接手别人的Vue项目时看到里面有个Mixin文件夹，也会用，但是一直都是云里雾里的状态，今天我们就好好聊聊Mixin，争取以后不在犯迷糊。

  
• 06.21 11:28:10
  发表了文章 2022-06-21 11:28:10

  2022年了！再来手撕一下前端瀑布流代码吧！

  **前言： **知识是学不完的，可是我们为什么还是要不停的去学习呢。原因很简单，因为我们要产生更多的知识，让更多的人学不完！前端技术也是在不停的革新，我们要做那个让别人有学不完的知识的人

  
• 06.21 11:16:12
  发表了文章 2022-06-21 11:16:12

  2022年了！你有几种获取URL参数的方法？

  前言 作为一个前端开发，我们很多时候都需要对URL进行操作和处理，最常见的一种就是获取URL链接中携带的参数值了。使用框架开发的小伙伴可能会觉得这很简单，因为框架提供了很多方法让我们方便的获取URL链接携带的参数。但是有些时候我们不能依赖框架，需要我们使用原生JS去获取参数，这也是面试中经常遇到的一道题。今天我们就手撕代码，利用原生JS去获取URL链接参数值。

  
• 06.21 11:05:38
  发表了文章 2022-06-21 11:05:38

  Node.js+Express+mongoDB 实现邮箱注册

  前言 很多网站都会有用户注册这一个功能模块，其中大多数网站都会让用户填写手机号，然后通过手机验证码来实现用户的注册。但是大家都知道手机验证码都会收取一定的费用，所以有一些网站可能资金不够，但是又想尽大可能的留住用户，所以他们就采用使用邮箱验证码的方式来进行注册。
• 06.21 11:01:50
  发表了文章 2022-06-21 11:01:50

  2022年了，你还不会手撕轮播图？

  前言 手撕轮播图可能是很多前端初学者的噩梦，很多公司为了考察考生的基础知识掌握情况，通常会出一道手撕轮播图的题。虽然很多人看不起这道面试题，但是却很多人都无法写出正确的代码，甚至是已经工作一段时间的开发人员。 其实手撕轮播图并不难，只要明白了原理，实现起来也是很简单的，当然，重点还是要有扎实的JS基础。 接下来就带大家实现一个最简单的轮播图。

  
• 06.21 10:56:08
  发表了文章 2022-06-21 10:56:08

  CSS性能优化的方式有哪些？

  前言 网站性能很大程度上会影响一个用户的留存，通常来说，一个性能很好、加载速度快的网站能够留住更多的用户。如果一个网站加载时长超过5s甚至更长时间，那么用户很可能会直接推出网站，这种等待及其影响用户体验。因此提升网站的性能、加载速度是非常重要的，今天我们就从CSS的角度去进行网站的性能优化。
• 06.21 10:50:04
  发表了文章 2022-06-21 10:50:04

  如何实现CSS中flex布局最后一行左对齐？

  前言 flex布局目前已经非常流行了，它基本上可以完成大部分的布局需求。早一些的float布局、表格布局等等便没有那么受欢迎了。但是任何事物都不是完美的，flex布局也一样，它也有瑕疵，就比如我们今天所要讲的flex布局中最后一行对齐问题。

  
• 06.21 10:41:28
  发表了文章 2022-06-21 10:41:28

  JS将二维数组转成一维数组的方法有哪些？

  前言 这是一道常见的前端面试题，也是考验JavaScript基础知识是否牢固的常见题型。在前端开发中后端可能会返回给我们一些奇怪的数据，比如说数组里面的元素也是数组，但是我们需要的是一个简单的一维数组，这个时候就需要将二维数组（或者多维数组）转化为我们需要的一维数组。也可以叫做数组扁平化。

  
• 06.21 10:34:46
  发表了文章 2022-06-21 10:34:46

  CSS3绘制椭圆、半椭圆原理详解

  前言 作为前端开发人员，利用CSS绘制各种图形在所难免。比如说常见的弧形、椭圆、三角形等等，有的开发人员为了开发简便，则直接使用图片来替代各种图形，但是这样做有一个弊端：页面性能会受到一定得影响，会降低用户体验。本篇文章则教大家如何绘制一个椭圆，这也是经常遇到的形状。

  
• 06.21 10:26:49
  发表了文章 2022-06-21 10:26:49

  Vue封装组件并发布到npm仓库

  前言 使用Vue框架进行开发，组件封装是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用，甚至我们可以直接从npm仓库下载别人封装好的组件来进行使用，比如iview、element-ui这一类的组件库。但是每个公司的业务场景可能不同，开发人员还是得必须封装自己得组件，如果换了一个项目，那么我们就只能复制组件代码到新的项目里面去了，这样稍显麻烦，其实我们可以将组建上传到npm仓库，要用的时候可以直接从npm安装使用。 总结下来有两点好处： 方面使用，任何项目无缝衔接。 可作为开源项目，积累经验。

  
• 06.21 09:57:46
  发表了文章 2022-06-21 09:57:46

  Vue + Less + Css变量实现动态换肤功能

  前言 每个网站都会有自己的一个主题色，但是随着行业内卷，越来越多的网站为了凸显特点，也为了更加迎合用户的需求，推出网站换肤功能。用户可以自己选择网站的主题：比如黑夜主题等等，从而实现了个性化定制。 市面上常见的换肤功能主要有以下2种： 网站自带几套固定主题，用户只能选择有限的几个主题。 主题色由用户随意更改，真正做到用户的个性化定制。

  
• 06.21 09:40:30
  发表了文章 2022-06-21 09:40:30

  GitHub Actions自动化部署前端项目指南

  前言 在项目开发过程中，随着需求的不断变化以及后期不断修复bug，伴随着的便是我们不停的打包部署。打包部署这期间的操作虽然不复杂，但是非常繁琐。目前市面上可以使用jenkens等工具实现持续集成（CI/CD），但是如果我们服务器资源少，且只需要简单的自动化部署，那么有更优雅的方式实现自动化部署：GitHub Actions。 本篇文章以前端项目为例，下文所有操作基于前端项目。

  
• 06.20 16:32:00
  发表了文章 2022-06-20 16:32:00

  前端Vue项目打包部署实战教程

  前言 在前后端还没有分离的时代下，前端项目通常时放在后端项目的静态资源目录下一起部署的，那个时候并没有专门的前端程序员，或者也可以说前端程序员不需要自己部署网站。通常前端人员只需要把网站源文件如.html文件结尾的资源包发给后端或者运维即可，剩下的事便交给后端或运维搞定了。 但是前后端分离开发后，前后端项目也通常分离部署了，这个时候可能就需要前端人员自己部署前端项目，然后前端人员可能很少接触到服务器等知识，所以部署网站时总是捉襟见肘。 这边文章主要就是讲解如何将一个前端项目部署到服务器，并且外网可以访问，前端项目就以Vue项目为例。

  
• 06.20 15:59:49
  发表了文章 2022-06-20 15:59:49

  前端本地存储数据库IndexedDB完整教程

  前言 在人们的印象中，可能觉得只有做后端的小伙伴才会接触到数据库。其实在前端的领域里面也有数据库，只是可能用的比较少，因为前端存储方案有很多，比如cookie、sessionstorage等等。 在浏览器上有两种数据库：webSQL和IndexedDB。但是如果在浏览器上需要用到数据库一般会使用Indexed DB数据库，webSQL基本上已经废弃了，具体原因小伙伴可以下来自己查查，今天主要就讲解Indexed DB数据库的使用。

  
• 06.20 15:46:56
  发表了文章 2022-06-20 15:46:56

  使用minio搭建自己的文件存储服务（新版和旧版）

  前言 在一个实际的项目中，文件存储是必不可少的。目前市场上有许多提供对象存储服务的厂商，比如七牛云、阿里云等等。但是这些存储服务往往是收费或者有存储空间限制的，或者有一些小伙伴会直接把上传的文件存储在服务器本地，虽然这种方式可行，但是还是有很多局限性，比如我们上传的文件不好管理，文件预览不好操作以及如果有多个服务器等等。 今天就介绍使用minio搭建自己的文件存储服务器，因为minio新版和旧版有一定的区别，所以今天介绍minio新版和旧版的搭建方式，大家可以根据自己的需求选择。

  
• 06.20 15:29:13
  发表了文章 2022-06-20 15:29:13

  浅谈ES6箭头函数this指向

  前言 如果在面试中被问到ES6的相关知识，那么箭头函数是肯定会被问到的。很多小伙伴可能对箭头函数只停留在表面，比如面试官会问“箭头函数和正常函数的区别？”、”箭头函数的this指向哪里“。可能很多小伙伴会回答指向执行上下文，这是很多书面解答，也是很多小伙伴死记硬背的，今天我以代码实例给大家演示以下箭头函数的this指向。

  
• 06.20 15:23:16
  发表了文章 2022-06-20 15:23:16

  Express后台开发环境搭建入门课程

  前言： 如果你是一个合格的前端开发工程师，那么可能你或多或少都接触过nodejs，因为在很多情况下，我们前端开发人员想开发一个自己的项目，但是不会后端，导致项目无法进展下去，所以很多时候掌握一门后端技术会让前端开发人员的的路子变宽很多。 那么我们前端开发人员使用nodejs来进行开发无疑是最好的选择之一，因为毕竟nodejs可以让我们用js语法编写后台程序和接口，让我们能够向着全栈开发工程师迈进。

  
• 06.20 15:10:45
  发表了文章 2022-06-20 15:10:45

  浅谈JS中call()和apply()的区别和用途？

  前言： 在JavaScript中，this指向问题一直是一个老生常谈的问题。很多小伙伴应该都知道在js中，this指向哪里通常是在函数调用的时候才确定的，简单来说就是谁调用了函数则this指向谁，当然，这只是狭义的，更加详细的介绍大家可以去看《你不知道的Javascript》这本书。 call()和apply()这两个方法的作用可以简单归纳为改变this指向，从而让我们的this指向不在是谁调用了函数就指向谁。

  
• 06.20 15:03:25
  发表了文章 2022-06-20 15:03:25

  for...in和for...of的区别

  前言 在JavaScript中遍历数组通常是使用for...i循环，在ES5具有遍历数组功能的还有forEach、map、filter、some、every、reduce、reduceRight等。 for...in和for...of是两种增强型循环，for...in是ES5标准，在ES6中新增了for...of的循环方式。

  
• 06.20 14:55:56
  发表了文章 2022-06-20 14:55:56

  浅谈Object.defineProperty()

  前言 学习前端的小伙伴一定对前端三大框架不陌生，其中在国内Vue使用的企业可以说是最多的。如果去面试前端相关岗位，一定为问你框架相关的知识。其中Vue的响应式原理一定会问的，那么在Vue2.x中，实现响应式的原理可以说Object.defineProperty()这个ES5的API是核心。
• 06.20 14:48:39
  发表了文章 2022-06-20 14:48:39

  浅谈前端模块化

  浅谈前端模块化
• 06.20 14:41:51
  发表了文章 2022-06-20 14:41:51

  CSS文字溢出显示省略号，且出现title或者tooltip

  CSS文字溢出显示省略号，且出现title或者tooltip

  
• 06.20 14:30:55
  发表了文章 2022-06-20 14:30:55

  Vue封装全局注册弹窗组件，实现全局调用。

  前言 很多网站都会有权限控制，比如一些博客网站的评论系统，必须要用户登录后才能发起评论，如果未登录想要评论，网站则会弹出登录弹窗。这个登录弹窗可以任何需要权限的地方弹出，所以这个弹窗组件我们就必须封装为共有的，共全局调用。