首首zero的个人资料

自学的童鞋们，推荐大家找找免费学习讨论群，便于学习。

HarmonyOS的应用模型 HarmonyOS的应用模型提供了应用程序必备的组件和运行机制，可以基于一套统一的模型进行应用开发。 HarmonyOS发展过程中，先后提供了两种应用模型： FA（Feature Ability）模型： HarmonyOS API 7开始支持的模型，已经不再主推； Stage模型： HarmonyOS API 9开始新增的模型，是Harmony目前主推且会长期演进的模型。 Stage模型提供了AbilityStage、WindowStage等类作为应用组件和Window窗口的“舞台”，所以被称为Stage模型。

一个Module可以包含一个或多个 UIAbility 组件 Ability组件是一种包含用户界面的应用组件，用于与用户交互； Ability组件是系统调度的基本单元，为应用提供绘制界面的窗口；一个Ability组件中可以通过多个页面来实现一个模块功能。建议将不同模块功能拆解为不同的Ability组件单独实现，即将一个独立的功能模块放到一个Ability组件中，以多页面的形式呈现。每一个Ability组件实例，都对应于一个任务，可以在最近任务列表中呈现

Entry类型的HAP 应用的主模块，在 module.json5配置文件中的type标签配置为“entry”类型。在同一个应用中，同一设备类型只支持一个Entry类型的HAP，通常用于实现应用的入口界面、入口图标、主特性功能等。

Feature类型的HAP 应用的动态特性模块，在 module.json5配置文件中的type标签配置为“feature”类型。一个应用程序包可以包含一个或多个Feature类型的HAP，也可以不包含； Feature类型的HAP通常用于实现应用的特性功能，可以配置成按需下载安装，也可以配置成随Entry类型的HAP一起下载安装。

内核是什么

鸿蒙系统的应用层应用层包括系统应用和第三方非系统应用。HarmonyOS的应用由一个或多个FA（Feature Ability）或PA（Particle Ability）组成。其中，FA有UI界面，提供与用户交互的能力；而PA无UI界面，提供后台运行任务的能力以及统一的数据访问抽象。FA在进行用户交互时所需的后台数据访问也需要由对应的PA提供支撑。基于FA/PA开发的应用，能够实现特定的业务功能，支持跨设备调度与分发，为用户提供一致、高效的应用体验。

鸿蒙支持的API语言（1）JAVA （2）XML（Extensible Markup Language) （3）C/C++ （4）JS(JavaScript) （5）CSS （6）HML(HarmyOS Markup Language)

HarmonyOS具有的技术特性分布式架构首次用于终端OS，实现跨终端无缝协同体验、确定时延引擎和高性能IPC 技术实现系统天生流畅、基于微内核架构重塑终端设备可信安全、通过统一IDE 支撑一次开发，多端部署，实现跨终端生态共享

鸿蒙的微内核架构微内核架构包含两类组件：核心系统和插件系统。核心系统的功能稳定，很少变更，其只拥有能使应用运行的最小功能逻辑，这些通用逻辑(例如插件模块的注册、加载、卸载，以及插件模块之间的相互通信等)不涉及任何特定业务；插件系统则具备良好的扩展性，其负责实现特定的业务逻辑，可根据特定业务需求而变更。#鸿蒙#

鸿蒙系统的内核层内核子系统：HarmonyOS采用多内核设计，支持针对不同资源受限设备选用适合的OS内核。内核抽象层（KAL，Kernel Abstract Layer）通过屏蔽多内核差异，对上层提供基础的内核能力，包括进程/线程管理、内存管理、文件系统、网络管理和外设管理等。驱动子系统：Hardware Driver Foundation，硬件驱动框架（HDF），用于提供统一外设访问能力和驱动开发、管理框架，是HarmonyOS硬件生态开放的基础，提供统一外设访问能力和驱动开发、管理框架。

鸿蒙系统的优势和特点是什么分布式架构、自适应能力强、高效性、安全性、统一开发平台、多场景融合、可持续创新

鸿蒙系统的分布式连接能力分布式连接能力提供了智能终端底层和应用层的连接能力，通过USB接口共享终端部分硬件资源和软件能力。开发者基于分布式连接能力，可以开发相应形态的生态产品为消费者提供更丰富的连接体验。分布式连接能力包含底层能力（Connect Service）和应用层能力（AILife Client Service）。

鸿蒙开发需要学什么语言 1. Java：鸿蒙系统支持使用Java语言进行应用程序开发。如果您已经熟悉Java，那么可以直接使用Java进行鸿蒙应用程序的开发 2. C/C++：鸿蒙系统还支持使用C/C++语言进行应用程序开发。如果您对C/C++比较熟悉，那么可以选择使用这两种语言进行鸿蒙开发 3. JavaScript：鸿蒙系统也提供了对JavaScript的支持，您可以使用JavaScript进行鸿蒙应用程序的开发。

