AngularAngular 是一个 Web 框架，能够帮助开发者构建快速、可靠的应用。 由 Google 的专业团队维护，Angular 提供了广泛的工具、API 和库，简化和优化你的开发工作流程。Angular 为你提供了一个坚实的平台，可用于构建快速、可靠、能够随着团队规模和代码库规模扩展的应用程序。 Angular-cli在装好nodejs和npm之后，全局安装Angualr-cli 12

面试题整理JS 遍历数组的方式12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152// 假设我们有一个数组作为示例const array = [1, 2, 3, 4, 5];// 1. 使用 for 循环遍历数组for (let i = 0; i < ar

TSTypeScript（简称 TS）是由微软开发的一种开源的编程语言，它是 JavaScript 的一个超集，意味着所有的 JavaScript 代码都是有效的 TypeScript 代码。TypeScript 的主要特点是添加了静态类型检查，这使得开发者可以在编译时发现并修复许多类型的错误，从而提高代码的质量和可维护性。 数据类型JS的数据类型 string number boolean n

CSS3-响应式布局网页布局复杂的情况下，不考虑使用响应式布局 而网页布局不复杂的情况下，可以考虑使用响应式布局 媒体查询媒体查询类型媒体查询并没有任何的优先级，所以如果想要配置媒体查询的样式，需要将媒体查询写在正常的样式后 1234567891011121314/* 只有在打印机或打印预览时应用的样式 */@media print { }/* 只有在屏幕上才应用的样式

CSS3-伸缩盒模型2009年，W3C提出了一种新的盒子模型——Flexible Box（伸缩盒模型，又称：弹性盒子） 传统布局：基于传统盒状模型，主要靠：display属性+position属性+float属性 flex布局目前在移动端应用比较广泛，因为传统布局不能很好的呈现在移动设备上 伸缩容器 display: flex；：将容器变为伸缩容器 display: inline-flex; ：

CSS3-过渡使用属性transition为元素配置过度 能用数值配置的属性，基本上都可以通过transition-property配置过度，例如： height，width background-color 2D变换和3D变换的属性都可以实现过渡 box-shadow opacity all：所有能过渡的属性，都发生过渡 …… 1234567.box{ /* 设置哪个属性需要

CSS3-变换2D变换-位移transform属性可以实现CSS3的所有变换操作 位移是通过其属性值translateX() 和translateY()来实现‘ 位移与相对定位很相似，都不脱离文档流，也不会影响到其他元素 相对定位的百分比值是参考父元素做定位，而位移的百分比值是参考自身位移 位移对行内元素无效 位移配合定位可以实现元素水平居中 123456.box{ posit

CSS3CSS3私有前缀针对于一些不同版本的浏览器支持，CSS3需要在测试中的属性上加入前缀 在实际开发中，开发者并不需要关心这个前缀问题，如果真的需要支持旧版浏览器，webpack会自动帮我们加含有前缀的属性 CSS3新增长度单位在css3中，除了rem、em单位之外，还存在vw和vh长度单位 vw利用视窗的width作为参考，wh利用视窗的height作为参考 wmax利用width和hei

HTML5新增布局标签 标签名 语义 header 整个页面，或部分区域的头部 footer 整个页面，或部分区域的底部 nav 导航 acticle 文章、帖子、杂志、新闻、博客、评论等 section 页面中的某段文字，或文章中的某段文字（里面文字通常会包含标题） aside 侧边栏 main 文档的主要内容，几乎不用 hgroup 包裹连续的标题，如文章

CSS-布局版心版心通常使用container作为class名 在网页的布局中，我们可以先设置容器，容器div不设置宽度，让其撑满页面，然后设置一个版心 版心的宽度则取自大多数电脑屏幕分辨率的宽度，推荐设置为960-1280px区间 版心可以有一个或多个 有一些高端的网页弱化了版心的概念，选用响应式布局 常用布局名词 位置 对应单词 顶部导航条 topbar 页头 header、p