05 2017 档案

CSS 布局
摘要:1 圣杯布局 如上图,要实现左(200px) 右(220px) 宽度固定,中间宽度自适应,container部分高度保持一致。 HTML代码: CSS代码: 分析: html代码中 middle部分首先要放在container的最前部分。然后是left,right 1.将三者都 float:left 阅读全文

posted @ 2017-05-25 14:26 modDx 阅读(254) 评论(0) 推荐(0)

8 Function类型
摘要:说起来 ECMAScript 中什么最有意思,我想那莫过于函数了——而有意思的根源,则在于函数实际上是对象。 每个函数都是 Function 类型的实例,与其他引用类型一样具有属性和方法。 定义函数常用的有几种方式? 方法一:定义 方法二:表达式 还一种是: 方法一和方法二有什么不同呢? 解析器在向 阅读全文

posted @ 2017-05-24 21:03 modDx 阅读(113) 评论(0) 推荐(0)

2 node 核心
摘要:1 全局变量 - process process 是一个全局变量,即 global 对象的属性。 它用于描述当前 Node.js 进程状态的对象,提供了一个与操作系统的简单接口。 通常在你写本地命令行程序的时候,少不了要和它打交道。 常用的有: process.argv是命令行参数数组。 将以上代码 阅读全文

posted @ 2017-05-24 12:16 modDx 阅读(143) 评论(0) 推荐(0)

1 node 简介
摘要:1 什么是Node.js? 是一个可以让 JavaScript 运行在服务器端的平台。 它可以让JavaScript 脱离浏览器的束缚运行在服务器环境下,就像运行 Python、 Perl、 PHP、 Ruby程序一样。 你可以用 Node.js 轻松地进行服务器端应用开发, Python、 Per 阅读全文

posted @ 2017-05-23 23:12 modDx 阅读(239) 评论(0) 推荐(0)

13 对象 - 继承
摘要:许多 OO 语言都支持两种继承方式:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。 由于JS函数没有签名,在 ECMAScript 中无法实现接口继承。 ECMAScript 只支持实现继承,而且其实现继承主要是依靠原型链来实现的。 1 继承的原理 继承是通过创建 Supe 阅读全文

posted @ 2017-05-23 18:31 modDx 阅读(228) 评论(0) 推荐(0)

JS 算法一
摘要:1 写一个函数,去掉a数组中和b数组中相同的元素。 思路一:让a数组中的元素和b数组中的元素逐个比较,若相同,则删除。 方法一: 思路二: 让b数组中的元素和a数组中的元素逐个比较,若相同,则删除。 方法二: 注意: 这两种方法思路类似,都可以实现要求,需要注意的是必须保证所有的元素都要遍历到,这样 阅读全文

posted @ 2017-05-22 10:36 modDx 阅读(462) 评论(0) 推荐(0)

JS 模块化
摘要:当我们的JS程序写得越来越复杂的时候,常常需要将相应的功能分割成各个独立小模块进行编写,这里介绍一下常用的几种JS模块化方法。 1 原始写法 先举个简单的例子吧,上代码: 一个函数就是一个独立的小模块,各自实现独立的功能。 优点:简单 缺点:"污染"了全局变量,无法保证不与其他模块发生变量名冲突,而 阅读全文

posted @ 2017-05-19 09:28 modDx 阅读(167) 评论(0) 推荐(0)

1 谈谈section标签
摘要:section 字面上理解为“块”,“部分”,section元素代表一个页面或一个内容块的部分,一般作为主题块列表,在html5网页中表现的意思跟字面理解差不多,即部分,块,模块,主要作用为对页面的内容进行分块或者对文章的内容进行分段。section标签是成对出现的,以<section>开始,以</ 阅读全文

posted @ 2017-05-16 18:15 modDx 阅读(7061) 评论(1) 推荐(0)

React 基础
摘要:React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。 做出来以后,发现这套东西很好用,就在2013年5月开源了。 1 ReactDom.render() 了解react,首先要 阅读全文

posted @ 2017-05-15 11:44 modDx 阅读(522) 评论(0) 推荐(0)

JS 练习一
摘要:编程是一门手艺活,光有理论是远远不够的,需要多多练习。 1 数组:写一个函数,实现功能 duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5] 涉及知识点: a 函数 b 数组 参考代码如下: 2 数组:"a test pattern".split(" ") 阅读全文

posted @ 2017-05-12 21:15 modDx 阅读(206) 评论(0) 推荐(0)

