如何确保网站开发符合HTML文件规范，并顺利完成网站备案流程？

网站开发html文件规范,网站备案公司,武夷山市网站建设,如何不花钱建设网站个人简介 #x1f440;个人主页#xff1a; 前端杂货铺 #x1f64b;‍♂️学习方向#xff1a; 主攻前端方向#xff0c;正逐渐往全干发展 #x1f4c3;个人状态#xff1a; 研发工程师#xff0c;现效力于中国工业软件事业 #x1f680;人生格言#xff1a; 积跬步…个人简介 个人主页 前端杂货铺 ‍♂️学习方向 主攻前端方向正逐渐往全干发展 个人状态 研发工程师现效力于中国工业软件事业 人生格言 积跬步至千里积小流成江海 推荐学习前端面试宝典 Vue2 Vue3 Vue2/3项目实战 Node.jsThree.js JS版算法 个人推广每篇文章最下方都有加入方式旨在交流学习资源分享快加入进来吧 文章目录 ✨✨前言一、单例模式二、装饰器模式三、适配器模式本篇小结 ✨✨前言 大家好这里是前端杂货铺。 上一节我们学习了简单工厂模式、抽象工厂模式和建造者模式它们都隶属于设计模式中的 创建型模式。这一节我们学习单例模式、装饰器模式和适配器模式… 一、单例模式 单例模式是一种创建型设计模式。它保证一个类仅有一个实例并提供一个访问它的全局访问点。主要解决一个全局使用的类频繁地创建和销毁占用内存。 如下例子在不刷新网页的情况下我们再次修改已经创建的实例实例不会发生更改因为单例模式只在第一次创建的时候有效。 应用场景创建一个对象要消耗的资源多如写日志、只允许一个线程访问如计数器确保线程安全。 class Singleton {constructor(name, age) {if (!Singleton.instance) {this.name name;this.age age;Singleton.instance this;}return Singleton.instance;} }let zahuopu; zahuopu new Singleton(前端杂货铺, 22); zahuopu new Singleton(CSDN, 2023); console.log(zahuopu, zahuopu);二、装饰器模式 装饰器模式能够很好的 对已有功能进行拓展它不会更改原有的代码极大地减小了对其他业务的影响这样就可以方便我们在较少改动下对软件功能进行拓展。 举个栗子原本的程序有 test() 主业务现在我们想在不更改原有代码的情况下在 主业务之前 或 主业务之后 添加一些新的业务那么这个时候就可以使用我们的装饰器模式。 应用场景API 参数验证、日志记录等。 Function.prototype.before function (beforeFn) {let _this this;return () {// 前置函数调用beforeFn.apply(this, arguments);// 执行原来的函数return _this.apply(this, arguments);} }Function.prototype.after function (afterFn) {let _this this;return () { let result _this.apply(this, arguments);// 后置函数调用afterFn.apply(this, arguments);// 执行原来的函数return result;} }function test() {console.log(主业务); }let test1 test.before(() {console.log(前置业务); }).after(() { console.log(后置业务); });test1();三、适配器模式 适配器模式 将一个类的接口转换成客户希望的另一个接口。它让那些接口不兼容的类可以一起工作。 举个栗子我们家庭用电基本都是 220V 的但直接给电器这么大伏特的电显然是不行的直接烧了这个时候就需要一个转接头对伏特进行处理使得电器能够正常使用。 再举个栗子对于 百度地图 和 腾讯地图 是由两个团队各自研发的它们里面的 接口显然是不一样的。我们 在美团上找店铺位置的时候会让我们选择打开百度地图还是腾讯地图。这个时候美团就可以 默认调用百度地图的接口再使用适配器模式让不兼容的腾讯地图变的兼容起来。