记录--服务端推送到Web前端有哪几种方式？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 这个问题？ 这个问题一般会出现在面试题里面，然后回答一些诸如轮询、WebSocket之类的答案。当然，实际开发中，也会遇到类似别人给你赞了，要通知给你的情况。这时服务端推送给Web前端（先局限在Web前端，毕竟其他端还有一些特殊方法）到底 ...
CSS流动布局-页面自适应
项目中经常会碰到页面自适应的问题，例如：商城的列表展示、分类列表展示等页面，如下： 该页面会随着页面的放大缩小而随之发生变化，解决方法：display: flex;配合子元素的动态宽度来实现，子元素的宽度 = (总宽 - 自身的margin) / 每行的数量即可。 .box{ border: 1px ...
前端设计模式——观察者模式
前端中的观察者模式（Observer Pattern），定义了对象之间的一种一对多的依赖关系，使得当一个对象状态发生改变时，所有依赖于它的对象都能够得到通知并自动更新。 在前端开发中，观察者模式常被用来实现组件间的数据传递和事件处理。比如，当一个组件的状态发生改变时，可以通过观察者模式来通知其他组件 ...
关于开发 VS Code 插件遇到的 workbench.scm.focus （快捷键：Ctrl+Shift+G）聚焦异常问题
最近很闲，所以想着优化一下自己在使用的其他开发者开发的插件（名称为 git-commit-lint-vacode）。看了眼这个插件仓库的 Issus，发现一个选中更改文件后，使用插件会聚焦错误的地方的问题。 经过我的测试，发现有无关仓库的数量，只要选中更改文件后，重新聚焦一定会聚焦到该文件。而当有多 ...
【JavaScript UI库和框架】上海道宁与Webix为您提供用于跨平台Web应用程序开发的JS框架及UI小部件
Webix是Javascript库 一种软件产品 用于加速Web开发的 JavaScript UI库和框架 Webix用于跨平台 Web应用程序开发的JS框架 102个UI小部件和 功能丰富的CSS/HTML5 JavaScript控件 开发商介绍 Webix团队由由热衷于创建高质量网络产品的专业人 ...
前端路由(vue2 + vue3 + react)
前端路由的设置： Vue2路由（vue-router3） 安装插件 npm i vue-router@3 router/index.js文件设置 import Vue from "vue"; import VueRouter from "vue-router"; Vue.use(VueRouter) ...
VSCode调试js代码的几种方式
背景 在leetcode刷题时需要调试js代码 代码写在.js文件中 方式一 node.js 安装node.js 配置launch.json 左侧【运行和调试】，【F5】启动调试，下方【调试控制台】查看输出； 【F11】单步调试，在左侧查看【变量】。 也可在vscode下方【终端】(其实就是集成的W ...
前端设计模式——发布订阅模式
JavaScript中的发布/订阅模式（Pub/Sub）是一种常用的设计模式。它允许在应用程序中定义对象之间的一对多的依赖关系，当一个对象的状态发生变化时，所有依赖于它的对象都会被通知和更新。 在发布/订阅模式中，有两种类型的对象：发布者和订阅者。发布者是事件的发出者，它通常维护一个事件列表，并且可 ...
面向对象开发DialogComponent组件
在各种场景的开发中Dialog组件的出现频率都是非常高的，Dialog组件作为一个容器组件受容器内业务代码复杂度的影响，代码行数、变量及函数的定义可能会很多，这样的组件就一定要考虑封装使用，以保证主流程代码的简洁。下面一起来看一下如何利用面向对象的思想来封装它吧~ ...
HTML列表
w3c机构：规定网页分成三个部分：结构、样式、表现形式。 无序列表： （每个列表左侧都有实心黑点，可以用css去掉） <ul> <li>列表1</li> <li>列表2</li> </ul> 快捷方式：ul>li*数量 tab <ul></ul>中只能嵌套<li></li> <li></li>之间相 ...
第126篇: 异步函数(async和await)
好家伙,本篇为《JS高级程序设计》第十章“期约与异步函数”学习笔记 ES8 的 async/await 旨在解决利用异步结构组织代码的问题。 为为此增加了两个新关键字：async 和 await。 1.async关键字 1.1.使用说明 async 关键字用于声明异步函数。 函数声明、函数表达式、箭 ...
HTML的基础知识
一个网页有三个部分组成：<html>、<head>、<body> 注释：快捷键：ctrl + / （在网页中不起任何代码作用，只用于提示） 基本标签 标题标签 <h1> ~<h6> 换行标签 <br/> 段落标签 <p> 字体加粗 <strong>/<b> 字体倾斜 <em>/<i> 水平线 <hr ...