Js的一些高级用法

在JavaScript中,变量、函数、类、循环、异步这些都是基础知识。但在日常的业务开发中,我们需要一些更高级的技巧来更好地解决问题。通过本文你将了解到 JS 的高级知识点以及实际应用技巧,如高级数据结构和算法、函数式编程、异步编程和面向对象编程。我们会利用代码实例来让大家更好地理解这些知识点。同时,我们也会提供一些实战案例的示范和使用技巧,让你更好地将这些技术应用到实际业务中。高级数据结构和算法

- 阅读全文 -

微信小程序video标签使用第三方设置了防盗链的视频无法加载的问题

问题描述微信小程序重需要使用video标签加载一条来自阿里云oss的资源,由于oss设置了防盗链,限制了只有部分域名才可以访问,微信小程序的video标签默认是不会携带referer进行请求,所以导致如下现象:解决方法在video标签中,添加 referrer-policy="origin" 属性,origin代表发送完整的referrer,no-referer代表不发送成功效

- 阅读全文 -

版本迭代时如何自动让用户端更新版本

思路今天遇到了这么一个需求,便是当服务商迭代软件版本时,前端如何自动获取到后端的更新信息然后自动完成版本更新。起初,我根据之前的项目经验以及结合webpack的热更新机制,给出的方案是通过websocket服务来实现。实现方法便是当服务端更新版本后自动给前端发送一条更新信息,使前端发生更新,但是这样不仅需要改动服务端的代码,还需要一直建立websocket通信,非常的麻烦且不稳定。实现回家之后我苦

- 阅读全文 -

MVVM设计模式

MVVM(Model-View-ViewModel) 是一种设计模式,用于构建用户界面与业务逻辑的分离和解耦。它将应用程序分为三个主要组件:模型(Model)、视图(View)和视图模型(ViewModel),并通过数据绑定机制连接它们。下面以一个简单的示例来详细介绍MVVM设计模式的工作原理:模型(Model):模型代表应用程序的数据和业务逻辑。它可以包括数据实体、数据访问和处理方法等。模型负责

- 阅读全文 -

常见的设计模式

MVC(Model-View-Controller,模型-视图-控制器):MVC 是一种将应用程序分成三个核心组件的模式。模型(Model)负责处理数据逻辑、持久化和状态管理;视图(View)用于呈现用户界面或数据;控制器(Controller)接收用户输入,并协调模型和视图之间的交互。Repository(仓库):仓库模式用于隔离持久层(数据库操作)和业务逻辑层。仓库封装了对数据存储的访问代码,

- 阅读全文 -

网页渲染过程

解析 HTML:浏览器会解析 HTML 文件,构建 DOM(文档对象模型)树,表示网页的结构。解析 CSS:浏览器会解析 CSS 文件,构建 CSSOM(CSS 对象模型)树,表示网页的样式信息。构建 Render 树:浏览器将 DOM 树和 CSSOM 树合并,构建 Render 树(也称为渲染树),用于确定网页元素的布局和渲染顺序。布局(Layout):在渲染树的基础上,计算出每个元素在页面中

- 阅读全文 -

前端开发中常用英语单词

English Word中文翻译HTMLHTMLCSSCSSJavaScriptJavaScriptDOM文档对象模型API应用程序接口Framework框架Responsive响应式Debug调试Browser浏览器Element元素Attribute属性Function函数Variable变量Event事件Style样式Class类IDIDSelector选择器Animation动画Respo

- 阅读全文 -

Node.js 文件系统 (fs) 使用教程

Node.js 的 fs (File System) 模块是用于处理文件和目录的内置模块。它提供了一组方法,用于执行文件的读取、写入、删除等操作。在本教程中,我们将深入介绍如何使用 Node.js 的 fs 模块来进行文件系统操作。安装Node.js 自带了 fs 模块,因此不需要额外安装。只需在你的脚本中使用 require 命令引入 fs 模块即可:const fs = require('fs

- 阅读全文 -