为什么data是一个函数组件的data写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一分新的data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份data，就会造成一个变了全都会变的结果。

MVC与MVVM的区别 MVC和MVVM的区别并不是VM完全取代了C，ViewModel存在目的在于抽离Controller中展示的业务逻辑，而不是替代Controller，其它视图操作业务等还是应该放在Controller中实现。也就是说MVVM实现的是业务逻辑组件的重用。 MVC中Controller演变成MVVM中的ViewModel MVVM通过数据来显示视图层而不是节点操作 MVVM主要解决了MVC中大量的dom操作使页面渲染性能降低,加载速度变慢,影响用户体验

CSS中隐藏元素的方法有哪些 (1)dispaly:none; 元素在页面上消失，不占据空间 (2)opacity:0; 设置元素的透明度为0，元素不可见，占据空间位置 (3)visibility:hidden; 让元素消失，占据空间位置，一种不可见的状态 (4)position:absolute; 把元素从当前位置给踢出去 (5)cli-path 把元素剪切掉

Vue子组件和父组件执行顺序加载渲染过程：beforeCreate(父) —> created(父)—>beforeMount(父)—>beforeCreate(子)—>created(子)—>beforeMount(子)—>mounted(子)—>mounted(父) 更新过程：beforeUpdate(父) —> beforeUpdate(子) —> update(子) —> update(父) 父组件更新：beforeUpdate(父) —> updated（父）销毁过程：beforeDestory(父) —> beforeDestory(子) —> destoryed(子) —> destoryed(父)

px、em、rem、rpx区别 px：绝对长度单位。（只需要适配少部分手机设备，且分辨率对页面影响不大的，使用px即可） em: 相对长度单位，相对于父元素 rem：相对长度单位，相对于 html 根元素【调整的时候只需调整html根元素即可】（需要适配各种移动设备，使用rem）

margin造成合并原因当父子边框合并后，父类设置margin 和子类设置margin 都是相对于父类产生效果，并且取最大值的哪一个当兄弟元素的时候margin-top 和margin-bottom的时候，取最大的那一个。当空元素和有内容的元素合并的时候，取有内容的元素

Vue中插值语法和指令语法 1、插值语法：一般用于解析"标签体"内容（<h1>xxx</h1>，这个标签了里面的"xxx"就是标签体）写法：{{xxxx}}，xxxx是js表达式，且可以直接读取到data中的所有属性 2、指令语法：格式为 "v-xxx" 一般用于解析"标签" (包含标签属性，标签内容，绑定事件等)（<a :href="school.url" x="hello">，这里面的":href"和x="hello"就是标签属性）写法：v-bind:href="xxx" 简写为 :href="xxx"，"xxx"会被当做js表达式执行，可以直接读取到data中的所有属性。

CSS Sprite是什么，如何在页面或网站中使用它 CSS Sprite其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“ background- image"“ background- repeat”“ background- position”的组合进行背景定位， background- position可以用数字精确地定位出背景图片的位置。注意：在高级浏览器中，可以基于图片的bose64编码存储，将图片与其他类型的文件打包。

CSS3新增伪类有那些 p:first-of-type 选择属于其父元素的首个元素 p:last-of-type 选择属于其父元素的最后元素 p:only-of-type 选择属于其父元素唯一的元素 p:only-child 选择属于其父元素的唯一子元素 p:nth-child(2) 选择属于其父元素的第二个子元素 :enabled :disabled 表单控件的禁用状态。 :checked 单选框或复选框被选中。

box-sizing常用的属性有哪些？分别有什么作用 content-box: 宽高是元素本身的宽高不包含border+padding border-box: 元素的宽高已经包含了border+padding inherit: 从父元素继承box-sizing

什么是层叠简单的说，层叠就是对一个元素多次设置同一个样式，这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表，而某些页面中的某些元素想使用其他样式，就可以针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写，在浏览器中看到的将是最后面设置的样式效果。

link和@import的区别 1.link属于XHTML标签，而@import是CSS提供的。 2.页面加载时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载。 3.import只在IE 5 以上才能识别，而link是XHTML标签，无兼容问题。 4.link方式的样式权重高于@import的权重。 5.使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不时dom可以控制的。

为什么要初始化CSS 因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没有初始化CSS，往往会导致页面在不同浏览器之间出现差异。当然，初始化样式有时会对SEO产生一定的影响，但鱼和熊掌不可兼得，所以在力求影响最小的情况下初始化CSS。最简单的初始化方法就是：*{ padding：0；margin：0；}

