前端笔记
文章平均质量分 75
前端小刘不怕牛牛
心诚前端,法力无量
展开
-
【JavaScript复习十八】预解析
欢迎来到JS复习专栏,本文章主要内容为预解析。原创 2022-08-01 00:08:05 · 373 阅读 · 10 评论 -
【JavaScript复习十七】作用域以及变量提升
概念:通俗来讲,作用域是一个变量或函数的作用范围。作用域在函数定义时,就已经确定了。目的:为了提高程序的可靠性,同时减少命名冲突。在 JS 中,一共有两种作用域:(ES5 中)全局作用域:作用于整个 script 标签内部,或者作用于一个独立的 JS 文件。函数作用域(局部作用域):作用于函数内的代码环境。下面我们来单独讲一下全局作用域。直接编写在 script 标签中的 JS 代码,都在全局作用域。全局作用域在页面打开时创建,在页面关闭时销毁。在全局作用域中有一个全局对象 window,它代表的是一个浏原创 2022-07-31 21:57:10 · 337 阅读 · 3 评论 -
【JavaScript复习十六】函数
利用函数关键字自定义函数(命名函数)使用函数声明来创建一个函数(也就是function关键字)。语法function函数名([形参1,形参2...形参N]){//备注语法中的中括号,表示“可选”语句...}函数表达式(匿名函数)使用函数表达式来创建一个函数。语法var变量名=function([形参1,形参2...形参N]){语句....}使用构造函数newFunction()...原创 2022-07-31 21:47:47 · 365 阅读 · 1 评论 -
【JavaScript复习十五】数组小练习
欢迎来到JS复习专栏,本文章主要内容为数组练习。原创 2022-07-31 21:29:03 · 325 阅读 · 0 评论 -
【JavaScript复习十四】数组中数组按照从小到大排序问题
本文章主要内容为数组数字从小到大排序。原创 2022-07-31 21:22:00 · 786 阅读 · 0 评论 -
【JavaScript复习十三】数组方法三
欢迎来到JS复习专栏,本文章主要内容为Arrayd的其他方法。原创 2022-07-31 21:17:49 · 305 阅读 · 0 评论 -
【JavaScript复习十二】数组内置对象方法二
欢迎来到JS复习专栏,本文章主要内容是数组合并拆分方法等。原创 2022-07-31 20:58:50 · 297 阅读 · 0 评论 -
【JavaScript复习十一】数组内置对象方法一
欢迎来到JS复习专栏,本文章主要内容为数组的类型相关方法和元素添加删除的相关方法。原创 2022-07-31 20:45:22 · 328 阅读 · 0 评论 -
【JavaScript复习十】数组入门知识
欢迎来到JS复习专栏,本章主要内容为数组基本知识。原创 2022-07-31 20:29:04 · 266 阅读 · 0 评论 -
【JavaScript复习九】内置对象Date
时间戳指的是从格林威治标准时间的1970年1月1日,0时0分0秒到当前日期所花费的毫秒数(1秒=1000毫秒)。计算机底层在保存时间时,使用的都是时间戳。时间戳的存在,就是为了统一时间的单位。我们经常会利用时间戳来计算时间,因为它更精确。而且,在实战开发中,接口返回给前端的日期数据,都是以时间戳的形式。...原创 2022-07-31 19:48:23 · 244 阅读 · 0 评论 -
【JavaScript复习八】内置对象String和Math
欢迎来到JS复习专栏,本文章主要内容是内置对象String和Math的常见方法。原创 2022-07-31 19:30:42 · 199 阅读 · 0 评论 -
【JavaScript复习七】内置对象string截取字符串及其他方法
欢迎来到JS复习专栏,本文章内咯是内置对象string截取字符串及其他方法。原创 2022-07-30 23:25:10 · 454 阅读 · 1 评论 -
【JavaScript复习六】内置对象string定位类获取方法
欢迎来到JS复习专栏,本文章主要内容是内置对象string定位类方法。原创 2022-07-30 23:24:57 · 226 阅读 · 0 评论 -
【JavaScript复习五】内置对象string查找类方法
自定义对象、内置对象、浏览器对象。前面两种对象是JS的基础内容,属于ECMAScript;第三个浏览器对象属于JS独有,即JS内置的API。内置对象就是指这个语言自带的一些对象,供开发者使用,这些对象提供了一些常用或者最基本而必要的功能(属性和方法)。内置对象最大的优点就是帮助我们快速开发。......原创 2022-07-29 08:22:22 · 246 阅读 · 0 评论 -
【JavaScript复习四】对象简介
可以创建自定义的类型,很好的支持继承和多态。封装、继承、多态。原创 2022-07-29 08:22:02 · 151 阅读 · 0 评论 -
【JavaScript复习三】循环结构for和while
欢迎来到JS复习专栏,本文章的主要内容为循环结构for和while。原创 2022-07-28 20:49:27 · 219 阅读 · 0 评论 -
【JavaScript复习二】选择结构if和Switch
欢迎来到JS复习专栏,本文章的主要内容为选择语句if和Switch。原创 2022-07-28 20:33:57 · 494 阅读 · 1 评论 -
css变量+计数器
CSS变量以及CSScontent计数器原创 2022-07-18 15:15:36 · 247 阅读 · 6 评论 -
【前端三剑客——JS】js基础理解
是W3C组织推荐的处理可错账标记语言的标准编程接口它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等alert__弹出框可以将单行或少量 JS 代码写在HTML标签的事件属性中(以 on 开头的属性),如:onclick在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号该形式,可读性较差3.3 外部引用外部 JS文件的 script 标签中间不可以写代码3.4 注释**较为常用: **注意:程序在了内存中原创 2022-06-05 23:22:11 · 272 阅读 · 3 评论 -
【Ajax原生+封装+扩展】入门到入土,这一篇就够了
AJAX 全称为,也就是异步的JS和XMLAJAX的使用在网页中非常常见,比如上新闻网,往下刷着刷着,需要加载一会才能显示下面的信息,这就是触发到底事件,浏览器通过AJAX获取到新的数据,然后通过JS创建元素显现在网页中异步的JS相信无需讲解,下面对XML简单进行说明XML 是可扩展标记语言,被设计用来传输和存储数据XML和HTML在结构上类似,不同的是HTML里是预定义标签,如而XML中没有预定义标签,均为自定义标签,用来表示(“形容”)数据如下栗子:最早AJAX中传送和存储数据用的就是XML,不过,现原创 2022-06-03 07:26:07 · 1214 阅读 · 38 评论 -
【前端三剑客——CSS】之BFC为何物
BFCFC(格式化上下文)formatting Contexts,是 W3C CSS2.1规范中的一个概念是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。几种模式:BFCBlock Formatting Contexts页面上的一个隔离的渲染区域,容器里面的子元素不会在布局上影响到外面的元素,反之也是如此。IFCInline Formatting ContextsIFC的line box (线框) 高度由其包含行内元素原创 2022-05-29 15:57:50 · 223 阅读 · 3 评论 -
【前端三件套——CSSflex布局】简单知识整理
0. CSS3 弹性布局 flex用来为盒状模型提供最大的的灵活性**注意: ** 设为flex布局后,子元素的float、clear、vertical-align属性都会失效弹性:可以自由伸缩,搜索窗口时可以体现1. 基本概念采用flex布局的元素,简称容器,容器的所有子元素自动成为容器成员,称为项目容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做 main start ,结束位置叫做 main end ;交叉原创 2022-05-25 19:42:04 · 251 阅读 · 1 评论 -
【前端三件套——CSS定位 】网页布局大杀器
CSS定位定位也是页面布局的一大重点,定位可以帮助你精准脱离文档流束缚达到你想放置的位置,可以直接理解为卫星精准导航,非常牛X1. 元素的四个定位属性语法: position: 属性值;设置以上属性,便可进行边偏移,如下:top:10px;bottom:10px;left:10px;right:10px;/*与定位模式搭配使用*/position对应的属性值就是定位的模式1.1 静态定位static所有元素默认的定位方式,静态位置,而静态位置就是在HTML文档流中的默认原创 2022-05-22 21:19:35 · 352 阅读 · 4 评论 -
【前端三件套——CSS】盒子模型加浮动等于热气球
文章目录盒子模型盒子模型概念: 网页页面中每一个标签,我们都可以理解为一个“盒子”好处: 更加方便进行布局,也就是在美工美眉给我们发来设计图时,作为切图仔的我们就可以将页面中每个元素理解成盒子,合理地摆放、嵌套进行布局。组成: 盒子由四部分组成——内容区域content内边距区域padding边框区域border外边距区域margin...原创 2022-05-19 12:58:32 · 1368 阅读 · 69 评论 -
【前端三件套——CSS进阶】你真的熟练运用CSS了吗
文章目录导读1. 选择器进阶1.1 复合选择器1.2 并集选择器导读上一期我们学习了CSS基础,那么及接下来,我将给大家带来CSS进阶知识,话不多说,我们这就开始~1. 选择器进阶1.1 复合选择器后代选择器选择器之间用空格隔开作用: 由嵌套关系,在根据选择器1所找到的标签的后代中,找到满足选择器2的标签,设置样式注意点:后代是在选择器1对应标签内的所有标签,无论是孙子还是重孙p .color{ color:red;}子代选择器选择器之间用>隔开作用:原创 2022-05-13 06:55:10 · 1786 阅读 · 78 评论 -
【前端三件套——CSS基础】网页开发必备知识
文章目录前言导读1. CSS引入方式1.1内嵌式1.2 外联式1.3 行内式2. 基础选择器前言上文笔者对HTML做了较为全面的总结,前端三件套三下五除二,我们就干掉三分之一了(狗头)那么接下来就是我们的层叠样式表——CSS,它的作用就是给页面中的HTML标签设置样式的,那些下面就开启我们今天的旅程吧导读CSS语法:选择器{ 属性名:属性值;}选择器简单理解就是选择的标签名,如p,大括号里面的就是CSS的属性了,也就是将选择的标签设置某个样式如:p{ color:re...原创 2022-05-10 23:57:27 · 5049 阅读 · 129 评论 -
【HTML总复习】一文带你查漏补缺,暖你一整天
文章目录导读网页什么是HTML🌟Web标准1.基本标签HTML标签头部标签< head >身体标签< body >类型声明标签部分标签内部语义导读网页网站是指在因特网中根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合网页是网站中的一页,通常就是HTML格式的文件什么是HTML一种描述网页的超文本语言它并非编程语言,是一套标记标签而所谓超文本有两种含义超越了文本限制: 可以加入图片、声音、动漫等内容含超级链接: 可以从一个文件跳转到另一个文件,原创 2022-05-08 10:58:22 · 926 阅读 · 48 评论