2 css常识二
摘要:1 链接 2 表单 - label标签 3 布局 所有CSS布局技术基本上都是三个基本概念:定位,浮动和外边距操纵。 两列布局 4 block,inline和inlinke-block display:block display:inline display:inline-block 阅读全文

posted @ 2017-05-09 21:31 modDx 阅读(148) 评论(0) 推荐(0)

1 css常识
摘要:1 命名 我建议采用完全小写的类名和ID,多个单词之间用 – 连接。比如:andy-budd比andyBudd清晰得多。 2 ID和类选择器 id选择器格式: class选择器: 3 DTD和DOCTYPE DTD:document type definition,定义HTML的特定版本中允许有什么 阅读全文

posted @ 2017-05-08 19:15 modDx 阅读(153) 评论(0) 推荐(0)

18 表单
摘要:在 HTML 中,表单是由<form>元素来表示的, 而在 JavaScript 中,表单对应的则是 HTMLFormElement 类型。HTMLFormElement 继承于 HTMLElement。 1 定位 取得<form>中元素引用的方式有三种。 第一种(id): 第二种(下标):通过 d 阅读全文

posted @ 2017-05-03 18:13 modDx 阅读(232) 评论(0) 推荐(0)

17 事件
摘要:1 事件流 IE 的事件流叫做事件冒泡(event bubbling)。 如果你单击了某个按钮,他们都认为单击事件不仅仅发生在按钮上。 换句话说,在单击按钮的同时,你也单击了按钮的容器元素,甚至也单击了整个页面。 “ DOM2级事件”规定的事件流包括三个阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段 阅读全文

posted @ 2017-05-02 19:09 modDx 阅读(176) 评论(0) 推荐(0)

16 DOM
摘要:DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。 DOM 描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。 总共有 12 种节点类型,这些类型都继承自一个基类型Node。 1 判断一个节点是不是元素节点,以及是什么元素节点 2 判断一 阅读全文

posted @ 2017-05-01 21:57 modDx 阅读(141) 评论(0) 推荐(0)

15 BOM
摘要:1 间歇调用和超时调用 2 系统对话框 谈谈下面三种用法的使用场景,和各自的区别 这几个方法打开的对话框都是同步和模态的。 也就是说,显示这些对话框的时候代码会停止执行,而关掉这些对话框后代码又会恢复执行。 prompt: 如果用户单击了 OK 按钮,则 prompt()返回文本输入域的值; 如果用 阅读全文

posted @ 2017-05-01 18:11 modDx 阅读(143) 评论(0) 推荐(0)

14 函数-高级
摘要:1 匿名函数 这种形式看起来好像是常规的变量赋值语句,即创建一个没有名称的函数(即匿名函数)并将它赋值给变量 add。 这种情况下创建的函数叫做匿名函数(anonymous function),匿名函数有时候也叫拉姆达函数。 2 递归 写一个严格模式下的递归函数。 3 闭包 闭包是指有权访问另一个函 阅读全文

posted @ 2017-05-01 17:09 modDx 阅读(169) 评论(0) 推荐(0)

13 对象 - 创建对象
摘要:1 常用的创建对象的方式 2 Object.defineProperty() 方法 这个方法接收三个参数:属性所在的对象、属性的名字和一个描述符对象(a descriptor object)。 描述符对象中的属性必须是configurable、 enumerable、 writable 和 valu 阅读全文

posted @ 2017-05-01 16:55 modDx 阅读(296) 评论(0) 推荐(0)

12 内置对象
摘要:ECMA-262 对内置对象的定义是:“由 ECMAScript 实现提供的、不依赖于宿主环境的对象,这些对象在 ECMAScript 程序执行之前就已经存在了。” 前面我们已经介绍了大多数的内置对象,例如 Object、 Array 和 String。 ECMA-262 还定义了两个单体内置对象: 阅读全文

posted @ 2017-05-01 15:54 modDx 阅读(140) 评论(0) 推荐(0)

11 基本包装类型
摘要:1 引用类型与基本包装类型的主要区别是什么? 引用类型与基本包装类型的主要区别就是对象的生存期。 使用 new 操作符创建的引用类型的实例,在执行流离开当前作用域之前都一直保存在内存中。 而自动创建的基本包装类型的对象,则只存在于一行代码的执行瞬间,然后立即被销毁。 第二行代码试图为字符串 s1 添 阅读全文

posted @ 2017-05-01 10:49 modDx 阅读(164) 评论(0) 推荐(0)

导航