Vue，React，angularjs，jquery的区别 JQuery与另外几者最大的区别是JQuery是事件驱动，其他两者是数据驱动 JQuery业务逻辑和UI更该混在一起，UI里面还参杂着交互逻辑，让本来混沌的逻辑更加混乱 Angular，Vue是双向绑定，而React不是

什么是z-index z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：z-index 仅能在定位元素上奏效！可能到值： auto——默认。堆叠顺序与父元素相等。 number——设置元素的堆叠顺序。 inherit——规定应该从父元素继承 z-index 属性的值。

CSS中使用ID和Class的区别 ID：ID属性的操作类似于CLASS属性，但有一点重要的不同之处：ID属性的值在整篇文档中必须是唯一的。这使得ID属性可用于设置单个元素的样式规则。包含ID属性的选择器称为ID选择器。ID选择器的标志符是散列符号（#） Class：CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。类选择器以标志符（句点）开头。

边框圆角经常应用在哪画一个正圆：盒子必须是正方形，设置边框圆角为盒子宽高的一半 → border-radius:50%。胶囊按钮：盒子要求是长方形，设置 → border-radius：盒子高度的一半。

在项目中 vertical-align 可以解决哪些问题 1.文本框和表单按钮无法对齐问题 2.input和img无法对齐问题 3.div中的文本框，文本框无法贴顶问题 4.div不设高度由img标签撑开，此时img标签下面会存在额外间隙问题 5.使用line-height让img标签垂直居中问题

CSS的垂直对齐方式属性名基线：浏览器文字类型元素排版中存在用于对齐的基线（baseline）。当图片和文字在一行中显示时，其实底部不是对齐的，解决行内/行内块元素垂直对齐问题时，使用垂直对齐方式。属性名：vertical-align。

IT培训靠不靠谱呢

CSS隐藏元素的方法（1）display:none：渲染树不会包含该渲染对象，因此该元素不会在页面中占据位置，也不会响应绑定的监听事件（2）visibility:hidden：元素在页面中仍占据空间，但是不会响应绑定的监听事件（3）opacity: 0：将元素的透明度设置为 0，以此来实现元素的隐藏。元素在页面中仍然占据空间，并且能够响应元素绑定的监听事件（4）position: absolute：通过使用绝对定位将元素移除可视区域内，以此来实现元素的隐藏（5）z-index: 负值：来使其他元素遮盖住该元素，以此来实现隐藏

CSS3动画如何在动作结束时保持该状态不变采用 animation- fill-mode。其可以设置为以下值。 none，不改变默认行为。 forwards，当动画完成后，保持最后一个属性值（在最后一个关键帧中定义） backwards，在 animation-delay所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）。 both，向前和向后填充模式都可以应用。

iframe的优缺点优点：解决加载缓慢的第三方内容如图标和广告等的加载问题 Security sandbox 并行加载脚本缺点： iframe会阻塞主页面的Onload事件即时内容为空，加载也需要时间没有语意

标签上 title 与 alt 属性的区别是什么 alt 是给搜索引擎识别，在图像无法显示时的替代文本； title 是关于元素的注释信息，主要是给用户解读。当鼠标放到文字或是图片上时有 title 文字显示。（因为 IE 不标准）在 IE 浏览器中 alt 起到了 title 的作用，变成文字提示。在定义 img 对象时，将 alt 和 title 属性写全，可以保证在各种浏览器中都能正常使用。

CSS的哪些样式可以继承？哪些不可以继承？可继承的样式有font- size font-family color, UL LI DL DD DT。不可继承的样式有 border、 padding, margin, width、 height。注意：为了方便辨识，与字体相关的样式通常可以继承，与尺寸相关的样式通常不能继承。

position:absolute和float属性的异同共同点是对内联元素设置float和 absolute属性，可以让元素脱离文档流，并且可以设置其宽高。不同点是float仍可占据位置，不会覆盖在另一个BFC区域上，浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止， absolute会覆盖文档流中的其他元素，即遮盖现象。

CSS目前用到的动画属性值

css属性的position的属性文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列，并最终窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素。【脱离文档流即是元素打乱了这个排列】，或是从排版中拿走。

使用CSS的优势 1、多个文档的样式可以通过使用一个站点来控制。 2、多个HTML元素可以包含许多文档，可以在其中创建类。 3、要在复杂情况下对样式进行分组，请使用选择器和分组方法。

