04 2017 档案
摘要：任务目的 JavaScript初体验 初步明白JavaScript的简单基本语法，如变量、函数 初步了解JavaScript的事件是什么 初步了解JavaScript中的DOM是什么 任务描述 参考以下示例代码，补充其中的JavaScript功能，完成一个JavaScript代码的编写 本任务完成的
阅读全文
摘要：原文地址 在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。但是，我们并没有生活在这个完美的世界，现实中发生的失窃却总是恰恰
阅读全文
摘要：任务目的 学习了解 CSS 3 都有哪些新特性，并选取其中一些进行实战小练习 任务描述 实现 示例图（点击查看） 中的几个例子 实现单双行列不同颜色，且前三行特殊表示的表格 实现正常状态和focus状态宽度不一致的input文本输入框，且鼠标焦点进入输入框时，宽度的变化以动画呈现 不使用JavaSc
阅读全文
摘要：JavaScript变量： 由于JavaScript变量松散类型的本质，决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则，变量的值及其数据类型可以在脚本的生命周期内改变。 基本类型和引用类型的值： ECMAScript变量可能包含两种不同数据类
阅读全文
摘要：任务目的 学习如何flex进行布局，学习如何根据屏幕宽度调整布局策略。 任务描述 需要实现的效果如效果图（点击打开）所示，调整浏览器宽度查看响应式效果，红色的文字是说明，不需要写在 HTML 中。 任务注意事项 只需要完成HTML，CSS代码编写，不需要写JavaScript 屏幕宽度小于 640p
阅读全文
摘要：任务目的 通过实现一个较为复杂的页面，加深对于HTML，CSS的实战能力 实践代码的复用、优化 任务描述 通过HTML及CSS实现设计稿 设计稿PSD文件（点击下载），效果如 效果图（点击打开） 整个页面内容宽度固定，但头部的蓝色导航和浏览器宽度保持一致 任务注意事项 只需要完成HTML，CSS代码
阅读全文
摘要：JavaScript中的XMLHttpRequest与WebAPI它仅仅是一种客户端与服务端的关系。JavaScript中的XMLHttpRequest负责在客户端发起请求，而Web API负责在服务端返回响应。 Web API： 和人不同，代码没有一双能够读书或者看图的眼睛。它只能以一种它能读取的
阅读全文
摘要：创建一个hello world： 1、打开一个文本编辑器，在其中输入console.log("hello world"),并保存为hello.js; 注意：输入中文如果编码不是utf-8的话将会出现乱码问题 2、打开dos窗口进入该文件的目录运行node hello.js Node.js命令行工具：
阅读全文
摘要：1、进入Node.js的官方网站下载安装包； http:nodejs.org 2、安装后打开cmd的dos窗口（在path环境变量中查看到有nodejs说明安装成功）； 3、运行node。
阅读全文
摘要：Web中使用JSON时最常见的两个安全问题： 1、跨站请求伪造； 即CSRF，是一种利用站点对用户浏览器信任发起攻击的方式。典型的就是JSON数组，更多信息请自行上网百度。 2、跨站脚本攻击。 是注入攻击的一种，在使用JSON时常见的安全漏洞通常发生在JavaScript从服务器获取到一段JSON字
阅读全文
摘要：前言：任何语言的核心都必然会描述这门语言最基本的工作原理。而描述的内容通常都要设计这门语言的语法、操作符、数据类型、内置功能等用于构建复杂解决方案的基本概念。 语法： 1、 区分大小写； 2、 标识符一般采用驼峰大小写格式（如:myCar），所谓标识符就是指变量、函数、属性的名字，或者函数的参数，有
阅读全文
摘要：任务目的 使用 HTML 与 CSS 实现类似 BootStrap 的响应式 12 栏网格布局，根据屏幕宽度，元素占的栏数不同。 任务描述 需要实现如 效果图 所示，调整浏览器宽度查看响应式效果，效果图中的红色的文字是说明，不需要写在 HTML 中。 任务注意事项 网格布局的作用在于更有效地控制元素
阅读全文
摘要：任务目的 通过实现一个常见的技术产品官网，加深对于HTML，CSS的实战能力 学习掌握如何在没有标注的情况下实现设计稿到页面的精确转变 任务描述 通过HTML及CSS实现设计稿 设计稿PSD文件（点击下载），效果如 效果图（点击打开） 设计稿是有一定宽度的，这个宽度为页面的最小宽度，也就是说，当浏览
阅读全文
摘要：JSON Schema指的是数据交换中的一种虚拟的“合同”。 JSON验证器负责验证语法错误，JSON Schema负责提供一致性检验。 JSON Schema是数据接收方额第一道防线，也是数据发送方节约时间、保证数据正确的好工具。 JSON Schema可以解决下列有关一致性验证的问题。 1、 值
阅读全文
摘要：jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $("
阅读全文
摘要：数据类型简介 在计算机中，我们需要知道正在处理什么类型的数据，因为不同类型的数据有着不同的操作途径。可以让两个阿拉伯数字相乘，但是不能让两个单词相乘。 在计算机科学中，有一种数据类型被称为原始数据类型。意思是说，它们指的是数据中第一位的、最基本的一种类型，有以下三种： 1、数字（整型、浮点数、定点数
阅读全文
摘要：任务目的 深入掌握CSS中的字体、背景、颜色等属性的设置 进一步练习CSS布局 任务描述 参考 PDS设计稿（点击下载），实现页面开发，要求实现效果与 样例（点击查看） 基本一致 页面中的各字体大小，内外边距等可参看 标注图（点击查看） 页面宽度固定（定宽） 任务注意事项 只需要完成HTML，CSS
阅读全文
摘要：JSON基于JavaScript对象字面量 所谓字面量，是对数据值的具体表示。它的字面意思与其想要表达的意思是完全一致的。因为数据交换格式的核心是数据，所以JSON中并不会涉及JavaScript对象字面量中的函数。JSON所基于的JavaScript对象字面量单纯指对象字面量及其属性的语法表示。
阅读全文
摘要：任务目的 针对设计稿样式进行合理的HTML架构，包括以下但不限于： 掌握常用HTML标签的含义、用法 能够基于设计稿来合理规划HTML文档结构 理解语义化，合理地使用HTML标签来构建页面 掌握基本的CSS编码，包括以下但不限于： 了解CSS的定义、概念、发展简史 掌握CSS选择器的含义和用法 实践
阅读全文
摘要：1 前段时间面试了一位三年工作经验的程序员，期望薪资10k。在程序员这行业，三年工作经验，又是一线城市，这期望薪资算是一般。 面谈了一会，觉得该程序员技术水平一般，对多线程，线程池，动画属性这些并没有掌握牢固。虽然这三年期间做了好多项目，但大都是类似的，普遍是一些增删改查，项目核心技术较少，其技术含
阅读全文
摘要：摘要：简要介绍jquery的起源，以及为什么需要使用jquery。 jquery的优点 jquery体量小，加载速度快，其本身具有的功能使JavaScript应用程序开发人员的工作变得分外轻松。其中最大的亮点是卓越的DOM查询工具，该工具使用为人熟知的CSS选择器语法。 jquery的功能 jque
阅读全文
摘要：简单来说，JSON是一种轻量的数据交换格式，而数据交换格式则是一种在不同平台间传递数据的文本格式。 举个例子，假如我们出国旅游，但是又不懂的那个国家的语言，那么为了与那个国家的人进行交流，就需要借助一种大家都能理解的工具，这个工具可以是眼神、手势或者是其他的肢体动作。 好了，从现实世界转到编程世界，
阅读全文
摘要：任务目标 实践HTML/CSS布局方式 深入了解position等CSS属性 任务描述 实现如 示例图（点击打开） 的效果 灰色元素水平垂直居中，有两个四分之一圆位于其左上角和右下角。 任务注意事项 思考不同情况下（如灰色高度是根据内容动态变化的）水平垂直居中的解决方案。 动手试一试各种情况的组合，
阅读全文
摘要：使用<script>元素的方式 外部引用式、行内式、嵌入式。 JavaScript引用放在<body>后面的原因 假如在文档的<head>元素中包含所有JavaScript文件，意味着必须等到全部JavaScript代码都被下载、解析和执行完成以后，才能开始呈现页面的内容。对于那些需要很多JavaS
阅读全文
摘要：任务目标 掌握HTML/CSS布局的概念 掌握盒模型的概念 掌握position与float的概念以及在布局时的用法 任务描述 使用 HTML 与 CSS 按照 示例图（点击查看） 实现三栏式布局。 左右两栏宽度固定，中间一栏根据父元素宽度填充满，最外面的框应理解为浏览器。背景色为 #eee 区域的
阅读全文
摘要：JavaScript简史 JavaScript由Netscape（网景）公司在1995年发布，最开始的主要目的是处理以前由服务器端语言负责的一些输入验证操作，以便提高用户体验，后来就慢慢的发展为一门强大的编程语言。作者建议：要想全面理解和掌握JavaScript，关键在于弄清楚它的本质、历史和局限性
阅读全文
摘要：任务目的 针对设计稿样式进行合理的HTML架构，包括以下但不限于： 掌握常用HTML标签的含义、用法 能够基于设计稿来合理规划HTML文档结构 理解语义化，合理地使用HTML标签来构建页面 掌握基本的CSS编码，包括以下但不限于： 了解CSS的定义、概念、发展简史 掌握CSS选择器的含义和用法 实践
阅读全文
