前端开发
文章平均质量分 82
袭瑛
自学前端ing…
展开
-
《Head First HTML5 javascript》第11章 查bug
如 console.log,confirm,alert,Breakpoint 等。alert(),confirm(),虽然也可以起到调试的作用,但是它适合传达信息的场景就是有限的,因为它会使甚至关闭窗口这样的操作无效化。而且 alert 的样式也依赖于浏览器的默认样式,并且只能显示文本,不适合自定义。总的来说就是阻塞页面加载,降低网页的性能与质量。firefox内置缺陷检测常见的错误提示不一定准确。原创 2022-11-29 23:00:29 · 221 阅读 · 1 评论 -
《Head First HTML5 javascript》第10章 自定义对象
几乎所有 JavaScript 中的对象都是位于原型链顶端的Object 的实例。尽管这种原型继承通常被认为是 JavaScript 的弱点之一,但是原型继承模型本身实际上比经典模型更强大。例如,在原型模型的基础上构建经典模型相当简单。在 JavaScript 中,函数(function)是允许拥有属性的。所有的函数会有一个特别的属性 ——prototype原创 2022-11-29 15:48:58 · 473 阅读 · 0 评论 -
《Head First HTML5 javascript》第9章 认识对象
如果 MIME 类型不是 JavaScript 类型(上述支持的类型),则该元素所包含的内容会被当作数据块而不会被浏览器执行。如果 type 属性为。原创 2022-11-23 18:08:21 · 374 阅读 · 0 评论 -
《Head First HTML5 javascript》第8章 DOM
this是Javascript语言的一个关键字,它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用,随着函数使用场合的不同,this的值会发生变化,但是有一个总的原则,那就是this指的是调用函数的那个对象。包含节点下所有的子节点的数组,以出现在HTML代码中的顺序而排列,返回包含指定节点的子节点的集合,该集合为即时更新的集合(live collection)。”成了“僵尸”代码,实际上并不是真正的“僵尸”,这条语句执行了,但是对于外部没有任何影响,因此完全可以忽略它)。,从而改变文档的内容。原创 2022-11-21 17:42:01 · 480 阅读 · 0 评论 -
《Head First HTML5 javascript》第7章 表单
注册了一个事件处理器**。注意事件处理器有时候被叫做。原创 2022-11-16 20:14:01 · 414 阅读 · 0 评论 -
《Head First HTML5 javascript》第6章 函数
被作为实参传入另一函数,并在该外部函数内被调用,用以来完成某些任务的函数,称为回调函数。返回一个数的符号,得知一个数是正数、负数还是 0。优先级高的运算符会作为优先级低的运算符的操作数。**是一个内置对象,它拥有一些数学常数属性和数学函数方法。函数字面量:函数主体是变量值的表达方式,也称作匿名函数。返回一个数的整数部分,直接去除其小数点及之后的部分。函数总是返回小于等于一个给定数字的最大整数。然而需要注意的是,回调函数经常被用于在一个。的所有属性与方法都是静态的。函数返回一个数字的绝对值。原创 2022-11-10 17:52:29 · 352 阅读 · 0 评论 -
《Head First HTML5 javascript》第4章判断&第5章循环
switch 评估一个表达式,将表达式的值与子句匹配,并执行与该情况相关联的语句。一个 switch 语句首先会计算其 expression。然后,它将从第一个 case 子句开始直到寻找到一个其表达式值与所输入的 expression 的值所相等的子句。 通常与 break 或 default 关键字一起使用。两者都是可选的:break 关键字用于跳出switch代码块。会终止switch代码块的执行。 如果忽略该关键字,swith 语句的下一个代码块会被执行。default 关键字 来规定匹配不存原创 2022-11-09 17:54:48 · 206 阅读 · 0 评论 -
《Head First HTML5 javascript》第3章 探索浏览器 知识点总结
style 属性规定元素的行内样式(inline style)将覆盖任何全局的样式设定,例如在 标签或在外部样式表中规定的样式在 HTML5 中, style 属性可用于任何的 HTML 元素。否则,它是元素内部的高度(以像素为单位),包含内边距,但不包括边框、外边距和水平滚动条(如果存在)。如果浏览器启用了 cookie,该属性值为 true。如果禁用了 cookie,则值为 false。设置光标的类型,在鼠标指针悬停在元素上时显示相应样式。属性来创建 、读取、及删除 cookie。原创 2022-11-04 17:38:22 · 220 阅读 · 0 评论 -
《Head First HTML5 javascript》第2章 数据存储 知识点总结
书中用的是text,网上查的是string,两者区别看起来并不是很大,感觉在JS中这两个并没有做特殊的区别,毕竟不用声明具体的类型,但是本质上这两个类型还是有差异的。JS不用指定数据类型,而是通过数据的值暗示类型,这种设计很灵活,随着数据值的改变随之改变类型,但自动转换存在误差,需要根据实际情况自行判断并调整。let 和 const 声明的变量有明确的作用域、声明位置、不变的值,使得变量的声明有了更好的约束,有助于提高代码的质量。可以使用单引号或双引号。变量:会改变的数据,可以用var和let进行声明。原创 2022-11-02 21:39:40 · 200 阅读 · 0 评论 -
《Head First HTML5 javascript》第1章 交互式网络 知识点总结
JavaScript 中的函数方法需要在 HTML 文档渲染完成后才可以使用,如果没有渲染完成,此时的 DOM 树是不完整的,这样在调用一些 JavaScript 代码时就可能报出"undefined"错误。由于元素的 ID 在大部分情况下要求是独一无二的,这个方法自然而然地成为了一个高效查找特定元素的方法。在英语中的意思是“警告”,javascript中,alert()指的是在浏览器中弹出一个警告框,有。函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。不同的呈现方式,所呈现的效果也不相同。原创 2022-11-02 17:26:16 · 310 阅读 · 0 评论 -
javascript Leetcode刷题记录
一些零散的刷题记录原创 2022-11-02 14:50:51 · 82 阅读 · 0 评论 -
2022前端学习笔记
前端最重要的不是框架用的多好,最重要的是基础够不够扎实。有的初学者,学完js就急着上手Vue,模块化、组件化、模板化、工程化这些都没学,学Vue就是学个语法,都是一些表面的东西,实际到做项目就会发现自己根本做不出来,甚至都不知道怎么上手。css3动画、 css3选择器、 css3过渡、flex布局、背景渐变、css3实用动效、3D模块、css3变量、em/rem/vw。语义化、选择器、权重与优先级、匹配规则、浮动与清除、BFC、类名组合规则、SEO前端技巧、定位、叠加技巧、方法将文本中的文字、图表与其他。原创 2022-11-02 14:45:09 · 232 阅读 · 0 评论 -
《Head First HTML与CSS》学习笔记
设置float后,所指定的元素会与下方内容并排放置外边距指定一个元素是否必须移动 (清除浮动后) 到在它之前的浮动元素下面。clear属性适用于浮动和非浮动元素。在用网格实现双排页面时用到,设置元素是否被视为以及用于子元素的布局,例如、或。部分➡️指定相邻单元格边框之间的距离table类似html中的用来指定行内元素(inline)或表格单元格(table-cell)元素的垂直对齐方式。原创 2022-11-02 14:42:09 · 164 阅读 · 0 评论 -
【FreeCodeCamp】 ResponsiveWebDesign网页设计 测试3学习笔记
property which can accept an image as a value.创建一个表示两种或多种颜色线性渐变的图片。创建一个线性渐变,需要指定两种颜色,还可以实现不同方向(指定为一个角度)的渐变效果,如果不指定方向,默认从上到下渐变。当新添加一个没有设置颜色的cap在sleeve上面时,就看不见sleeve了(外联元素换行了):亮度不是很难理解的,它用于设置颜色的亮度。:饱和度,顾名思义,指定颜色的饱和度。确定在一个百分比之内。**HUE:**色调是一个容器,可以让您设置一个色轮的色彩。原创 2022-11-02 14:38:30 · 416 阅读 · 0 评论 -
【FreeCodeCamp】 ResponsiveWebDesign网页设计 测试2学习笔记
elements behave more like inline elements.通过筛选类中的p实现内联。不像html元素中那样无序,css中顺序很重要,html调用css的样式表顺序也重要‼️。多个html文档共用同一个样式文件,相当于一个样式的组件便于快速修改样式。css文档较大的时候建议在html中采用元素指定不同的样式表。使用标签链接css样式文档rel=“stylesheet”step25居中元素:center the。分割线:You can use an。原创 2022-11-02 14:36:03 · 749 阅读 · 0 评论 -
【FreeCodeCamp】 ResponsiveWebDesign网页设计 测试1学习笔记
*就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。alt 的属性值有两个作用,第一个作用是让屏幕阅读器可以知晓图片的内容,这会对网页的可访问性有很大提升;就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。value属性:name是控件的名称(多个控件可以取同一个名称),value是控件的值。此属性将分配值编号,即以创建以数字编号的有序列表。 标签规定独立的流内容(图像、图表、照片、代码等等)。原创 2022-11-02 14:30:16 · 723 阅读 · 1 评论