自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 保姆级别-从零用Webpack配置React + Ts + Babel 构建前端代码工作流基础框架

旨在通过从0开始搭建一套完整的React开发框架来掌握如webpack、react、ts、loader、babel、eslint、prettier、husky、lint-staged等基础配置相关

2023-03-13 23:48:21 1142

原创 Eslint相关规则注解

Eslint相关规则,它是代码识别和报告模式匹配的工具,完全插件化,本人注解让你一眼懂得Eslint规则配置

2023-03-13 23:43:44 303

原创 JS正则表达式详解RegExp

大前端基础之JS正则表达式先来个常用的8到16位高级密码正则表达式/^(?=\D+\d)(?=.[a-z])(?=.[A-Z])[a-zA-Z0-9]{8,16}$/解释(?=\D+\d) 条件是首字母不能是数字,但是整个字符串中必须含有1个数字(?=.[a-z]) 必须包含一个小写字母,字母可以在任意位置*(?=.*[A-Z]) 必须包含一个大写字母,字母可以在任意位置[a-zA-Z0-9]{8,16} 大小写字母和数字字符最少8个,最多个16正则表达式作用: 查找、替换,通常用

2020-07-27 00:23:10 882 1

原创 JS数组API方法重构封装总结

四.1、在JS中什么叫数组:数组是数据的有序集合,每个值叫做一个元素,简称元,而每个元素在数组中有一个位置,以数字表示,称为索引,从0开始。js的数组是无类型的,数组元素可以是任意类型,同一个数组中的不同元素可能是对象或数组。数组元素的索引不一定要连续,元素之间可以有空隙,叫做稀疏数组 。每个数组都具有一个length属性。针对非稀疏数组,length属性就是数组元素的个数,针对稀疏数组,元素的length属性比所有元素的索引要大。四.2、数组的构建方式1)、字面量的创建;var arr=[ ];2

2020-07-15 01:11:55 572 1

原创 大前端基础之JS元素和页面宽高及位置

宽高和位置在JS中我们需要学习DOM元素和页面的宽高及位置。本期小编就元素及页面宽高和位置做出详细解说。一: 元素宽高1)三种元素宽高元素.clientWidth 客户宽高元素.clientHeight元素.offsetWidth 偏移宽高元素.offsetHeight元素.scrollWidth 滚动宽高元素.scrollHeight以上所有的宽高,基于元素被加...

2020-04-06 20:33:51 399

原创 大前端基础之JS数据类型,数据类型转换,运算符,条件语句及循环语句

大前端基础之JS数据类型,数据类型转换,运算符,条件语句及循环语句JS全名JavaScript,诞生于1995年,是一种基于对象和事件驱动并具有安全性能的脚本语言,使用它的目的是与HTML超文本链接语言,java脚本语言实现在一个Web页面中链接多个对象,与客户交互作用。它由**ECMAScript,BOM(浏览器对象模型),DOM(文档对象模型)**三部分组成。下面我来介绍一下JS的数据类型...

2020-03-22 21:44:52 197

原创 大前端基础之Css3新增选择符

大前端基础之Css3新增的选择符CSS3是css技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。Css3的优点:CSS3将完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览...

2020-03-08 22:50:23 166

原创 大前端基础之宽高自适应

大前端基础之宽高度自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是pc自适应。宽高自适应的优点:元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。下面我总结了layout中几种常见的宽高自适应的解决方法。一、 相对窗口和父元素的自适应写法:宽度:当块状元素不写宽度的时候,默认的宽...

2020-03-01 23:15:59 1750

原创 大前端基础之Css盒模型

大前端基础之Css盒模型在讲css盒模型之前,我们先讲讲Css概念,其简单点说就是美化网站用的,是层叠样式表的简写,是一种表现层的布局语言。而打个比方,如果说人的骨架是HTML5构造出来的,而我们穿的衣服以及化妆等用来装饰人体的是Css美化出来的,而我们人的动作以及与别人交互的行为等是JS实现的。Css盒模型简单概述:就是上述所说的“人体”骨架的一种,也可以说是我们人体骨架中的黄金比例。页面...

2020-02-23 16:22:37 230

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除