- 博客(9)
- 收藏
- 关注
原创 保姆级别-从零用Webpack配置React + Ts + Babel 构建前端代码工作流基础框架
旨在通过从0开始搭建一套完整的React开发框架来掌握如webpack、react、ts、loader、babel、eslint、prettier、husky、lint-staged等基础配置相关
2023-03-13 23:48:21
1092
原创 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
847
1
原创 JS数组API方法重构封装总结
四.1、在JS中什么叫数组:数组是数据的有序集合,每个值叫做一个元素,简称元,而每个元素在数组中有一个位置,以数字表示,称为索引,从0开始。js的数组是无类型的,数组元素可以是任意类型,同一个数组中的不同元素可能是对象或数组。数组元素的索引不一定要连续,元素之间可以有空隙,叫做稀疏数组 。每个数组都具有一个length属性。针对非稀疏数组,length属性就是数组元素的个数,针对稀疏数组,元素的length属性比所有元素的索引要大。四.2、数组的构建方式1)、字面量的创建;var arr=[ ];2
2020-07-15 01:11:55
547
1
原创 大前端基础之JS元素和页面宽高及位置
宽高和位置在JS中我们需要学习DOM元素和页面的宽高及位置。本期小编就元素及页面宽高和位置做出详细解说。一: 元素宽高1)三种元素宽高元素.clientWidth 客户宽高元素.clientHeight元素.offsetWidth 偏移宽高元素.offsetHeight元素.scrollWidth 滚动宽高元素.scrollHeight以上所有的宽高,基于元素被加...
2020-04-06 20:33:51
374
原创 大前端基础之JS数据类型,数据类型转换,运算符,条件语句及循环语句
大前端基础之JS数据类型,数据类型转换,运算符,条件语句及循环语句JS全名JavaScript,诞生于1995年,是一种基于对象和事件驱动并具有安全性能的脚本语言,使用它的目的是与HTML超文本链接语言,java脚本语言实现在一个Web页面中链接多个对象,与客户交互作用。它由**ECMAScript,BOM(浏览器对象模型),DOM(文档对象模型)**三部分组成。下面我来介绍一下JS的数据类型...
2020-03-22 21:44:52
186
原创 大前端基础之Css3新增选择符
大前端基础之Css3新增的选择符CSS3是css技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。Css3的优点:CSS3将完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览...
2020-03-08 22:50:23
152
原创 大前端基础之宽高自适应
大前端基础之宽高度自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是pc自适应。宽高自适应的优点:元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。下面我总结了layout中几种常见的宽高自适应的解决方法。一、 相对窗口和父元素的自适应写法:宽度:当块状元素不写宽度的时候,默认的宽...
2020-03-01 23:15:59
1721
原创 大前端基础之Css盒模型
大前端基础之Css盒模型在讲css盒模型之前,我们先讲讲Css概念,其简单点说就是美化网站用的,是层叠样式表的简写,是一种表现层的布局语言。而打个比方,如果说人的骨架是HTML5构造出来的,而我们穿的衣服以及化妆等用来装饰人体的是Css美化出来的,而我们人的动作以及与别人交互的行为等是JS实现的。Css盒模型简单概述:就是上述所说的“人体”骨架的一种,也可以说是我们人体骨架中的黄金比例。页面...
2020-02-23 16:22:37
221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人