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