CSS的使用方法外部CSS：把写好的样式放在同级目录的另一个文件夹里，使用时只需要写一个link标签引入在编辑器里即可，他真正意义上做到了结构与样式完全分离。可以控制根目录里的所有页面。内部CSS：主要位于<head>部分，利用<style>标签定义，可以说他做到了结构与样式分离但也没完全分离。可以控制一个页面里的多个元素。行内CSS：作用在一行里，它通过标签的style属性来设置元素样式。注意这里不是style标签！可以控制一个页面里的一行元素。

CSS 计数器的属性 counter-reset - 创建或者重置计数器 counter-increment - 递增变量 content - 插入生成的内容 counter() 或 counters() 函数 - 将计数器的值添加到元素

CSS 中 border: 1px solid rgba(0, 0, 0, 0.1); 是什么意思？意思是: 设定元素的边框为 1 像素宽、实线、颜色使用 rgba 来表达。其中，rgba 是 CSS3 中的属性。rgba 括号中前 3 个数字代表着 red green blue 三种颜色的 rgb 值（0-255），最后一个是设定这个颜色的透明度即 alpha 值。范围从 0 到 1，越接近 1，代表透明度越低。

CSS3 定义了两种类型的渐变（gradients）线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向径向渐变（Radial Gradients）- 由它们的中心定义

css吧吧主竞选：NO.0001号候选人

感觉自学编程也是可以的

CSS3:2D 转换方法 matrix(n,n,n,n,n,n)：定义 2D 转换，使用六个值的矩阵。 translate(x,y)：定义 2D 转换，沿着 X 和 Y 轴移动元素。 translateX(n)：定义 2D 转换，沿着 X 轴移动元素。 translateY(n)：定义 2D 转换，沿着 Y 轴移动元素。 scale(x,y)：定义 2D 缩放转换，改变元素的宽度和高度。 scaleX(n)：定义 2D 缩放转换，改变元素的宽度。 scaleY(n)：定义 2D 缩放转换，改变元素的高度。 rotate(angle)：定义 2D 旋转，在参数中规定角度。 skew(x-angle,y-angle)：定义 2D 倾斜转换，沿着 X 和 Y 轴。 skewX(angle)：定义 2D 倾斜转换，沿着 X 轴。 skewY(angle)：定义 2D 倾斜转换，沿着 Y 轴。

CSS 的媒体类型一些 CSS 属性只设计了某些媒体。例如 voice-family 属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如， font-size 属性可用于屏幕和印刷媒体，但有不同的值。屏幕和纸上的文件不同，通常需要一个更大的字体，sans-serif 字体比较适合在屏幕上阅读，而 serif 字体更容易在纸上阅读。

IT培训？学编程必须要培训吗

CSS 图像拼合图像拼合就是单个图像的集合。有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。使用图像拼合会降低服务器的请求数量，并节省带宽。

CSS伪类/元素

CSS 伪类伪类可以看作以选中元素为基准点，此元素的一些状态或属性。 chrome消除 div 滚动条的宽度，通过箭头键直接控制滚动： #divContainer { overflow: auto; height: 160px; width: 260px; background-color:red; } #divContainer::-webkit-scrollbar { border-width:1px; }

CSS 组合选择符 CSS组合选择符包括各种简单选择符的组合方式。在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于 > 号分隔）相邻兄弟选择器（以加号 + 分隔）普通兄弟选择器（以波浪号～分隔）

CSS 轮廓（outline）属性轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。

CSS的多列属性 CSS的多列属性： column-count：指定多列元素内的列数。 column-fill：指定内容如何跨列分布。 column-gap：指定列之间的间隙。 column-rule：指定要在每列之间绘制的直线或标尺。 column-rule-color：指定列之间的规则的颜色。 column-rule-style：指定列之间的规则样式。 column-rule-width：指定列之间的规则宽度。 column-span：指定一个元素跨越多少列。 column-width：指定列的最佳宽度。 columns：用于同时设置column-width和column-count属性的简写属性。

CSS怎样启用弹性项目换行默认情况下，弹性容器仅显示弹性项目的单行或单列。但是flex-wrap如果在一条伸缩行上没有足够的空间，则可以使用flex容器上的属性来指定其伸缩项是否换成多行。该flex-wrap属性接受以下值： 1.nowrap-默认值。伸缩项目放在一行中。如果伸缩线上没有足够的空间，则可能会导致溢出。 2.wrap — flex容器将其flex项目分解为多行，类似于文本太宽而无法容纳在当前行上时如何将其分解到新行上。 3.wrap-reverse —伸缩项目将在必要时进行换行，但顺序相反，即，交叉起点(cross-start)和交叉终点(cross-end)方向会互换。