From e4e6359b20e3d7a2abfb1f0d4d61b7f59c2018ed Mon Sep 17 00:00:00 2001 From: qianguyihao Date: Sun, 9 Dec 2018 16:32:54 +0800 Subject: [PATCH] update image --- 01-html/01-html标签图文详解（一）.md | 2 +- 02-CSS/06-CSS盒模型详解.md | 2 +- 02-CSS/08-CSS属性：定位属性.md | 4 ++-- 03-JavaScript基础/09-内置对象.md | 19 +++++++++++++++++-- 06-HTML5和CSS3/05-CSS3属性详解：动画详解.md | 7 +------ 06-HTML5和CSS3/09-HTML5详解（二）.md | 4 ++-- 18-前端面试/02-CSS盒模型及BFC.md | 4 ++-- 20-前端综合/网友对本项目提的建议.md | 10 ++++++++++ 21-Vue基础/02-Vue实例的生命周期函数.md | 2 +- 23-推荐连接/01-推荐网站.md | 13 ++++++++++++- README.md | 2 +- 11 files changed, 50 insertions(+), 19 deletions(-) create mode 100644 20-前端综合/网友对本项目提的建议.md diff --git a/01-html/01-html标签图文详解（一）.md b/01-html/01-html标签图文详解（一）.md index 710275a..bcb5172 100644 --- a/01-html/01-html标签图文详解（一）.md +++ b/01-html/01-html标签图文详解（一）.md @@ -1213,7 +1213,7 @@ PS：美女图就不放在github上了，这么多 star，放了也不合适。 ## 我的公众号 -想学习**代码之外的软技能**？不妨关注我的微信公众号（生命团队id：`vitateam`）。 +想学习**代码之外的软技能**？不妨关注我的微信公众号（千古壹号id：`qianguyihao`）。 扫一扫，你将发现另一个全新的世界，而这将是一场美丽的意外： diff --git a/02-CSS/06-CSS盒模型详解.md b/02-CSS/06-CSS盒模型详解.md index f640db1..24a44d6 100644 --- a/02-CSS/06-CSS盒模型详解.md +++ b/02-CSS/06-CSS盒模型详解.md @@ -114,7 +114,7 @@ CSS盒模型和IE盒模型的区别： 上面的代码中，我们对div标签设置了边距等信息。打开google浏览器，按住F12，显示效果如下： -![](http://img.smyhvae.com/2015-10-03-css-27.png) +![](http://img.smyhvae.com/20151003_27.png) diff --git a/02-CSS/08-CSS属性：定位属性.md b/02-CSS/08-CSS属性：定位属性.md index 790cb96..8f8e455 100644 --- a/02-CSS/08-CSS属性：定位属性.md +++ b/02-CSS/08-CSS属性：定位属性.md @@ -86,7 +86,7 @@ CSS的定位属性有三种，分别是绝对定位、相对定位、固定定 效果： -![](http://7sby7r.com1.z0.glb.clouddn.com/2015-10-03-css-28.png) +![](http://img.smyhvae.com/2015-10-03-css-28.png) ### 相对定位不脱标 @@ -96,7 +96,7 @@ CSS的定位属性有三种，分别是绝对定位、相对定位、固定定 ### 相对定位的用途 -相对定位有坑，所以如果需要做一般不用于做“压盖”效果（把一个div放到另一个div之上）。页面中，效果极小。就两个作用： +如果想做“压盖”效果（把一个div放到另一个div之上），我们一般**不用**相对定位来做。相对定位，就两个作用： - （1）微调元素 - （2）做绝对定位的参考，子绝父相 diff --git a/03-JavaScript基础/09-内置对象.md b/03-JavaScript基础/09-内置对象.md index 0907712..848d9bd 100644 --- a/03-JavaScript基础/09-内置对象.md +++ b/03-JavaScript基础/09-内置对象.md @@ -4,9 +4,24 @@ 内置对象就是指这个语言自带的一些对象，供开发者使用，这些对象提供了一些常用的或是最基本而必要的功能。 -**javascript的内置对象**： +**JavaScript的内置对象**： + + +| 内置对象 | 对象说明 | +|:-------------|:-------------| +| Arguments | 函数参数集合| +| Array | 数组| +| Boolean | 布尔对象| +| Date | 日期时间| +| Error | 异常对象| +| Function | 函数构造器| +| Math | 数学对象| +| Number | 数值对象| +| Object | 基础对象| +| RegExp | 正则表达式对象| +| String | 字符串对象| + -![](http://img.smyhvae.com/20180201_2330.png) ## 内置对象：Date diff --git a/06-HTML5和CSS3/05-CSS3属性详解：动画详解.md b/06-HTML5和CSS3/05-CSS3属性详解：动画详解.md index 3e3e52b..2c56727 100644 --- a/06-HTML5和CSS3/05-CSS3属性详解：动画详解.md +++ b/06-HTML5和CSS3/05-CSS3属性详解：动画详解.md @@ -1435,18 +1435,13 @@ PS：图片的url是，图片较大， -## 动画案例：太阳系 - -暂略。 - - ## 我的公众号 -想学习**代码之外的软技能**？不妨关注我的微信公众号：**生命团队**（id：`vitateam`）。 +想学习**代码之外的软技能**？不妨关注我的微信公众号：**千古壹号**（id：`qianguyihao`）。 扫一扫，你将发现另一个全新的世界，而这将是一场美丽的意外： diff --git a/06-HTML5和CSS3/09-HTML5详解（二）.md b/06-HTML5和CSS3/09-HTML5详解（二）.md index abbecb7..9bdcb24 100644 --- a/06-HTML5和CSS3/09-HTML5详解（二）.md +++ b/06-HTML5和CSS3/09-HTML5详解（二）.md @@ -122,7 +122,7 @@ 打印结果： -![](http://img.smyhvae.com/20180223_2213.gif) +![](http://img.smyhvae.com/20180223_2213.png) ### 2、目标元素 @@ -369,7 +369,7 @@ 对不同获取方式的优缺点进行了比较，浏览器会**自动以最优方式**去获取用户地理信息： -![](http://img.smyhvae.com/20180224_2110.gif) +![](http://img.smyhvae.com/20180224_2110.png) ### 隐私 diff --git a/18-前端面试/02-CSS盒模型及BFC.md b/18-前端面试/02-CSS盒模型及BFC.md index 8d901db..aa60ce7 100644 --- a/18-前端面试/02-CSS盒模型及BFC.md +++ b/18-前端面试/02-CSS盒模型及BFC.md @@ -37,11 +37,11 @@ 标准盒子模型： -![](http://7sby7r.com1.z0.glb.clouddn.com/2015-10-03-css-27.jpg) +![](http://img.smyhvae.com/2015-10-03-css-27.jpg) IE盒子模型： -![](http://7sby7r.com1.z0.glb.clouddn.com/2015-10-03-css-30.jpg) +![](http://img.smyhvae.com/2015-10-03-css-30.jpg) 上图显示： diff --git a/20-前端综合/网友对本项目提的建议.md b/20-前端综合/网友对本项目提的建议.md new file mode 100644 index 0000000..b60e5cc --- /dev/null +++ b/20-前端综合/网友对本项目提的建议.md @@ -0,0 +1,10 @@ + + + +- 图片的宽度，最好不要超过800px，否则在github上显示不完整，甚至无法显示。 + +- 建议把图片压缩后再上传。图片大小最好控制在100kb左右。比如说，[javascript-tutorial-cn](https://github.com/iliakan/javascript-tutorial-cn)这个项目，在这方面就做得很好。 + +比如`20180223_2201.gif`这张图，原本是500kb，我压缩后重新上传，是200kb。 + +再比如`20180611_2130.png`这张图，原本是400kb，我压缩后重新上传，是200kb。 \ No newline at end of file diff --git a/21-Vue基础/02-Vue实例的生命周期函数.md b/21-Vue基础/02-Vue实例的生命周期函数.md index 74051d2..c1ee6c8 100644 --- a/21-Vue基础/02-Vue实例的生命周期函数.md +++ b/21-Vue基础/02-Vue实例的生命周期函数.md @@ -182,7 +182,7 @@ PS：可以在beforeDestory里**清除定时器、或清除事件绑定**。 ## 生命周期函数图解 -![](http://img.smyhvae.com/20180610_2130.png) +![](http://img.smyhvae.com/20180611_2130.png) PS：图片来自网络。 diff --git a/23-推荐连接/01-推荐网站.md b/23-推荐连接/01-推荐网站.md index 05c73bc..c5e9958 100644 --- a/23-推荐连接/01-推荐网站.md +++ b/23-推荐连接/01-推荐网站.md @@ -1,12 +1,23 @@ + +### 2018-10-26 + +- 前端面试图谱： + +这个项目已经很全面了，是从面试的角度出发的。我自己的项目，是从基础入门的角度出发的。我自己的项目是，是从基础入门的角度出发的。可以起到互补的作用。 + ### 2018-11-27 -- 知识库：http://wxyyxc1992.github.io/home/#/ +- 知识库： 页面做的很漂亮。作者92年的，在阿里。 +### 2018-12-07 +- css的各种效果实现： + +css的各种效果实现（尤其是动画效果），关键时刻能救命。作者内化后输出，并贡献出来。这种也是颇为难得了。很有极客精神。 diff --git a/README.md b/README.md index ed13ca6..25cf0a3 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ PS：如果你发现文中的图片加载不出来，请尝试以下做法： - 如果发现图片还是打不开，可以先清空浏览器的**缓存图片**。具体操作是：浏览器设置 -> 更多工具 -> 清除浏览数据，在弹窗中，时间范围选择“时间不限”，清除“缓存的图片和文件”。清除缓存后，再刷新页面试试。 -- 如果发现图片还是打不开，那可能是图片本身的问题，请微信联系我。 +- 如果发现图片还是打不开，可能是图片本身有问题。此时，欢迎提交 issues，指出具体是那张图片的问题。我看到后，会立即修复。 维护这个项目的初衷，可以看这篇文章：[裸辞两个月，海投一个月，从Android转战Web前端的求职之路](https://www.cnblogs.com/smyhvae/p/8732781.html)