你好，我是tiantian。 几天前，Chrome developer 博客发布了这么一篇文章： 大致意思是，Chrome未来将禁用修改document.domain,如果你的网站依赖于设置document.domain 来解决跨域的问题，那么你可能需要注意了。 而且Chrome计划从 Chrome 101 开始使 document.domain 不可变，也就是说如果你是依赖于这种方式放宽同源策略的话，你的站点可能受到影响。 domain 根据MDN的定义如下： Docum

前言：HTML5 的新增特性主要是增加了一些新的语义化标签、新的表单和新的表单属性等。 一、HTML5 新增结构元素 我们之前布局时，全都是使用 div 来做的。但是div 对于搜索引擎来说，不利于网站对访客的易用性，不利于搜索引擎或者爬虫软件建立索引，更 不便于后期的代码维护。而新增的结构元素，增加了语义化，方便后期的维护。 1、结构元素 ①<header>：头部标签    <!-- 一般是用在头部信息上 --> ②<main>：主体标签  

引言：网上最近太空人表盘很火，之前看到有个兄弟用svg写的，但是我也不会这个啊，我就琢磨着用canvas写了一个，效果感觉还不错，拿出来大家唠唠！ 效果图： 思路 分两个画布来绘制，画布1用来放置不动的东西（背景、表盘、文字信息）； 画布2用来绘制太空人的转动和时间的更新（经常要重新绘制）； 太空人的转动的话就是用很多图片来切换，达到转动的效果。 绘制表盘 圆形构造函数 //构造函数 function Circle(o){ this.x=0,//圆心X坐

一、HTML基础认知     1.1 网页的组成      网页的组成：文字、图片、音频、视频、超链接      网页的本质：前端程序员写的代码     1.2 五大浏览器      五大浏览器： IE浏览器、火狐浏览器(Fiefox)、谷歌浏览器(Chrome)、Safari浏览器、欧鹏浏览器(Opera)        渲染引擎： 浏览器中专门对代码进行解析渲染的部分      1.3 web标准中的三个构成      web标准中分为三个构成: 结构: h

应用程序编程接口 1.HTML5语法 1.字符编码 用于指定一个HTML5文档使用的是那种字符集，以便告诉浏览器应该使用哪种编码对文本进行存储或者通过网络进行传递。在HTML5中使用<meta>元素指定字符编码。 2.DOCTYPE文档类型 用于告诉浏览器应该使用什么样的文档类型来解析HTML文档。 3.SVG 称为可缩放矢量图形，用于表示二维矢量图形的一种格式。 4.应用程序编程接口 提供应用程序与开发人员基于某软件或硬件得以访问一组功能的能力，而访问又无需源码，

我来讲解一下开发一个简单的小游戏：五子棋。 想要实现五子棋 首先 要做的就是要创建二维数组同时创建一个棋盘。 可能别人的棋盘是用canvas  创建的，但是我的棋盘 使用div 元素创建的，因为标签元素可以放很多数据，比如我在棋盘的棋位上就放一个div， 这个div可以放自定义属性。 div的边框样式需要为微调一下，要么无法做到canvas画布标签一样画得那么工整。 for(let y=0;y<13;y++){ chessboard[y]=new Array

目录 一、HTML5概念和基本的结构 二、基本标签学习 三、图像标签 四、连接标签 五、列表标签 ​ 六、表格标签 table 七、媒体标签 ​  八、网页结构 ​ 九、内联框架 iframe 十、表单标签    form ​ 十一、初级验证: 一、HTML5概念和基本的结构  1.概念：HTML全称叫超文本标签语言（Hyteper Text Markup Language） HTML是一种标记语言，5代表版本号，现在已经是第五个版本了。通过 一系列

    概叙        今天因为需要用到一个参考文档，然后在网上找了一下，就下载了一个pdf文档！下载之后居然是加密的，如果要密码就要给钱？我这暴脾气，还真不能忍你！       ​​​ 想收我得钱，不存在的，接下来就是破解过程了！ 说句题外话，为什么现在越来越多的文档都是PDF格式呢？因为它是可移植文档格式(PDF)是在线附件中使用最广泛的文件格式之一。 大多数文档，例如电子书、扫描文档等，都使用这种pdf格式进行存储和共享。 为了在各种平台和媒体上共享，文档面临着许多

📓项目介绍 先做个自我介绍，本人是一个没人写前端所以就自学前端的后端程序员🙇。在此项目中我会和大家一起从零基础开始学习前端，从后端程序员的视角来看前端，受限于作者的水平本项目暂时只会更新到前端框架VUE，不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员😂。 该项目的学习顺序是按照我自己学习时总结出来的，其中的每个知识点都是我认真去理解的，同时也查了很多的资料，所有的参考资料我都放在了文章末尾。尊重开源，尊重知识产权。每一个案例我都亲手写过

去年的时候，自己专门写过针对网页制作的一系列课程，中间断更了，今年再接着续更，毕竟花了时间去写了，还是尽量的分享出来，希望能帮助到喜欢网页制作的朋友们。 上半部分呢，主要讲述的是路径的选择，这个是至关重要的，前边也说过，路径不仅仅局限于图片的选择，以后的css，javascript，以及网页的跳转等等，都会牵扯到路径，所以，才花费了较大篇幅去阐述，也希望大家能够引起重视。 还有一个知识点需要补充一下，上半部分呢，对于图片的路径都是采用的本地路径，如果我们要加载网上的某一张图片呢？这个其实更简

canvas设置渐变的两种方式： createLinearGradient(x,y,x1,y1) ： 创建线条渐变 createRadialGradient(x,y,r,x1,y1,r1) ： 创建一个径向/圆渐变 在线试一试 createLinearGradient(x,y,x1,y1) x：渐变开始点的 x 坐标 y：渐变开始点的 y 坐标 x1：渐变结束点的 x 坐标 y1：渐变结束点的 y 坐标 代码如下： const c = document.getElementByI

实体 在网页中编写多个空格默认情况会自动被浏览器解析为一个空格 在HTML中有些时候，我们不能直接写一些特殊符号，比如：多个连续的空格，比如字母两侧的大于号和小于号 如果我们需要在网页中书写这些特殊的符号，则需要使用HTML中的实体(转义字符) 实体的语法： &实体的名字(&nbsp 空格；&gt 大于号；&lt 小于号；&copy 版权符号......)； meta标签 meta主要用于设置网页中的一些元数据，元数据不是给用户看得