2016年9月26日

摘要: 运行命令 1. 安装依赖: 2. 运行项目: 大致流程 1. :新建 3. 将需要的依赖模块加入 (生产环境) 和 (开发环境,在本地打包所需的模块) 3. :自动安装上述添加好的模块 4. 配置 5. 配置 的 :自定义命令 如果不在 里面配置,可以通过手动安装模块(☟),输入命令,执行后会自动添 阅读全文
posted @ 2016-09-26 16:53 Ruth92 阅读(4978) 评论(2) 推荐(1) 编辑

2016年9月20日

摘要: "@by Ruth92" (转载请注明出处) 第4章 异步编程 Node 能够迅速成功并流行起来的原因: V8 和 异步 I/O 在性能上带来的提升; 前后端 JavaScript 编程风格一致 一、函数式编程 1. 高阶函数 定义:是指把函数作为参数,或是将函数作为返回值的函数。 应用:事件处理, 阅读全文
posted @ 2016-09-20 09:18 Ruth92 阅读(199) 评论(0) 推荐(0) 编辑
摘要: ☊ 【要求】:实现一个Animal类, 和一个继承它的Dog类 ☛ 【实现】: function Animal(name) { this.name = name; } Animal.prototype.cry = function() { console.log('I am ' + this.nam 阅读全文
posted @ 2016-09-20 09:07 Ruth92 阅读(127) 评论(0) 推荐(0) 编辑

2016年9月19日

摘要: 观察者模式: ☂ 参考: "谈谈 JavaScript 的观察者模式(自定义事件)" 这是一种创建松散耦合代码的技术。 它定义对象间 一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。 由主体和观察者组成,主体负责发布事件,同时观察者通过订阅这些事件来观察该主体。 主 阅读全文
posted @ 2016-09-19 17:57 Ruth92 阅读(187) 评论(0) 推荐(0) 编辑

2016年9月17日

摘要: 【要求】:实现 bind 方法 【实现】: // 简单方法 Function.prototype.bind = Function.prototpe.bind || function(context) { var me = this; return function() { return me.app 阅读全文
posted @ 2016-09-17 22:16 Ruth92 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 【要求】:如何用css实现字符串截断,超出约定长度后用缩略符...代替?    ♪ 答: 用 css 实现字符串截断 div { width: 300px; overflow: hidden; / 规定当内容溢出元素框时发生的事情 / white space: nowrap; / 阅读全文
posted @ 2016-09-17 22:12 Ruth92 阅读(1134) 评论(0) 推荐(0) 编辑
摘要: 【要求】:用纯CSS创建一个三角形的原理是什么? ♪ 答: 把上、左、右三条边隐藏掉(颜色设为 transparent) 【实现】: demo { width: 0; height: 0; border width: 20px; border style: solid; border color: 阅读全文
posted @ 2016-09-17 22:10 Ruth92 阅读(723) 评论(0) 推荐(0) 编辑
摘要: ☊【实现要求】:两栏等宽布局 √【实现】: ♪ 两栏等宽布局(三栏等宽同理) ① 布局 .col 1, .col 2 { width: 50%; // 各占一半,尺寸相同 float: left; // 都脱离文档流 } 要想中间留有空隙,可以给两栏分别加上左右边框,但: ② (不推荐) 元素间有换 阅读全文
posted @ 2016-09-17 21:42 Ruth92 阅读(1568) 评论(0) 推荐(0) 编辑
摘要: ☊【实现要求】:图片+文字+居中 √【实现】: ① + 文字 标题1111 普通布局 .demo2 1 { // 文字可用demo1中的方案一布局; line height: $px; text align: center; img { width: $px; // 设置图片宽和高 height: 阅读全文
posted @ 2016-09-17 21:32 Ruth92 阅读(17572) 评论(0) 推荐(1) 编辑
摘要: 【要求】:使用jQuery 如何验证某个元素是否为空    ♪ 答: aa pp / 判断是否有内容 / // 方法1: var isDivEmpty = $(' div1').text() ? false : true; // 方法2: var isInputEmpty = $ 阅读全文
posted @ 2016-09-17 18:09 Ruth92 阅读(6984) 评论(0) 推荐(1) 编辑

导航