一个平平无奇的技术宅

🏳‍🌈 大家新年好啊！新年第一篇文章，主要想跟大家分享一下在Javascript中正则的使用方法，以及一些常用的正则表达式，希望这篇文章能够帮助到你。下面我们开始今天的内容吧！！！

Vue提供了两个内置组件，可以帮助用户制作基于状态（会在一个元素或组件进入和离开DOM 时应用动画，本章节会介绍如何使用它。

在 Vue + elementUi 开发中，遇到这么一个需求，要实现公告轮播的效果。说实话，一开始是打算通过Javascript去获取并修改对应元素来控制轮播的，但是发现这样子代码比较多，而且性能不是很好。然后…聪明的小温想到了，能不能通过vue的动画过渡，实现公告的滚动效果呢！一不做二不休，直接上手，果然是可以实现的！接下来，简单阐述下，开发中使用方法！tipsvue动画过渡 - Transition 官方文档。

众所周知，前端是由HTML、CSS、JS等文件资源共同作用下渲染构建出来的。现今前端项目，大多为单页面应用，单页面应用的优点非常多（点击跳转 SPA单页面讲解），但是也并非没有缺点。由于单页面的原因，项目所需资源都需要在初次加载首屏时被加载，这就造成了首屏加载性能受到影响！对于首屏性能优化，就衍生出了相关需要思考的问题。如何将首屏加载的资源，分段将需要的资源及时加载出来，避免页面内容不显示的同时，又能避免加载多余并非立刻需要使用的资源呢？

CSS3新增了一个很有意思的属性，其中mix和blend的中文意译均为混合，那么这个属性的作用直译过来就是混合模式。当然，我们我们通常称之为混合模式。混合模式最常见于photoshop中，是PS中十分强大的功能之一。当然，瞎用乱用混合模式谁都会，利用混合模式将多个图层混合得到一个新的效果，只是要用到恰到好处，或者说在 CSS 中利用混合模式制作出一些效果则需要对混合模式很深的理解及不断的尝试。接下来，就让小温给小伙伴们将近几个合理的使用方案吧！

近几年，在技术领域低代码是比较热门的话题，比如阿里云推出了钉钉低代码，通过简单的拖拽配置，即可完成业务应用的搭建，腾讯云则是推出了微搭，通过行业化模板、拖放式组件和可视化配置快速构建多端应用。

今天这篇文章，主要想跟大家分享几个实用的Array方法使用小技巧，希望能够帮助到你。下面我们开始今天的内容吧！！！

在前端开发中，所有页面都是以渲染的方式，通过HTML + CSS渲染出来的。本质来说，就是一些可以根据逻辑互动的图形元素组成，而在有些时候，我们往往需要拿我们对图片的理解去实现一些样式。为此，CSS中存在filter滤镜这个属性，去实现一些比较特殊的图形渲染方式。

在开发过程中，不管怎样简单的需求，在量级达到一定层次时，都会变得异常复杂。就拿今天要说的文件上传来说，文件上传简单，但是当文件大小变得太大超出控制时，就会变得复杂了！当上传大文件时，会存在以下几个变量会影响我们的用户体验服务器处理数据的能力上传时间会变长，高频次文件上传失败，失败后又需要重新上传等等当遇到网络波动时，大文件上传容错率下降上传文件请求超时为了解决上述问题，我们需要对大文件上传单独处理这里涉及到切片上传及断点续传两个概念。

无论在什么开发岗位中，代码都通过开发者书写出来，后续也将由开发者去进行维护！所以我们不难得出一个结论，如果要考虑代码优化的问题，无疑要从开发者视角去看！这里引入《计算机程序的构造和解释》中提到的概念：代码是写给人看的，不是写给机器看的，只是顺便计算机可以执行而已。如果代码是写给机器看的，那完全可以使用汇编语言或者机器语言(二进制),直接让机器执行。作者强调的是，代码是写给人看的，所以要做到良好的编程风格，方便其他程序员阅读，维护。

最近简单的「羊了个羊」小游戏火到出圈，据说狂赚几百几千万。即便是前端，我上我也行！

