2017年3月7日
基础JavaScript练习（一）总结
摘要： 任务目的 在上一任务基础上继续JavaScript的体验 接触一下JavaScript中的高级选择器 学习JavaScript中的数组对象遍历、读写、排序等操作 学习简单的字符串处理操作 任务描述 参考以下示例代码，读取页面上已有的source列表，从中提取出城市以及对应的空气质量 将数据按照某种顺 阅读全文
posted @ 2017-03-07 19:16 程序媛家 阅读(1098) 评论(0) 推荐(0)
零基础JavaScript编码（三）总结
摘要： 任务目的 在上一任务基础上继续JavaScript的体验 接触一下JavaScript中的高级选择器 学习JavaScript中的数组对象遍历、读写、排序等操作 学习简单的字符串处理操作 任务描述 参考以下示例代码，读取页面上已有的source列表，从中提取出城市以及对应的空气质量 将数据按照某种顺 阅读全文
posted @ 2017-03-07 19:11 程序媛家 阅读(220) 评论(0) 推荐(0)
零基础JavaScript编码（二）
摘要： 任务目的 在上一任务基础上继续JavaScript的体验 学习JavaScript中的if判断语法，for循环语法 学习JavaScript中的数组对象 学习如何读取、处理数据，并动态创建、修改DOM中的内容 任务描述 参考以下示例代码，页面加载后，将提供的空气质量数据数组，按照某种逻辑（比如空气质 阅读全文
posted @ 2017-03-07 18:01 程序媛家 阅读(898) 评论(0) 推荐(0)
零基础JavaScript编码（一）
摘要： 任务目的 JavaScript初体验 初步明白JavaScript的简单基本语法，如变量、函数 初步了解JavaScript的事件是什么 初步了解JavaScript中的DOM是什么 任务描述 参考以下示例代码，补充其中的JavaScript功能，完成一个JavaScript代码的编写 本任务完成的 阅读全文
posted @ 2017-03-07 11:14 程序媛家 阅读(361) 评论(0) 推荐(0)
2017年3月5日
响应式网格（栅格化）布局总结
摘要： 任务目的 使用 HTML 与 CSS 实现类似 BootStrap 的响应式 12 栏网格布局，根据屏幕宽度，元素占的栏数不同。 任务描述 需要实现如 效果图 所示，调整浏览器宽度查看响应式效果，效果图中的红色的文字是说明，不需要写在 HTML 中。 任务注意事项 网格布局的作用在于更有效地控制元素 阅读全文
posted @ 2017-03-05 13:39 程序媛家 阅读(1029) 评论(0) 推荐(0)
实现常见的技术产品官网的页面架构及样式布局总结
摘要： 任务目的 通过实现一个常见的技术产品官网，加深对于HTML，CSS的实战能力 学习掌握如何在没有标注的情况下实现设计稿到页面的精确转变 任务描述 通过HTML及CSS实现设计稿 设计稿PSD文件（点击下载），效果如 效果图（点击打开） 设计稿是有一定宽度的，这个宽度为页面的最小宽度，也就是说，当浏览 阅读全文
posted @ 2017-03-05 11:22 程序媛家 阅读(1098) 评论(0) 推荐(0)
2017年3月2日
通过HTML及CSS模拟报纸排版总结
摘要： 任务目的 深入掌握CSS中的字体、背景、颜色等属性的设置 进一步练习CSS布局 任务描述 参考 PDS设计稿（点击下载），实现页面开发，要求实现效果与 样例（点击查看） 基本一致 页面中的各字体大小，内外边距等可参看 标注图（点击查看） 页面宽度固定（定宽） 任务注意事项 只需要完成HTML，CSS 阅读全文
posted @ 2017-03-02 12:15 程序媛家 阅读(2575) 评论(0) 推荐(0)
2017年2月28日
任务四：定位和居中问题总结
摘要： 任务目标 实践HTML/CSS布局方式 深入了解position等CSS属性 任务描述 实现 示例图 的效果 灰色元素水平垂直居中，有两个四分之一圆位于其左上角和右下角。 任务注意事项 思考不同情况下（如灰色高度是根据内容动态变化的）水平垂直居中的解决方案。 动手试一试各种情况的组合，父元素和子元素 阅读全文
posted @ 2017-02-28 10:43 程序媛家 阅读(295) 评论(0) 推荐(0)
2017年2月27日
1. Two Sum
摘要： Description： Given an array of integers, return indices of the two numbers such that they add up to a specific target. You may assume that each input 阅读全文
posted @ 2017-02-27 20:58 程序媛家 阅读(125) 评论(0) 推荐(0)
任务三：三栏式布局总结
摘要： 任务目标 掌握HTML/CSS布局的概念 掌握盒模型的概念 掌握position与float的概念以及在布局时的用法 任务描述 使用 HTML 与 CSS 按照 示例图（点击查看） 实现三栏式布局。 左右两栏宽度固定，中间一栏根据父元素宽度填充满，最外面的框应理解为浏览器。背景色为 #eee 区域的 阅读全文
posted @ 2017-02-27 20:30 程序媛家 阅读(791) 评论(0) 推荐(0)