06 2021 档案
摘要:前言 说到ES6中提出的新特性,Promise对象应该算是其中十分重要的成员之一了,Promise对象的存在使得我们在处理异步操作的时候写法更加简洁,且结合async和await关键字使用的话会让代码更加清晰和优雅,是建议前端开发人员必须要掌握的知识点之一。本篇文章将对Promise对象的使用和相关
阅读全文
摘要:前言 在前端开发中,字体无疑是很基础的一个设置,本篇文章将对CSS中对字体的设置以及如何使用字体样式来表达一些矢量图标进行讲解,希望对大家有所帮助。 一、字体样式 字体相关的样式主要有以下三个属性:color、font-size和font-family,分别表示字体颜色、字体大小和字体样式。 前两者
阅读全文
摘要:前言 浮动是CSS样式中十分重要的一个属性,由于块元素“独占一行”的特性使得我们难以去处理一下复杂的布局,而如果联合浮动一起使用,则能让我们的布局更加灵活。此外,浮动属性由于脱离了文档流,所以会遇到高度塌陷的问题,本篇文章也将对如何解决**高度塌陷 **的方法进行介绍。 一、使用浮动属性 通过浮动可
阅读全文
摘要:前言 本篇文章还是对CSS知识点的补充,主要讲解的内容是浏览器自带的默认样式,CSS的轮廓和阴影样式等知识。 一、浏览器的默认样式 实际上,即使我们没有在CSS中对元素进行样式的设定,浏览器在加载我们的页面元素时,还是会给我们的元素加上一些默认的样式。比如下面的示例: <head> <meta ch
阅读全文
摘要:前言 对于CSS来说,页面布局应该是其中最重要也是最难的一个知识点了,本篇文章将对页面布局部分的内容进行详细的描述,主要涉及盒子模型中各个属性的应用。需要注意的是由于行内元素的盒模型相对来说比块元素要简单,应用也比较少,所以文章主要讲述的还是块元素的盒模型。 一、文档流 网页是一个多层的结构,一层叠
阅读全文
摘要:前言 发现之前对于CSS的知识点记录的比较少,最新在重新复习CSS,所以在此对以前没有记录的知识点做一下记录。 一、选择器的权重 我们之前曾经讲过,当出现不同选择器对同个元素同个css属性进行不同的配置,那么最终显示的优先级会是id选择器 > 类选择器 > 元素(标签)选择器。这种说法虽然没有错,但
阅读全文
摘要:前言 前端项目每次提交完代码都要手动拉取最新代码、打包、部署,这一套流程下来可能要浪费不少时间,特别是在项目处于快速迭代期的时候,那么如果前端可以实现自动化部署,开发人员每次push代码后由jenkins自动部署到测试环境,那将会在一定程度上简化开发人员的工作,让他们可以把更多精力放在处理其他问题上
阅读全文
摘要:前言 本篇文章主要是讲怎么在Linux环境下下载Jenkins应用以及可能会遇到的小坑,话不多说,看正文。 一、Jenkins使用前提 需要本地有JDK1.8以上的java版本,测试服务器上是否已经安装了Java,可以用下面这条命令 java -version 需要注意的是,如果你下载的jenkin
阅读全文
摘要:前言 Axios是一个当前使用较为广泛,封装的功能较为完备的一个HTTP库,作为目前热门的网络请求库,学习和使用axios中的特性和功能也是前端开发需要具备的能力。本篇文章将对axios的使用和二次封装进行讲解,希望对各位有所帮助。 一、为什么要使用Axios 要想了解为什么要使用axios,我们不
阅读全文
摘要:前言 跨域问题可以说是前后端分离项目中经常面对的问题,事实上解决跨域问题的方法也有很多种,本篇文章将针对React项目在开发以及部署到Nginx服务器后如何解决跨域问题进行讲解,希望对大家有所帮助。 一、开发模式——配置代理 我们在开发前端项目的时候,涉及到网络请求的部分难免会遇到跨域问题,由于是在
阅读全文
摘要:前言 路由是React项目中相当重要的概念,对于功能较为复杂的网页来说,必然会涉及到不同功能间的页面跳转,本篇文章将对React官方维护的路由库React-Router-Dom的使用和常用组件进行讲解,同时对路由组件传递param参数的方式进行讲解,希望对各位读者有所参考。 一、了解SAP和路由的概
阅读全文
摘要:前言 当我们的前端项目功能点比较多,组件关系比较复杂时,单纯的使用React原生的方法进行组件数据的传递实现起来可能相对比较麻烦,在这种场景下我们可能会需要有一个可以帮助我们做全局状态管理的库来解决这个问题。Redux是一个专门用于做状态管理的JS库(不是react插件库),他可以集中式管理Reac
阅读全文
摘要:前言 在之前的学习中,我们已经知道了React组件的定义和使用,路由配置,组件通信等其他方法的React知识点,那么本篇文章将针对React的一些进阶知识点以及React16.8之后的一些新特性进行讲解。希望对各位有所帮助。 一、setState (一)更新状态的2种写法 在之前更新state的时候
阅读全文
摘要:前言 在生活中上传和彩印个人电子证件照是一件很正常的事情,但不同的单位对照片尺寸的要求往往不一致,我们固然需要准备例如一寸、大一寸的电子电子照在手机或者电脑上,但有时候难免手头上的电子照不满足需要,需要手动改尺寸。本篇文章将使用Photoshop工具教大家快速将照片或者证件照改为指定尺寸。 一、打开
阅读全文