摘要：
转行学开发，代码100天——2018-04-18 今天是记录前端开发中模块化、组件化的知识。关于何为模块化，何为组件化以及为何要如此，目前还是处于一个只可意会不可言传的理解应用阶段。 当然，这样的存在也能想到其好处——方便你我他！ 一个模块案例展示如下： 其HTML内容： 一个导航栏中，nav下的个 阅读全文
摘要：
转行学开发，代码100天——2018-04-17 关于多列布局，前期已经梳理过，今天的培训课程学习中再次提及，趁此也做个总结和检验。 多列布局的介绍参考： day08—css布局解决方案之多列布局 关于多列布局的类型和方法： 常用的网页多列布局有： 1.定宽+自适应 2.多列定宽+自适应 3.不定宽 阅读全文
摘要：
转行学开发，代码100天——2018-04-16 报名的网易前端开发课程今天正式开课了，这也是毕业后首次付费进行的正式培训课程学习。以此，记录每天学习内容。 今天学了两个方面的知识： 1、 CSS Reset 2、页面居中布局：水平居中，垂直居中，居中（垂直+水平） 其中，对于1未曾知晓，简单地说就 阅读全文
摘要：
转行学开发，代码100天——2018-04-15 （今天是代码开发的第30天，但是代码记录有些滞后，尽快补上。日后要严格执行，避免学习进度和内容相对滞后。） 今天，记录“前端大全”里分享的一篇关于利用Flexbox和CSS Grid实现高效布局的案例。 原文来源：葡萄城控件 www.cnblogs. 阅读全文
摘要：
转行学开发，代码100天——2018-04-14 JavaScript中DOM操作基础知识即对DOM元素进行增删改操作。主要表现与HTML元素的操作，以及对CSS样式的操作。其主要应用知识如下图： 通过对DOM的基本了解，还要通过代码实现对DOM的操作。 1.childNodes + nodeTyp 阅读全文
摘要：
转行学开发，代码100天——2018-04-13 上篇文章中记录了定时器的用法，本篇通过两个常用案例进一步巩固定时器的应用。 案例一：消息框延时，如QQ中鼠标移动到头像，弹出一个信息框；移出后，消息框消失。 首先在HTML中设计两个div盒子，一个作为头像，一个作为消息框 设计其样式为： 通过对盒子 阅读全文
摘要：
转行学开发，代码100天——2018-04-12 JavaScript中定时器有两种，分别是setInterval和setTimeout;其用法如下： 开启： setTimeout("function",time) 设置一个超时对象；延迟执行；只执行一次 setInterval("function" 阅读全文
摘要：
转行学开发，代码100天——2018-04-11 通过JavaScript获取和修改HTML元素及CSS属性是其一个基本功能。对于CSS样式通常有行内样式，外部样式，内嵌样式之分。 如： 行内样式： 外部样式： 内嵌样式： 对于样式的获取也因其写入方式不同而有所区别： 对于行内样式的获取，用 obj 阅读全文
摘要：
转行学开发，代码100天——2018-04-10 今天记录一个利用JavaScript实现文件拖拽上传到浏览器，后天将文件打开的小案例。 基本功能：1点击添加文件 2 文件拖拽添加 html: css: javascript: 案例效果： 阅读全文
摘要：
转行学开发，代码100天——2018-04-09 前面的学习笔记中记录过，利用：before和：after实现导航栏鼠标移动跟随效果，今天通过JavaScript代码实现同样的效果，以作对比。 注：在本例中利用了outerWidth()方法获取元素的外部宽度。注意其与width，innerWidth 阅读全文