- 博客(15)
- 收藏
- 关注
RSS订阅原创 single-spa小实战
1. 全局安装create-single-spa,用于创建新项目和更新由create-single-spa创建的项目，但不适用于将已经存在的代码库迁移至singa-spa。npm install --global create-single-spa2. 新建一个用于放single-spa小实战的目录, 如singel-spa-my-testmkdir single-spa-my-test3. 进入singel-spa-my-test目录, 创建主框架(root-config类型)...
2021-11-10 23:33:48
1030
转载 CSS实现水平垂直居中
1.CSS3.0弹性布局flex, 无需知道父子元素宽高<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>弹性布局flex, 无需知道父子元素宽高</title> <style> html, body { width: 100%; height: 100%.
2021-10-23 21:55:22
175
转载 JS事件循环(Event Loop)
为什么JavaScript是单线程？JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？所以，为了避免复杂性，从一诞生，JavaScript就是单线程，这已经成了这门语言的核心特征，将来也不会改变。...
2021-10-21 00:03:43
12468
转载 微服务部署: 蓝绿部署、滚动部署、灰度部署（金丝雀部署）
蓝绿部署(Blue Green Deployment):布署过程:集群A部署版本1的应用（一开始的状态） 所有外部请求的流量都打到集群A上。 集群B部署版本2的应用 版本2的代码与版本1不同(新功能、Bug修复等)。 利用负载均衡将所有流量从集群A切换到集群B, 即版本1切换到版本2。 如版本2测试正常，就删除版本1正在使用的资源（例如实例），从此正式用版本2。实际使用方式: 方式一: 1. 平时, 集群A部署着版本1, 所有外部请...
2021-10-20 00:52:55
560
转载 块格式化上下文（Block Formatting Context，BFC）
下列方式会创建块格式化上下文：根元素（<html>） 浮动元素（元素的float不是none） 绝对定位元素（元素的position为absolute或fixed） 行内块元素（元素的display为inline-block） 表格单元格（元素的display为table-cell，HTML表格单元格默认为该值） 表格标题（元素的display为table-caption，HTML表格标题默认为该值） 匿名表格单元格元素（元素的display...
2021-10-17 01:15:36
90
转载 script标签中的defer和async
普通script:文档解析的过程中，如果遇到script脚本,停止页面的解析渲染, 下载script脚本。 如果是多个script脚本, 近似于同时并行下载script脚本。 不论script脚本哪个先下载好, 都按照html中的先后顺序依此执行。 即如果后面的script脚本先下载好, 要等前面的script脚本下载好并执行后, 才能执行。 执行script脚本时, 也是停止页面的解析渲染。 执行完script脚本, 继续页面的解析渲染。 执行完script脚本和页面解析渲染完, 才会...
2021-10-10 21:17:14
9362
2
转载 clientWidth,offsetWidth,scrollHeight等
下面介绍一下每个字段的含义clientLeft,clientTop 表示一个元素的 左/顶部 边框的宽度，以像素表示,不包括左外边距margin和左内边距padding clientWidth,clientHeight 内容+内边距 -----不包括边框和外边距、滚动条 ==可视内容 clientX、clientY 点击位置距离当前body可视区域的x，y坐标 offsetLeft,offsetTop 子元素的border与最近的...
2021-10-08 22:25:08
133
转载 移动端的视口viewport
移动端的视口viewport涉及三个视口:布局视口（Layout Viewport） 视觉视口（Visual Viewport） 理想视口（Ideal Viewport）布局视口（Layout Viewport）:移动设备上的浏览器认为自己必须能让所有的网站都正常显示，即使那些不是为移动设备设计的网站(为PC端设计的网站)。 由于移动设备的屏幕比PC的宽小很多，如果以浏览器的可视区域作为viewport， 则那些为PC端设计的网站放到移动设备上显示时，必然会因为移动设备的viewport..
2021-10-08 21:45:35
976
转载 单标签和双标签
html按照结构功能来分，分为单标签和双标签。单标签(自闭合标签, 空标签):只有一个<>组成，例如<br ／>。<base /> base标签<meta /> 元信息<link /> 引入标签<br /> 换行标签<hr /> 水平线<img /> 图片标签<input /> 输入框双标签(一般标签, 体标签):由<...
2021-10-07 00:43:48
2846
转载 html语义元素
什么是语义元素?一个语义元素能够清楚的描述其意义给浏览器和开发者。 无语义元素实例: <div> 和 <span> - 无需考虑内容. 语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容.HTML5 中的语义元素：<article> 定义文章。 <aside> 定义页面内容以外的内容。 <details> 定义用户能够查看或隐藏.
2021-10-06 16:56:23
169
转载 ＜meta＞ 标签
例子:<head><meta name="description" content="免费在线教程"><meta name="keywords" content="HTML,CSS,XML,JavaScript"><meta name="author" content="runoob"><meta charset="UTF-8"></head>定义及使用:元数据（Metadata）是数据的数据信息。 <m
2021-10-06 16:37:28
144
转载 ＜base＞ 标签
例子:<head><base href="http://www.w3school.com.cn/i/" /><base target="_blank" /></head>定义和用法:<base> 标签为页面上的所有链接规定默认地址或默认目标。 通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。 使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 UR...
2021-10-06 16:31:42
88
转载 ＜!DOCTYPE＞
<!DOCTYPE>:<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。 <!DOCTYPE> 声明不是一个 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。 在 HTML 4.01 中，<!DOCTYPE> 声明需引用 DTD （文档类型声明），因为 HTML 4.01 是基于 SGML （Standard Generalized Markup Language 标准通用标记语言
2021-10-06 16:22:20
324
原创 团队一键安装项目推荐的vscode插件(使用extensions.json)
步骤1: 在项目根目录下新建文件.vscode/extensions.json, 文件内容为：{ "recommendations": [ "formulahendry.auto-rename-tag", "coenraads.bracket-pair-colorizer", "dweizhe.docthis-customize-tags", "editorconfig.editorconfig", ...
2021-08-08 23:41:39
8930
原创 团队代码风格保持一致性的方法(使用.editorconfig)
步骤1: 在项目根目录下新建 .editorconfig文件, 文件内容为：# Editor configuration, see https://editorconfig.orgroot = true[*]charset = utf-8indent_style = spaceindent_size = 4insert_final_newline = truetrim_trailing_whitespace = true步骤2: 如果用的编辑器...
2021-08-04 22:38:15
366
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人