前端
文章平均质量分 77
是只胖阿拉
这个作者很懒,什么都没留下…
展开
-
JavaScript作用域----全局作用域、函数作用域
作用域是指一个变量的作用范围,在JS中一共有两种作用域:全局作用域和函数作用域(整体与局部的关系)。全局作用域直接编写在script标签中的Js代码都是全局作用域例:<script type="text/javascript"> var a = 1; var b = 2; var c = 3;</script>例子中变量a、b、c都是全局作用域全局作用域在页面打开时创建,在页面关闭时销毁在全局作用域中有一个全局对象window,它代表的是一个浏览器的窗口原创 2020-12-20 14:15:22 · 601 阅读 · 0 评论 -
JS中变量的声明提前和函数的声明提前
变量的声明提前使用var关键字声明的变量,会在所有的代码执行之前被声明(但是不会赋值,它会在执行到那行代码的时候,才会有值),但是如果声明变量时不使用var关键字,则变量不会被声明提前。可能看起来会有点绕,让我们来看例子理解一下吧!例1:<script type="text/javascript"> var a; console.log("a = " + a); a = 123;</script>运行结果:在这个例子中,我先提前定义了一个变量a,但是我并没有原创 2020-12-13 21:29:32 · 812 阅读 · 0 评论 -
逻辑运算符&& || !的使用
所谓逻辑运算符就是与&&、或||、非! 三种,逻辑运算符又叫条件运算符,即运算的结果只有两种,真(true)或假(false)。在进行逻辑运算学习前,我们先复习一下非Boolean类型转换为Boolean的规则:使用Boolean()函数(1)数字 --> 布尔除了0和NaN,其余都是true(2)字符串 --> 布尔除了空字符串,其余都是true(3)null和undefined都会转换为false(4)对象(Object)也会转换为true! 非! 可原创 2020-12-13 09:25:00 · 18142 阅读 · 5 评论 -
自增和自减的使用
不知道有没有同学跟我一样,在刚开始学习自增、自减的时候分不清a++和++a的区别在哪里,那么接下来我将给大家分享一下我对自增、自减的理解方法和技巧给,欢迎大家指点~自增++通过自增可以使变量在自身的基础上加1对于一个变量自增以后,原变量的值会立即自增1自增分成两种:a++ 和 ++a ,不同的是 a++ 和 ++a 的值不同。但是对于a来说,这两个公式的运算结果都是相同的(即a的值都是自身加1)。(1)a++的值等于原变量的值(即自增前的值)例:<script type="text/原创 2020-12-12 23:23:48 · 1013 阅读 · 0 评论 -
JavaScript的强制类型转换(String Number Boolean)
强制类型转换是指将一个数据类型强制转换为其他的数据类型。接下来,让我们一起来讲讲js在进行强制类型转换时都有哪几种方法吧~1.将其他的数据类型转换为String1. 方式一调用被转换数据类型的toString()方法该方法不会影响原来的变量,它会将转换的结果返回null和undefined这两个值没有toString()方法,如果调用,则会报错1. 方式二调用String()函数,并将被转换的数据类型作为参数传递给函数使用String()函数做强制类型转换时,- 对于N原创 2020-12-12 21:38:13 · 659 阅读 · 0 评论 -
web前端常用命名
对于前端来说,网页元素名称的规范性可以加强团队内部成员的沟通,同时还可以提高后期维护和运行。网页的元素命名主要是针对id和class进行的,但是针对网页的命名并没有什么标准,但是大部分是业界公认的规则。前端常用命名方法:连写式命名法:如topnav中线命名法:如top-nav(此方法目前使用较多,建议使用该方法)下划线命名法:如top_nav驼峰命名法:如topNav帕斯卡命名法:如TopNav前端常用网页结构命名:前端常用命名:页头:header内容:main底部:foote原创 2020-12-07 11:43:06 · 5076 阅读 · 0 评论 -
如何消除button和input之间的间距
今天在写搜索的时候,发现button标签和input标签之间会存在一个间距。原因是input是内联块状元素(inline-block);内联元素是当做字体来处理的,字体之间是存在间隔的,所以内联元素之间也会有间隔。但是大多数网站搜索框都会消除它们中间的间距。具体的做法有三种:1.在父级元素上设置font-size: 0;让我们先来看一下原来的样子叭~在input标签的父级元素上设置font-size: 0;之后**注意:**如果使用这种方法,记得重新设置内联元素(input)的字体大小噢!2原创 2020-12-07 16:09:03 · 2527 阅读 · 1 评论