随笔分类 - 前端学习
自己看前端视频的一些基础学习，加油，颜孙达
摘要：1、e.target表示点击元素生效（点击那个元素，那个元素生效） this表示绑定的事件生效，绑定了那个事件，哪个事件生效 2、e.type 获取事件类型 click是点击类型 3、e.preventDefault()该方法阻止默认行为 比如点击了a标签后，不让a标签进行跳转 4、e.stopPr
阅读全文
摘要：1、创建 createElement 2、增 appendChild、insertBefore 3、改 添加类classList.add\remove、setAttribute 4、查 querySelector、querySelectorAll 父：parentNode、parentElement
阅读全文
摘要：1、对body元素的背景图片进行设置 document.body.style.backgroundImage = "url(a.jpeg)"; 2、对获取input框的checked属性值 document.querySelector('thead').querySelector('input').
阅读全文
摘要：定义一个对象a，想判断一个元素attr是否是这个对象的属性的方法是a[attr]。 例如：下面的例子为求出一个字符串中出现次数最多的题目 方法就是，把每个字符作为一个对象的元素，然后记录其出现的次数。 var str = '0abcdfghadcgdefa', chars, maxTime = 0,
阅读全文
摘要：用时分秒的形式计算未来到现在的倒计时 算法：①将两个时间转化为时间戳进行计算 var now = +new Date(); var inpuTime = +new Date('2021-12-21 18:08'); ②通过parseInt(time / 24 / 60 / 60);//剩下的天数 ③
阅读全文
摘要：JavaScript对象的类型 JavaScript的对象分为3种：自定义对象、内置对象、浏览器对象 前面两种对象是JavaScript的基础内容：第三个浏览器对象将在JS API中讲解。 内置对象就是指JavaScript语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本 而必
阅读全文
摘要：1、我们js引擎运行分为两步：预解析 代码执行 （1）预解析 js引擎会把js里面所写的var 还有function 提升到当前作用域的最前面。 （2）代码执行 按照代码书写的书怒从上往下执行 预解析分为变量预解析（变量提升）和函数预解析（函数提升） （1）变量提升：就是把所有的变量声明提升到当前作
阅读全文
摘要：JavaScript中，arguments实际上踏实当前函数的一个内置对象。所有的函数都内置了一个arguments对象，arguments对象中存储了传递的所有实参。 如图所示： 我们可以知道arguments是一个伪数组，因此可以进行遍历，伪数组具有如下特点： 具有length属性 按照索引方式
阅读全文
摘要：JavaScript断点调试 我们可以通过浏览器的开发者工具中的source页面进行断点调试， 他是通过Watch监视，通过watch可以监视变量的值的变化，很常用， 代码调试非常重要，学会代码调试，才能解决一些棘手的bug。 点击右上角的往下或者往上按钮，就可以使程序，向上或者向下运行。
阅读全文
摘要：1、浮点数算数运算符里面有问题 浮点数不要直接参与算数运算符的运算，不然会有问题，例如： console.log(0.1 + 0.2);//0.30000000000000004 console.log(0.07*100);//7.000000000000001 2、不能直接拿着浮点数进行比较 例如
阅读全文
摘要：规则 在JavaScript中以0开头的数字表示八进制，以0x开头的数字表示十六进制。 如下代码 var num = 10,pi= 3.14; //八进制：0~7 在JavaScript中代码中的八进制是以0为开头的 var age = 011; console.log(age);//会在开发平台输
阅读全文
摘要：浮动 1、浮动元素放在块元素上，不会影响正常元素的页面流。不过内联内容会考虑浮动元素的边界，围绕着这个浮动元素。 2、浮动元素必须有特定的宽度，不能设置为auto。 clear属性 clear属性用来指定一个块元素左边或右边不能有浮动元素。设置了clear属性的块元素会下移，知道它旁边没有块元素。
阅读全文
摘要：功能 通过media属性，可以针对要显示的页面中的设备类型（桌面、笔记本电脑、平板电脑、手机、甚至是打印机的印刷版本）来调整页面的样式。 方法一 可以在<link>中增加media属性，使用与指定设备加载样式文件,那么指定的设备就会载入这个css <link rel="stylesheet" hre
阅读全文
摘要：知识点 1、元素从内到外由内容+内边距+边框+外边距组成 2、内边距和外边距都是来提供更多可见的空间，不能对内边距和外边距指定颜色，也不能加任何装饰。 不过由于它们是透明的，它们会呈现背景颜色或者背景图像。内边距和外边距之间有一个区别：元素的背景颜色（或背景图片）会延伸到内边距下面，但不会延伸到外边
阅读全文
摘要：作用 增加line-height可以改善文本的可读性。其使文本各行之前有更大的垂直距离。例如下图为设置了行高与不设置行高的区别
阅读全文
摘要：需求：输入框中的placeholder的值的距离距离左边有距离，如下图所示： 解决方法： 通过设置padding-left属性来解决，如下图所示： 改方法达到的效果是，输入的手机号距离左边边框也是有距离的，如图所示：
阅读全文
摘要：问题描述 我咋以后的div后面增加入上图所示的div。我的想法是这个div跟在前面div展示的位置的后面。 但是展示出来的效果如下图所示： 猜想一：我想到高度塌陷的问题，先去排查父元素有没有设置.clearfix属性。但是父元素设置了，如下所示： 后面就陷入了困难，我通过谷歌的debug工具，发现是
阅读全文
摘要：在博客的文件之中reset.css https://i.cnblogs.com/files
阅读全文
摘要：我们在hover选择器后面又使用 类选择器，表示鼠标移动到父标签时，子标签具有什么属性。 例如： 表示鼠标移动到父类的location位置时，子标签具有的属性，这个hover一定是给父元素的hover。
阅读全文
摘要：什么是高度塌陷? 父元素高度自适应，子元素float之后，造成父元素高度为0，称为高度塌陷。他的产生条件就是子元素浮动如图如图：.top-bar-wrapper是.location和.shortcut的父类。.location和.shortcut中设置了浮动。而父类.top-bar-wrapper中
阅读全文
