12 2019 档案
摘要：图形属性：fillStyle：填充颜色。font：绘制文本的时候css字体globalAlpha：绘制像素时添加的透明度gloablCompositeOperation：合并新的像素点和下面的像素点lineCap：渲染线段的末端lineJoin：渲染顶点lineWidth：边框的宽度miterLim
阅读全文
摘要：浏览器渲染流程如下图所示： 渲染的流程如下： 1. 解析HTML文件，创建 DOM 树 （自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）。） 标签的位置很重要。实际使用时，可以遵循下面两个原则： CSS 优先：引入顺序上，CSS 资源
阅读全文
摘要：DOM需知晓的几个点： 1.DOM事件的基本概念：DOM事件的级别 2.DOM事件模型：指的就是捕获和冒泡 3.DOM事件流 4.DOM事件捕获的具体流程 5.Event对象的常见应用 1.事件级别： DOM标准定义的级别： DOM0： DOM0 跟事件相关的一个标准就是： js写法： elemen
阅读全文
摘要：一个网站的SEO优化很重要，在你没有做付费推广时，就靠SEO优化来提升网站关键词排名了。其中，很多前端写代码时，都没有考虑到代码SEO优化，那就需要我们后期做修改了，代码如何优化？小编来简单介绍下。 head头部标签部分 1、<title> 标题: 只强调重点，不要重复出现关键词，各个页面的titl
阅读全文
摘要：BOM 是 browser object model的缩写 1、window 对象——BOM核心 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 w
阅读全文
摘要：HTML5语义化标签 1.<article>表示包含一个文档、页面、应用程序或网站中的一段独立的内容，也就是说，它能够独立地被发布或重新使用。可适用的地方有：一篇博客、一个论坛帖子、一篇新闻报道、一个用户评论... 2.<header>一般被放置在页面的顶部，或者页面中某个区块元素的顶部，包含整个页
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>区别</title> <style> div { width: 100px; height: 100px; border: 1px solid black; m
阅读全文
摘要：DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。 事件捕获（event capturing）： 当鼠标点击或者触发dom事件时（被触发dom事件的这个元素被叫作事件源），浏览器会从根节点 =>事件源（由外到内）进行事件传播。 事件冒泡（dubbed bu
阅读全文
摘要：<style type="text/css"> .div{ width: 140px; height: 280px; border-radius: 100%; border: 2px solid black; border-left: 140px solid black; position: rel
阅读全文