前端学习 - 随笔分类(第7页) - 洛飞

JavaScript的断点调试

摘要：JavaScript断点调试我们可以通过浏览器的开发者工具中的source页面进行断点调试，他是通过Watch监视，通过watch可以监视变量的值的变化，很常用，代码调试非常重要，学会代码调试，才能解决一些棘手的bug。点击右上角的往下或者往上按钮，就可以使程序，向上或者向下运行。阅读全文

posted @ 2021-12-09 15:11 洛飞阅读(156) 评论(0) 推荐(0)

JavaScript浮点数计算

摘要：1、浮点数算数运算符里面有问题浮点数不要直接参与算数运算符的运算，不然会有问题，例如： console.log(0.1 + 0.2);//0.30000000000000004 console.log(0.07*100);//7.000000000000001 2、不能直接拿着浮点数进行比较例如阅读全文

posted @ 2021-12-07 10:52 洛飞阅读(62) 评论(0) 推荐(0)

JavaScript中的进制在代码中的表现

摘要：规则在JavaScript中以0开头的数字表示八进制，以0x开头的数字表示十六进制。如下代码 var num = 10,pi= 3.14; //八进制：0~7 在JavaScript中代码中的八进制是以0为开头的 var age = 011; console.log(age);//会在开发平台输阅读全文

posted @ 2021-12-03 15:35 洛飞阅读(291) 评论(0) 推荐(0)

浮动与clear属性

摘要：浮动 1、浮动元素放在块元素上，不会影响正常元素的页面流。不过内联内容会考虑浮动元素的边界，围绕着这个浮动元素。 2、浮动元素必须有特定的宽度，不能设置为auto。 clear属性 clear属性用来指定一个块元素左边或右边不能有浮动元素。设置了clear属性的块元素会下移，知道它旁边没有块元素。阅读全文

posted @ 2021-11-30 19:59 洛飞阅读(52) 评论(0) 推荐(0)

CSS @media媒体查询你

摘要：功能通过media属性，可以针对要显示的页面中的设备类型（桌面、笔记本电脑、平板电脑、手机、甚至是打印机的印刷版本）来调整页面的样式。方法一可以在<link>中增加media属性，使用与指定设备加载样式文件,那么指定的设备就会载入这个css <link rel="stylesheet" hre 阅读全文

posted @ 2021-11-28 21:44 洛飞阅读(149) 评论(0) 推荐(0)

内边距和外边距

摘要：知识点 1、元素从内到外由内容+内边距+边框+外边距组成 2、内边距和外边距都是来提供更多可见的空间，不能对内边距和外边距指定颜色，也不能加任何装饰。不过由于它们是透明的，它们会呈现背景颜色或者背景图像。内边距和外边距之间有一个区别：元素的背景颜色（或背景图片）会延伸到内边距下面，但不会延伸到外边阅读全文

posted @ 2021-11-28 16:25 洛飞阅读(513) 评论(0) 推荐(0)

css之行间距属性line-heigh

摘要：作用增加line-height可以改善文本的可读性。其使文本各行之前有更大的垂直距离。例如下图为设置了行高与不设置行高的区别阅读全文

posted @ 2021-11-28 11:56 洛飞阅读(116) 评论(0) 推荐(0)

为输入框设置padding-left的效果

摘要：需求：输入框中的placeholder的值的距离距离左边有距离，如下图所示：解决方法：通过设置padding-left属性来解决，如下图所示：改方法达到的效果是，输入的手机号距离左边边框也是有距离的，如图所示：阅读全文

posted @ 2021-11-26 16:34 洛飞阅读(242) 评论(0) 推荐(0)

为子元素设置高度导致的高度塌陷

摘要：问题描述我咋以后的div后面增加入上图所示的div。我的想法是这个div跟在前面div展示的位置的后面。但是展示出来的效果如下图所示：猜想一：我想到高度塌陷的问题，先去排查父元素有没有设置.clearfix属性。但是父元素设置了，如下所示：后面就陷入了困难，我通过谷歌的debug工具，发现是阅读全文

posted @ 2021-11-26 13:01 洛飞阅读(43) 评论(0) 推荐(0)

重置样式表reset.css

摘要：在博客的文件之中reset.css https://i.cnblogs.com/files 阅读全文

posted @ 2021-11-22 21:52 洛飞阅读(49) 评论(0) 推荐(0)

如何使用hover选择器

摘要：我们在hover选择器后面又使用类选择器，表示鼠标移动到父标签时，子标签具有什么属性。例如：表示鼠标移动到父类的location位置时，子标签具有的属性，这个hover一定是给父元素的hover。阅读全文

posted @ 2021-06-21 19:32 洛飞阅读(153) 评论(0) 推荐(0)

CSS高度塌陷的问题的解决方案

摘要：什么是高度塌陷? 父元素高度自适应，子元素float之后，造成父元素高度为0，称为高度塌陷。他的产生条件就是子元素浮动如图如图：.top-bar-wrapper是.location和.shortcut的父类。.location和.shortcut中设置了浮动。而父类.top-bar-wrapper中阅读全文

posted @ 2021-06-18 16:27 洛飞阅读(437) 评论(0) 推荐(0)

Css伪类选择器

摘要：知道first-child、last-child、nth-child(n)、nth-child(2n+1)、nth-child(2n-1)、first-of-type、last-of-type、nth-of-type nth-child 另一个是:nth-of-type都可以选择父元素下面的子元素。阅读全文

posted @ 2021-06-03 17:19 洛飞阅读(54) 评论(0) 推荐(0)

内联框架

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-02-08 20:30 洛飞阅读(148) 评论(0) 推荐(0)

img属性

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-02-08 19:43 洛飞阅读(946) 评论(0) 推荐(0)

洛飞

随笔分类 - 前端学习

公告