皮皮lly@-CSDN博客

原创 BOM 基础

navigator 对象包含有关浏览器的信息，它有很多属性，我们最常用的是 userAgent，该属性可以返回由客户机发送服务器的 user-agent 头部的值。这样所导致的问题是：如果 JS 执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。比如做饭的异步做法，我们在烧水的同时，利用这10分钟，去切菜，炒菜。BOM 缺乏标准，JavaScript 语法的标准化组织是ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏览器标准的一部分。

2022-12-30 19:07:09 111 1

原创 HTML基础

「学习笔记」HTML基础前言勤做笔记不仅可以让自己学的扎实，更重要的是可以让自己少走弯路。有人说:"再次翻开笔记是什么感觉"，我的回答是:"初恋般的感觉"。或许笔记不一定十全十美，但肯定会让你有种初恋般的怦然心动。本章着重复习Html的基础内容，学习Html究竟要学些什么呢？主要是学习各种标签，来搭建网页的“结构”。本篇文章主要由五个章节构成，从WEB标准到初识HTML，接着学习HTML常用标签，最后学习表格列表和表单。开始充电之旅啦~~~一、认识WEB「网页」主要是由文字、图像和超

2022-12-30 17:29:53 104

原创移动端网页特效

移动端浏览器兼容性较好，我们不需要考虑以前JS 的兼容性问题，可以放心的使用原生JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和IOS 都有。TouchEvent 是一类描述手指在触摸平面（触摸屏、触摸板等）的状态变化的事件。这类事件用于描述一个或多个触点，使开发者可以检测触点的移动，触点的增加和减少，等等。移动端 click 事件会有 300ms 的延时，原因是移动端屏幕双击会缩放（double tap to zoom）页面。

2022-12-30 17:22:06 77

原创 flex布局

默认值为 auto，表示继承父元素的 align-items 属性，如果没有父元素，则等同于 stretch。align-self 属性允许单个项目有与其他项目不一样的对齐方式，可覆盖 align-items 属性。3.7 flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性。设置子项在侧轴上的排列方式并且只能用于子项出现换行的情况（多行），在单行下是没有效果的。3.5 align-content 设置侧轴上的子元素的排列方式（多行）

2022-12-30 17:19:08 133

原创 CSS笔记(5)

它在 CSS 的语法基础之上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了 CSS 的编写，并且降低了 CSS 的维护成本，就像它的名称所说的那样，Less 可以让我们用更少的代码做更多的事情。采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。上述代码的意思是：屏幕尺寸小于320px， div 大小为 0.5*50 = 25px，屏幕尺寸大于 320px 小于 640px， div 大小为 0.5 * 100 = 50px。

2022-12-30 17:12:57 144

原创 css笔记（4）

移动的距离就是这个目标图片的x和y坐标，注意网页中的坐标有所不同（x轴右边走是正值，左边走是负值，y轴下边走是正值，上边走是负值）把压缩包里面的 selection.json 重新上传，然后选中自己想要新的图标，重新下载压缩包，并替换原来的文件即可。不同浏览器所支持的字体格式是不一样的，字体图标之所以兼容，就是因为包含了主流浏览器支持的字体文件。样式后，就可以去掉默认的蓝色边框。轻量级：一个图标字体比一系列的图像要小，一旦字体加载了，图标就会马上渲染出来，减少了服务器的请求。展示的是图标，本质属于字体。

2022-12-30 16:42:56 43

原创 css笔记（3）

过渡（transition) 是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。要过渡的属性：想要变化的 CSS 属性，宽度高度，背景颜色，内外边距都可以，如果想要所有的属性都变化过渡，写一个all就可以。2D 移动 translate(x, y) 最大的优势是不影响其他盒子，里面参数用%，是相对于自身宽度和高度来计算的。animation-play-state 规定动画是否正在运行或暂停。

2022-12-30 16:36:16 188

原创 css笔记（2）

当上下相邻的两个块元素（兄弟关系）相遇时，如果上面的元素有下外边距 margin-bottom，下面的元素有上外边距 margin-top ，则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。padding :5px 10px 20px 30px 4个值，上是5像素，右是10像素，下20像素，左是30像素，顺时针。对于两个嵌套关系（父子关系）的块元素，父元素有上外边距同时子元素也有上外边距，此时父元素会塌陷较大的外边距值。如果元素自由在某个盒子内移动就用定位布局。

2022-12-30 16:16:36 247

原创 css笔记（1）

不需要设置的属性可以省略(取默认值)，但必须保留font-size 和font-family属性，否则 font 属性将不起作用。其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，当标签发生嵌套时，内层标签就称为外层标签的后代。链接伪类选择器选择不同状态的链接跟链接相关较多重点记住a{}和a:hover ，实际开发的写法。通配符选择器选择所有的标签选择的太多，有部分不需要特殊情况使用 * {color: red}

2022-12-30 16:03:04 209

m0_73683601的博客