摘要：
注：本文参考 https://segmentfault.com/a/1190000024526235 https://segmentfault.com/a/1190000005764629 ###一、定义 类数组对象，就是格式与数组结构类似，拥有length属性，并且可以通过索引来访问或设置里面的元 阅读全文
摘要：
1. 首先，我们先来看看下面这段代码的效果，设置div块的宽、高，以及四周的boder，其中，四个border颜色不同，得到的结果如下图所示： <style> .triangle { width: 100px; height: 100px; border-left: 100px solid gree 阅读全文
摘要：
是这样的，我有好多图片需要显示，他们的名字只有最后一个字符不同，所以我想着设置一个字符串前缀，然后动态绑定图片src属性，如下代码： <img :src="imgPre + '1.png'" > data() { return { imgPre: '../imgs/test_' } } 但是不行，忽 阅读全文
摘要：
本章的主要内容主要有四点，分别是： 平稳退化。即确保网页在没有JavaScript的情况下也能正常操作。 分离JavaScript。即把网页的结构和内容与JavaScript脚本的动作行为分开。 向后兼容性。即确保老版本的浏览器也能兼容JavaScript脚本。 性能考虑。即确定脚本执行的性能最优。 阅读全文
摘要：
一个炫酷的网页离不开css的transform、transition、animation三个属性，之前一直没有涉及到这块内容，刚好最近要做一个相关东西，趁此机会好好学一学这三个属性。 一、功能 实现元素的平移、旋转、缩放或倾斜。 二、 实现条件 只能转换由盒模型定位的元素。 三、 基本语法 tran 阅读全文
摘要：
1. 将gitlab上的代码下载到本地： git bash here git init git clone url 2. 查看分支 - 查看本地分支 git branch - 查看所有分支（前面带remotes的表示远程分支） git branch -a 3. 创建分支 git branch xxx 阅读全文
摘要：
这一章通过JavaScript图片库案例，学习了一些DOM属性。 HTML代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图片库</title> <link rel="stylesheet" href="styles/ 阅读全文
摘要：
本篇是我的碎碎念，感觉价值不太大 需求是这样的，如下图所示，侧边栏是可拖动的，页面刚加载出来时，侧边菜单比较窄，随着拖动，要逐渐显示未显示出来的字。 我一开始是想着，实时计算侧边的宽度，除以字体的大小，得到能够显示出来的字数。 然后不知怎得，脑子一灵光，直接用 overflow: hidden 不就 阅读全文
摘要：
DOM的概念 一些概念 DOM：全称是 Document Object Model，即文档对象模型。当创建好一个页面并加载到浏览器时，DOM会把网页文档转换为一个文档对象，文档对象的主要功能是处理网页内容。 节点树：DOM根据HTML的标签结构，将HTML文档解析成一棵节点树，每个树枝和叶子都是一个 阅读全文
摘要：
提起盒子模型，我想无论是对于一个前端资深开发人员还是前端入门开发人员来说都不陌生，这是CSS最基础的知识。 但是惭愧地说，我之前理解的盒子模型，只是文字上的理解。我知道定义一个元素的宽度和高度时，设置的仅仅是内容（content）区域，也知道内边距、外边距、边框，但是都没有动手尝试过…之前没想着好好 阅读全文