这几天稍微没那么忙了，得空继续更新，今天更新的是关于Javascript的小技巧，！在前端开发中，最经常打交道的除了HTML，我相信就是Javascript了。但是在书写时，我们往往会忽略一些细节，或者是不注重性能之类的！所以今天特此提及Javascript的小技巧，希望能有所帮助！

简单来说，"函数式编程" 是一种"`编程范式`"（programming paradigm），也就是一种 `编写程序的方法论`。本篇文章给大家简单阐述了 何为 “ 函数式编程 ” 及其 优缺点！

在 日常开发中，我们可能会对一些需要重复使用的内容进行组件化开发！ 但是有时候我们会发现有些代码内容仅仅只是一个布局或者外面一层结构相同，实际展示的内容却不同。这时，我们就需要使用到 Vue中的一个重要知识点： `Vue插槽（ v-slot ）`！ ......

在前端开发中，为了优化体验，需要对频繁触发的事件进行调用次数的限制，对此我们就可以采用`debounce`（防抖）和 `throttle`（节流）的方式，使原先调用频率按照指定逻辑 `限制` 或 `减少` 调用频率，以提高前端性能。接下来，由小温带大家认识 防抖 和 节流！

在前端开发中，偶尔后端返回的数据在前端展示时，预留的空间不怎么充足。但是我们又没有做适当的处理。就会出现，文本超出换行的情况，而且有些适配的布局，用百分比设置宽度的时候，当可视窗口发生变化，内容也会变形，导致`无法观看`。这时，就需要对文本做出超出限制了。

`回流` 和 `重绘` 可以说是每一个web前端开发者经常听到的两个名词，虽然听的多，但是我们真的都理解它们的意思了嘛？ 很显然都迷迷糊糊，当然在之前没有去了解的时候，小温也不例外！ 之前是介于之前公司要分享，所以当时有做了解，所以这次打算和大伙分享一下！> 🧐 预先剧透一下： " **`回流`** " 和 “ **`重绘`** ” 是阻碍浏览器渲染 及 服务性能的关键因素中 比较重要的两点， 合理的规避它们，能够有效的提高项目的性能！

在前端开发中，我们时常需要向后端发起HTTP请求，获取后端数据资源。在Jquery广泛使用的时期，有 Ajax 用于请求获取资源。而在框架盛行的今天，主要用 Axios 进行请求（`Axios` 是一个基于 `Promise` 用于浏览器和 `nodejs` 的 `HTTP` 客户端。简单的理解就是 `Ajax` 的封装库 ）。对于 axios 的了解，有些卷王们仅仅只是局限于简单的使用 axios 发送请求，并未去了解其原因及提示效率的途径！ 接下来废话不多说，先进入今天的卷王学习时间！

在CSS中，经常会使用到各种计量单位来设定各种模块的长宽、大小比例 、边距大小 及 定位等。 常用的计量单位有：`px、%、em` 这几个，它们已经适用于大部分项目情景的开发中，且拥有比较好的兼容性。但是从 `CSS3` 开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了`rem、vh、vw、vm（vmin、vmax）`等一些新的计量单位。利用这些新的计量单位能更好的开发出比较良好的响应式页面，适应多种不同分辨率的终端，包括移动设备等。接下来，小温将给大伙简单阐述下常用的计量单位及用法！

前端开发在日新月异的发展下，各式各样开箱即用的工具组件的出现，给开发人员带来便捷与高效，也给开发人员带来挑战与思考。在开发过程中，一千个人之中有一千个哈姆雷特，也出现了一千份截然不同的代码，也就是人们常说的 `“ 千人千面 ”`。使得代码后期的`管理` 以及 `维护`带来困难。在此基础下，不同的团队在自身的环境下具体问题具体分析后制定出自己的一套`规范`，由此，展开了规范化在于项目过程中的重要性讨论。

在Vue开发中，我们时常会发现 `Vue指令`有些数据被拿到之后，需要进行处理才能直接使用， 又或者是有些事件、属性需要二次处理，才能直接使用。但是有没有一种可以直接配合（修饰）Vue指令操作的功能呢？ 答案是有的，就是Vue 修饰符，能够用来修饰 `Vue表单选项、事件、鼠标按键 等操作`。本篇文章 将简单讲述 关于 Vue 修饰符的相关内容！