最近项目中涉及到强电和弱电混合设计，所以相关的“隔离”就显得尤为重要，以下是一些自己收集到的资料，本人能力尚浅，说错的地方敬请见谅。 这里将隔离模块分为隔离电源模块和隔离信号模块部分，分别以隔离电源模块和光耦为目标进行介绍，大部分数据都来自相应的数据手册，侵删！隔离模块介绍-隔离电源模块1.介绍 DC-DC隔离电源，定压输入、非稳压输出隔离电源模块效率高、体积小、可靠性高、耐冲击、隔离特
转载
2024-10-06 07:42:34
72阅读
基本介绍原型模式（Prototype Pattern）是用于创建重复的对象，同时又能保证性能。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。这种模式是实现了一个原型接口，该接口用于创建当前对象的克隆。当直接创建对象的代价比较大时，则采用这种模式。特点：仅存在一份，后面如果要用类似的就进行克隆拷贝，拷贝方式分2种，深拷和浅拷，原型允许个体中的属性存在差异原型模式更适用于创建一个通
CSS的全称叫做“层叠样式表”，但估计很多人都不知道“层叠”二字的含义。其实，“层叠”指的就是样式的覆盖，当一个元素被运用上多种样式，并且出现重名的样式属性时，浏览器必须从中选择一个属性值，这个过程就叫“层叠”。 首先需要明确的是，很多情况都会导致一个元素被运用上多种样式，样式覆盖的规则也需要根据不同的情况来定，具体规则如下。 &nb
JavaScript基本使用JavaScript原名叫livescript，是一门动态类型，弱类型基于原型的脚本语言 用于页面特效，前后交替，后台开发（node）script src="index.js">导入 因为JavaScript类比于程序代码，存在前后顺序，建议script标签写在</body>之前，如果写在了head标签里面， &nbs
转载
2024-10-28 19:59:58
136阅读
一、 表格的标签及属性table属性 Width、height 宽高（单位是像素或百分比） align 对齐 border 外边框 bgcolor 背景色 background 背景图片 Cellspacing 单元格间距(单元格和单元格的距离) 一般情况写0 Cellpadding 单元格边距（表格边框与内容的距离） 一般情况写0tr属性： Align 水平对齐 left/center/ rig
CSS 概述CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一CSS 语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。selector {declarat
一 CSS（Cascading Style Sheets）级联样式表，作用：装饰HTML 二 CSS语法由三部分构成：选择器，属性，值。 三 HTML引用CSS的三种方法（以下为示例代码） :分别为行内样式,内嵌式,和链接式.如下:p元素为行内样式,div元素为嵌入式(写在head元素内),另外一个为链接式:使页面框架html和css样式完全分离为两个或多个文件,是的
前言第一篇的single-spa模式存在样式没有隔离，以及需要手动引入js的问题。样式隔离方案主应用与子应用解决样式隔离一般有以下几种方案：BEM 即约定项目前缀CSSMoudule 打包时生成不冲突的选择器shadowDom 真正意义上隔离css in jsshadow dom看一个例子：<!DOCTYPE html>
<html lang="en">
<head
转载
2024-05-28 09:49:14
860阅读
本节我们讲最后一种 CSS 引入方式，也是实际开发中主要使用的一种方式，即外部样式。什么是外部样式外部样式就是把 CSS 代码保存在一个单独的文件中，文件的扩展名为 .css，然后在 HTML 页面中引入这个 CSS 文件即可。HTML 文件引入外部样式表有两种方式，分别是链接式和导入式。链接外部样式表链接外部样式表就是在 HTML 文件中使用 <link/> 标签链接外部样式表，且
转载
2024-10-13 11:14:29
198阅读
本篇文章介绍使用CoordinatorLayout的自定义Behavior来实现如下的效果分析本例效果首先我们来分析下整个例子需要实现哪些效果:ToolBar的上滑和下滑TabLayout跟随ToolBar上移和下移TabLayout颜色会跟随距离的变化发生渐变滑动时会有黏性效果 滑动距离超过中间值后放开会自动滑向想要的方向滑动距离未超过中间值放开则会自动回弹本例需要的几个重要方法介绍我们的例子中
在日常 Vue 项目开发中，我们难免需要写一些基础公共组件，在大型项目中，我们难免会遇到下面的痛点：组件 API，对于 Vue 组件，有 props、event、slot 等接口，在团队内需要一定的沟通成本对于 UI 组件，还需要提供预览，方便团队内快速选择合适的组件如果使用 Markdown 撰写，虽然能写 API 文档，但是无法提供组件预览，并且手动写文档的成本也很大好在有一个这
用了很多第三方库，也看了些源码，总是想如果自己写一个类似的库，读取xml配置文件(properties配置文件比较简单) 该如何给配置文件添加头，添加校验，因为xml配置文件相对于properties配置文件结构更加清晰。最近刚好在看spring 1.2.9版本的源码，就来总结一下如何定义一个dtd文件用于约束xml文件的配置。这里之所以选择这个非常久远的低版本，主要是因为代码少，便于阅读。虽然版
一、外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 <link> 标签在（文档的）头部：<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
TabLayout 是一个很好用的指示器。但是缺点是指示器的宽度不可自定义。有时候并不能达到项目的需求。百度上面大多数利用反射，（具体可百度查询），这种方法确实可以把下划线变短，但是同时也会缩短Tab的点击区域，并且过于短后会影响Tab上TextView的UI显示效果。总之，治标不治本，不是我想要的结果。下面的是可订制的TabLayout，可定制性非常高。亲测有效。1、首先。添加依赖：implem
当浏览器读到一个样式表时，浏览器会根据这个样式表来格式化html文档，从而表现出各式各样的网页。想要浏览器读到样式表，有三种方法：1.外部样式表外部样式表可以理解为.CSS文件。当多个页面使用同一个样式的时候，外部样式表是一个很理想的选择。在使用外部样式表的情况下，可以通过改变一个文件来改变整个站点的外观，无需在调整html文件，尤其是多个页面使用同一个样式的时候。每个html页面使用标签<
转载
2024-07-21 09:55:35
63阅读
一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中:<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="color-8b.css" TYPE="text/css" TITLE="8-bit Color Style" MEDI
前言 在使用umi日常开发项目，有时候样式之间会有污染，需要在class增加一个className来区分 具体内容 const PrefixWrap = require("postcss-prefixwrap"); const rootId = 'xxx' export default { ...
原创
2022-05-12 20:35:07
545阅读
隔离不同时期的代码： 你有一个大型单页面应用程序（SPA），参与开发的人来来往往比较多，多个迭代后业务代码的差异比较明显，应用的维护的成本比较高。多个 spa 应用在一个上层 spa 中运行： 多个小 SPA 应用 独立运行太浪费，合在一起给打包和编译带来风险(一个应用出现问题导致整个前端应用运转不起来)。三大框架共存于一个应用： 可以实现 react, vue, angular 共存在一个应用里
样式表：简单地说样式表分成三种：外部样式表、嵌入式样式表、内联样式表。外部样式表：就是创建了一个CSS文档，然后在html文档中使用像 <link rel="stylesheet" href="XXXXXXX" />将这个外部（相对于使用它的html文档）链接到使用它的html中，然后使得各种样式生效。
转载
2024-05-04 10:41:05
200阅读
经典左右居中对齐（绝对布局下）.center {
width: 102rpx;
height: 100px;
position: absolute;
left: 50%;
margin-left: -51rpx;
}居中、居右微信小程序view控件布局，水平居中，垂直居中（上下居中）display: flex;//必须有，不然没有效果 justify-content:
