- 博客(6)
- 收藏
- 关注
RSS订阅原创 封装一个DOM库
手写DOM因为DOM原生API太难用了源代码链接对象风格window.dom 是我们提供的全局对象增加节点dom.append(parent,child) // 用于新增儿子节点dom.wrap(`<div></div>`) // 用于新增爸爸节点dom.create 函数dom.create(`<div><span>hi</span></div>`) // 用于创建节点一般我们创造节
2020-12-06 20:13:21
109
原创 CSS中的transform、transition和animation基本用法
transformCSStransform属性允许你旋转，缩放，倾斜或平移给定元素。这是通过修改CSS视觉格式化模型的坐标空间来实现的。注意： inline元素是不支持 transform，需要编程block常用的功能属性位移 translate缩放 scale旋转 rotate位移 translate 常用写法translate( <length-percentage> , <length-percentage>? )translateX( <le
2020-11-20 20:31:30
601
原创 浏览器渲染机制过程
以下是浏览器渲染机制必经过程根据HTML构建HTML树（DOM）根据CSS构建CSS树（CSSDOM）将这俩棵树合并成一棵树（Reder Tree）Latout 布局 （文档流、盒模型、计算大小和位置）Paint 绘制 （把边框颜色、文字颜色、阴影等画出来）Compose 合成 （根据层叠关系展示画面）说一下这些步骤是什么样的（详细）Too lang；don’t read：处理HTML并构建DOM树处理CS并构建CSSDOM树DOM 树 与CSSDOM 树 合并后形成渲染树根据
2020-11-20 19:39:43
95
原创 个人理解的CSS文档流
css文档流文档流，文档流，流就是它最大的特点：自适应。那什么是文档流呢？ 顾名思义就是：像水流一样，倒入一个容器时，会自动充满容器。而css文档流的特性就是如此。文档流有俩个比较重要的概念元素：inline元素、block元素，与之相对应的标签就是span、div。（还有一个是 inline-block 是前面俩个的结合）那这俩个元素的区别在哪？ inline元素默认是水平排列。 而block元素默认会充满整个屏幕。你可以理解为inline元素就像是装着水的袋子（这个袋子的宽度会随着水的多少而发
2020-11-20 19:38:51
165
原创 Git-本地仓库的一些基本操作命令
Git-本地仓库的一些基本操作命令维基百科 - Git安装和配置 Git 环境下载地址：https://git-scm.com/基本使用git init初始化一个 Git 仓库git status查看当前工作区、暂存区、本地仓库的状态git status -sb : s 简化 b 当前分支 简化的查看当前状态git add 提交到暂存区git commit 将文件存入文档库 （建议使用 git commit -v 对新人友好，直接在编辑器中操作）示例
2020-11-14 22:34:07
138
原创 命令行中的常用操作
命令行中的常用操作（增删改查）1.查 ： 查看文件或目录查看当前目录绝对路径 pwd查看当前目录内容ls查看指定目录内容ls 路径查看文件内容cat 路径 ： 查看文件所有内容head 路径 ： 默认查看文件内容前10行， head 路径 -n xx ： xx表示数字 查看文件前xx行内容tail 路径 ： 默认查看文件内容后10行，tail 路径 -n xx ： xx表示数字 ， 查看文件后xx行内容less 路径 ： 分
2020-11-14 16:15:53
435
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人