莫问红尘事-优快云博客

原创 react中 Uncaught TypeError: Cannot read property ‘forEach‘ of undefined

react 小问题分享今天项目启动后报错，报错信息如下 react-refresh-runtime.development.js:465 Uncaught TypeError: Cannot read property 'forEach' of undefined at Object.injectIntoGlobalHook (react-refresh-runtime.development.js:465) at Object../node_modules/@pmmmwh/react-r

2020-11-04 10:18:09 3073 8

原创 seo标签

文章目录页面seo三大标签title：标题标签Description：描述标签Keywords：关键字标签页面seo三大标签对于线上页面，有三大标签对于seo比较重要的！！ seo：搜索引擎优化：提升网页的排名 title：标题标签表示网页的标题，对于网页的seo权重很高一个大型的网页，也需要有对应的title标签的： <title>苏宁易购(Suning.com)-送货更准时、价格更超值、上新货更快</title> Description：描述标签表示对于网页

2020-10-27 14:02:46 286 1

原创盒模型

文章目录盒子模型盒子模型的组成边框（border）border相关属性border的连写单方向设置border边框合并（border-collapse）盒子大小的初级计算公式-----------------------------内边距（padding）padding的取值单方向设置padding盒子大小的终极计算公式不会撑大盒子的特殊情况CSS3盒模型（自动内减→box-sizing）------------------------------外边距（margin）margin的取值单方向设置margi

2020-10-27 13:38:18 262

原创 css特性

文章目录CSS的三种书写位置内嵌样式（内部引入方式）行内样式（行内引入方式）外联样式（外部引入方式）三种样式表总结文本的对齐方式（text-align）CSS的三大特性继承性------------------层叠性优先级（重要）优先级比较权重计算 CSS的三种书写位置 css的书写位置有时候也叫做css的三种引入方式内嵌样式（内部引入方式）将css语句都写在style标签里面书写位置： css写在style标签里面 style标签写在head标签里面，title标签下面，作用范围： .

2020-10-27 13:27:41 289 1

原创 css选择器

文章目录基本选择器标签选择器（标签名）类选择器（.）ID选择器(#)----------特别注解class类名和id值的区别class选择器和id选择器的区别通配符选择器（*）复合选择器并集选择器（,）交集选择器（紧挨着）后代选择器（空格）子代选择器（>）练习基本选择器选择器就是用来选中对应的标签的，然后给选中的标签加上对应的样式标签选择器（标签名）要求：四个标签都设置为红色  <p>我是p标签</p> <

2020-10-27 13:19:05 421

原创响应式布局的介绍+媒体查询

文章目录响应式布局的介绍什么是响应式布局响应式开发的现状响应式开发与pc+移动开发的比较-------------------响应式开发的屏幕分类设备屏幕的分类媒体查询如果需要在600~800之间样式生效，怎么写？？使用媒体查询完成响应式适配响应式布局的介绍响应式布局（respond layout）是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端（pc、手机、平板）什么是响应式布局早期：同一个页面需要开发不同设备的版本，公司开发成本较高

2020-10-27 12:55:05 1547

原创 flex布局学习笔记

文章目录flex布局(伸缩布局)主轴方向（flex-direction）（了解）主轴对齐方式（justify-content）（重点）单行侧轴对齐方式（align-items）（重点）是否换行（flex-wrap）多行侧轴对齐方式（align-content）----------------分配子元素空间（flex属性）子元素排序（order属性）单个子元素侧轴对齐方式（align-self） flex布局(伸缩布局) flex布局也叫做弹性布局、伸缩布局布局：其实就是调整元素在水平和垂直方向上的布局方

2020-10-27 12:52:44 423

原创 ES5-ES6笔记

学习ESMAScript6 文章目录学习ESMAScript6前言ECMAScript与Javascript的关系ECMAScript版本历史ES5-数组的新方法forEachmapfiltersomeeveryES6变量let的使用const的使用let与const的使用场景解构赋值数组解构对象解构字符串模版字符串字符串方法数组findfindIndex对象简写展开运算符 ...函数-箭头函数基本使用参数详解返回值详解箭头函数的注意点默认参数Set 数据类型前言 ECMAScript 6.0（以下简

2020-10-27 12:45:44 498