- 博客(23)
- 收藏
- 关注
RSS订阅原创 SVG(2基本内容)
坐标系统是：以页面的左上角为 (0,0) 坐标点，坐标以像素为单位，x 轴正方向是向右，y 轴正方向是向下。定义一个矩形，即从左上角开始，向右延展 100px，向下延展 100px，形成一个 100*100 大的矩形。
2023-07-12 19:06:14
161
原创 html补充------＜meta＞标签
如果设置了 name 属性， 元素提供的是文档级别（document-level）的元数据，应用于整个页面。如果设置了 http-equiv 属性， 元素则是编译指令，提供的信息与类似命名的 HTTP 头部相同。如果设置了 charset 属性， 元素是一个字符集声明，告诉文档使用哪种字符编码。如果设置了 itemprop 属性， 元素提供用户定义的元数据。
2023-07-12 11:38:37
144
原创 html补充------＜a＞标签链接的文本片段
支持的浏览器可以自由选择如何引起对链接文本的注意，例如，用颜色突出显示和/或滚动到页面上的内容。文本片段允许 web 内容作者与他们不控制的其他内容进行深度链接，而不需要依赖 ID 的存在来实现，在这一点上它很有用途。，这一连串的字符告诉浏览器，接下来是一个或多个用户代理指令，这些指令在加载过程中会从 URL 中剥离，以便作者脚本不能直接与之交互。一个文本字符串，后面是一个连字符，指定链接文本前面应该有什么文本。一个连字符，后面是一个文本字符串，指定链接文本后面应该有什么文本。）将它们分开来突出显示。
2023-07-12 10:17:39
171
原创 前端面试重点____属性计算过程
# CSS 属性计算过程## 确定声明值## 层叠冲突### 比较源的重要性### 比较优先级### 比较次序## 使用继承## 使用默认值
2023-07-11 23:45:53
119
1
原创 前端面试重点____浏览器渲染原理
reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后，需要重新计算布局树，会引发 layout。为了避免连续的多次操作导致布局树反复计算，浏览器会合并这些操作，当 JS 代码全部完成后再进行统一计算。所以，改动属性造成的 reflow 是异步完成的。也同样因为如此，当 JS 获取布局属性时，就可能造成无法获取到最新的布局信息。浏览器在反复权衡下，最终决定获取属性立即 reflow。repaint 的本质就是重新根据分层信息计算了绘制指令。
2023-07-11 23:34:34
239
1
原创 前端面试重点___事件循环
每个任务都有⼀个任务类型，同⼀个类型的任务必须在⼀个队列，不同类型 的任务可以分属于不同的队列。在⼀次事件循环中，浏览器可以根据实际情况从不同的队列中取出任务执 ⾏。默认情况下，浏览器会为每个标签⻚开启⼀个新的渲染进程，以保证不同的。如果使⽤同步的⽅式，就极有可能导致主线程产⽣阻塞，从⽽导致消息队列。队列中取出第⼀个任务执⾏，⽽其他线程只需要在合适的时候将任务加⼊到。个队列，不同的任务可以属于不同的队列。不同任务队列有不同的优先级，在⼀次事件循环中，由浏览器⾃⾏决定取哪⼀个队列的任务。
2023-07-11 20:48:11
108
1
原创 html疑难杂症(1)
第三行:我们会发现第三行是反序,原因大致为浏览器编译是根据语言的顺序来编译的,سما为阿拉伯语,而阿拉伯语的顺序为从右向左,故为出现3 :سما,而r为英文,会将文本方向变为从左向右.
2023-07-10 23:13:35
103
1
原创 html 一般格式
在我们创建的任何网站项目中，最常见的是一个主页 HTML 文件和包含图像、样式文件和脚本文件的文件夹。现在让我们来创建这些：文件路径的一些通用规则：我们要求你完全用小写字母命名文件夹和文件，没有空格。这是因为：简言之，文件名中应使用连字符。谷歌搜索引擎把连字符当作单词的分隔符，但不会识别下划线。基于此，最好在一开始就养成习惯，文件夹和文件名使用小写，用短横线来分隔。这可以避免许多问题。HTML 标签不区分大小写。也就是说，输入标签时既可以使用大写字母也可以使用小写字母。例如，标签 可以写作
2023-07-10 15:34:47
330
1
原创 JavaScript 模块(commonJS,AMD,UMD,ES6模块)
异步模块定义AMD的模块定义系统则以浏览器为目标执行环境,这需要考虑网络延迟问题.AMD的核心是使用函数包装模块定义参数一为模块名,参数二为依赖的模块(注意require,exports),参数三为模块内容.name='wta'})console.log('是commonjs模块规范，nodejs环境')console.log('是AMD模块规范，如require.js')console.log('是CMD模块规范，如sea.js')})} else {
2023-05-24 00:10:06
978
原创 JavaScript JSON
XML 指可扩展标记语言（EXtensible Markup Language）XML 是一种标记语言，很类似 HTMLXML 的设计宗旨是传输数据，而非显示数据XML 标签没有被预定义。您需要自行定义标签。XML 被设计为具有自我描述性。XML 是 W3C 的推荐标准。
2023-05-18 17:48:27
148
原创 javascript 表单脚本
Web表单在HTML中以元素表示，在JavaScript中则以HTMLFormElement类型表示。HTMLFormElement类型继承自HTMLElement类型，因此拥有与其它HTML元素一样的默认属性，不过，HTMLFormElement也有自己的属性和方法。acceptCharset：服务器可以接收的字符集，等价于HTML中的accept-charset属性；action：请求中的URL，等价于HTML中的action属性；elements：表单中所有控件的HTMLCollection。
2023-05-17 22:20:31
374
原创 HTML模板引擎pug
属性多行属性用括号括起来的属性不转义属性样式属性类属性字面量类字面量id字面量&attributes分支条件分支传递块展开代码语法不输出的代码带输出的代码不转义的、带输出的代码注释条件Doctype过滤器包含模板继承块内容的添补 append / prepend嵌入字符串嵌入，转义字符串嵌入，不转义标签嵌入空格的调整迭代混入(函数)混入的块混入的属性剩余参数纯文本原始h
2023-05-04 22:39:27
909
原创 HTML重点内容
html的部分概念html全局属性html标签,水平线，注释html段落html链接 html图像html删除的标签html文本格式化html计算机输出html引用，定义html颜色html样式html表格html列表 html块级与内联元素html内联框架html5新元素html框架集(弃用)xhtml html表单
2023-04-12 13:06:07
169
原创 javaScript高级程序设计------事件
但是往往我们在DOM结构建立完成的时候就需要对页面内容进行操作了，如果加载css等资源的时间过长，那么用户如果在这加载期间进行操作，就会给人没有响应的感受，脾气不好的用户很可能就会关掉网页，这当然不是我们想要看到的。除了mouseenter和mouseleave事件，其余的鼠标事件都会冒泡，也可以被取消，取消鼠标事件会影响浏览器的默认行为。取消事件的进一步捕获或冒泡，针对同一事件的多个事件处理程序（即事件终止于当前事件处理程序不会继续，就算是同一个元素的同一个事件的不同事件处理程序也不会触发）
2023-03-18 22:50:29
317
原创 DOM2与DOM3
之前详细讲解了DOM1的内容,DOM2和DOM3在这些结构上加入了更多的交互能力.DOM2与DOM3是按照模块化的思路来制定标准的,每个模块之间有一定关联,但分别针对某个DOM子集.DOM Core :在DOM核心部分的基础上,为节点增加方法和属性.DOM Views :定义基于样式信息的不同视图.DOM Events :定义通过事件实现DOM文档交互.DOM Style :定义以编程方式访问和修改CSS样式的接口。
2023-03-16 23:38:15
233
原创 DOM文档对象模型(拓展)
HTML5允许给元素指定非标准的属性,但要使用前缀data-dataset属性可以访问自定义数据属性,datset属性是一个DOMStringMap的实例,包含一组键值对映射.元素的每个data-name属性在dataset中都可以通过data-后面的字符串作为键来访问.//取得自定义数据属性的值//设置自定义数据属性的值//添加自定义数据属性。
2023-03-15 23:43:10
102
原创 DOM文档对象模型(二)
记录队列中的每个MutationRecord实例至少包含对已有DOM节点的引用.如果变化是ChildList类型,则会包含多个节点的引用.记录队列和回调处理的默认行为是耗尽这个队列,处理每个MutationRecord,然后让他们超出作用域被垃圾回收.布尔值,表示除了目标节点,是否观察目标节点的子树(后代),如果为false,则只观察目标节点的变化,如果 subtree 为 true，则观察目标节点以及其子孙节点的变化。默认值为 false。
2023-03-15 18:39:57
98
原创 DOM文档对象模型(一)
文档对象模型是HTML,XML文档的编程接口,DOM表示由多层节点构成的文档,通过它可以添加,删除,修改和修改页面的各个部分.
2023-03-14 23:42:36
118
原创 JavaScript客户端检测
navigator.geoloaction.getCurrentPosition()方法,返回一个Coordinates对象.需要以position对象为参数,调用传入的回调函数,获得对象.浏览器,操作系统,硬件和周边设备信息可以通过navigator,screen对象上的API获得.但这些API远远未到标准化的程度,建议使用前对其继续能力检测.参数1为回调函数,返回一个Coordinates对象,该对象有两个属性,coords标准格式的经度和纬度,timestamp时间戳。
2023-03-14 14:06:47
188
原创 JavaScript 精讲BOM(浏览器对象模型)
点每英寸，常用于平面印刷,不同的显示器分辨率不一样，物理尺寸也不一样，因此你用一张一英寸长的小纸条按在屏幕上，能被你盖住的像素的个数也是不一样的,我们把一英寸里能包含的像素的个数叫做屏幕的解析度，单位叫 DPI（dots per inch）又称“设备像素”，屏幕的物理像素在每个设备出厂时已经被固定好，任何设备屏幕的物理像素都是固定不变的，物理像素的单位是pt（点），pt（点）是一个绝对单位.又称“设备独立像素、逻辑像素”，css中使用的像素是一个抽象的概念，单位是px，px是一个相对单位，并不是绝对单位.
2023-03-13 23:27:23
179
前端基础-html 精讲 代码展示
2023-04-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人