Skip to content

A3

1. 公司的前端工程化实践

https://zhuanlan.zhihu.com/p/28769103

  • 规划化Git工作流 master、dev、feature
    • git commit (feat、fix、style)
  • 代码风格 eslint prettier
  • 更多的注释(业务逻辑、api接口、公共方法等)

2. 如何自学前端的, 学习途径 有没有一些自己的代码

看视频 + 敲代码 + 看书 -> 实践 -> 理解、记录、整理 -> 博客 -> 回顾

3. DOM基础知识,添加元素,删除元素等等...

DOM可以将任何HTML描绘成一个由多层节点构成的结构。节点分为12种不同类型,每种类型分别表示文档中不同的信息及标记。每个节点都拥有各自的特点、数据和方法,也与其他节点存在某种关系。节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形结构。

4. DOM节点类型

  • 1 Element 元素节点
  • 2 Attr 属性节点
  • 3 Text 文本节点
  • 8 Comment 注释节点
  • 9 Document 文档节点
  • 10 DocumentType 文档类型节点
  • 11 DocumentFragment 文档片段节点

5. 正则表达式如何匹配一段url? 在正则表达式中有哪几种作用?

js
let reg = /^(?:([A-Za-z]+):)?(?:\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/
// 整个 /^ ... $/
// 协议 (?:([A-Za-z]+):)? - 可选
// 斜杠 // (?:\/{0,3})  ?: 匹配到不捕获
// 域名 ([0-9.\-A-Za-z]+) 
// 端口 (?::(\d+))? - 可选
// 路径 (?:\/([^?#]*))? - 可选
// query (?:\?([^#]*))? - 可选
// hash (?:#(.*))?

6. 移动端优化方式? 离线包是如何实现的?

7. 最后聊了一下项目,聊了一下目前公司

共 20 个模块,1301 篇 Markdown 文档。