FED

©FrontEndDev.org
2015 - 2024
web@2.23.0 api@2.21.1
共计 333 篇
前端进阶计划-2015
Reven
10/30/2015, 11:17:55 PM
前端工程师进阶计划
访问
2287
·
评论
3
掌握前端必备的基础知识，提高自身开发能力。时间规划：时间安排：在阅读教程的时候，建议去查阅一些文档，使用谷歌搜索。进阶时间尽量安排在业余和平时工作空闲时，不能本末倒置将工作耽误。按入职顺序。...
JavaScript
基础概念
MongoDB 学习三：查询操作
云淡然
9/14/2015, 10:54:21 AM
MongoDB 学习
访问
1601
·
评论
1
这章我们学习MongoDB的查询操作。find方法用于执行MongoDB的查询操作。它返回collecion中的documents子集，没有添加参数的话它将返回整个collection数据。例：查找c的所有数据...
JavaScript
基础概念
MongoDB 学习二：基本操作
云淡然
9/9/2015, 4:26:51 PM
MongoDB 学习
访问
1673
·
评论
2
这章我们学习数据操作。上一章我们已经简单介绍了数据插入，如:那么，假如你碰到需要插入多条documents的时候情况怎么办呢?只要传入数组就行MongoDB在插入数据的时候仅做最少的检查。它检查document的基础结构并且"_id"不存在时帮你自动添加。...
JavaScript
基础概念
MongoDB 学习一：概念
云淡然
9/9/2015, 4:20:36 PM
MongoDB 学习
访问
1424
·
评论
0
这一章，我们先介绍几个MongoDB的概念:1.document:它是MongoDB的基础数据单元，它大概等价于关系型数据库中的行。2.collection:可以想象成动态的表。3.一个简单的MongoDB实例可以携带多个独立的数据库，每个数据库都有属于自己的collections。...
JavaScript
基础概念
coolie 心中的前端构建
云淡然
9/9/2015, 3:28:51 PM
coolie介绍
访问
2860
·
评论
3
前端开发为什么要进行构建，它的意义在哪？回答这个问题之前，来先看下两个案例案例1案例2因为案例1的教训，使用了CDN技术。接触过前端开发的同学，肯定对这两个案例颇有感触，因为这两个案例是最为常见的。...
JavaScript
基础概念
在自然语言的角度理解 JavaScript 中的 this 关键字
云淡然
9/8/2015, 12:49:55 PM
访问
1344
·
评论
3
在编写JavaScript应用的时候，我们经常会使用this关键字。那么this关键字究竟是怎样工作的？它的设计有哪些好的地方，有哪些不好的地方？本文带大家全面系统地认识这个老朋友。小明正在跑步，他看起来很开心...
JavaScript
基础概念
为什么不是 200 OK (FROM CACHE) 而是 304 NOT MODIFIED
云淡然
8/25/2015, 9:57:47 AM
访问
2296
·
评论
1
为什么有的缓存是200OK(fromcache)，有的缓存是304NotModified呢？很简单，看运维是否移除了EntityTag。移除了，就总是200OK(fromcache)。没有移除，就两者交替出现。最近在做百度云观测的nginx配置优化。从知乎上看到这个问题：“阿里云存储如何让浏览器始终以200(fromcache)缓存图片？”，提问者强调200OK(fromcache)和304NotModified的区别，有感而发。...
JavaScript
基础概念
淘宝前端：移动端端图片的优化流程
云淡然
8/12/2015, 11:23:52 PM
访问
5363
·
评论
2
注：本文摘自阿里内网的无线前端博客《无线前端的图片相关工作流程梳理》。其实是一个月前写的，鉴于团队在中国第二届CSSConf上做了《手机淘宝CSS实践启示录》的分享，而图片工作流程梳理是其中的一个子话题，故在此一并分享出来，希望仍可以给大家一些经验和启发。另外，考虑到这是一篇公开分享，原版内容有部分删节和调整，里面有一些经验和产出是和我们的工作环境相关的，不完全具有普遍性，还请见谅。今天很荣幸的跟大家分享一件事情，就是经过差不多半年多的努力，尤其是最近2周的“突击扫尾”，无线前端团队又在工具流程方面有了一个不小的突破：我们暂且称其为“图片工作流”梳理。...
CSS
基础概念
一行代码实现 nextTick
云淡然
8/8/2015, 9:52:19 AM
一行代码
访问
2083
·
评论
0
nextTick来源于nodejs，意思是将当前的callback放到队列的尾部。众所周知，setTimeout的超时时间是在当前队尾之后的4ms+（具体待考证），得益于MutationObserver和ie的onreadystatechange，可以实现更快的执行。...
JavaScript
基础概念
好搜首页的cache研究
前端小武
8/2/2015, 3:05:20 PM
我的前端之路
访问
5451
·
评论
1
现在jquery这么火，很多大公司也逐渐的“放弃”自己类库而使用jquery了，比如百度，360好搜（以下简称好搜）等，于是某天想看看他们用的哪个版本，百度源码里一搜，很明显的外链了jquery-1.10.2，而在360里源码居然没有找到，使我好奇心猛的上来了，于是我就查呀查。...
JavaScript
基础概念
我的前端流程
前端小武
8/2/2015, 3:02:27 PM
我的前端之路
访问
2547
·
评论
4
之前写过一篇我的前端工作流程但由于环境和变更和业务的变更，我又在之前的流程上细化了下，以下只是我对我工作流程的总结，不一定适合其他开发者和其他项目～当然这些前提是公司已经有自己的UE规范，前端代码规范，数据规范，交互规范每个项目初期都会进行评审，且在此之前都会跟参会人员发送一个"市场需求文档"（以下简称MRD），前端开发（以下简称FE）在拿到该文档后要对该文档里的内容进行审查，并把有疑惑的地方标记下来，以方便开发的时候询问并确认。...
JavaScript
基础概念
前端代码规范,类似google
Jonny Yao
7/31/2015, 10:40:07 AM
petitspois
访问
2501
·
评论
4
jade类以及内嵌js通用前端规范#html规范#CSS规范--(likegoogle)#Javascript规范来看看下面的JavaScriptfor循环的例子......
JavaScript
基础概念
flex专辑说明
风舞
7/30/2015, 3:58:12 PM
css flex布局
访问
1332
·
评论
0
#flex专辑说明flex目前兼容是不太好，这里主要是了解。##简介这个系列我只写了几个非常简单的DEMO，真的都非常简单，重在理解。东西不是教会的，是自己理解后会的。这个系列说实话，还有很多东西，我会慢慢完善，如果你有任何问题或者建议。欢迎你随时给我回复。...
CSS
基础概念
CSS3 flex布局之box-ordinal-group 子元素顺序
风舞
7/30/2015, 3:48:36 PM
css flex布局
访问
1244
·
评论
0
#CSS3flex布局之box-ordinal-group子元素顺序语法：box-ordinal-group:integer;##box-ordinal-group:integer;http://jsdm.com/Windancer/paint/NtqW5...
CSS
基础概念
coolie PK FIS
云淡然
7/30/2015, 3:12:52 PM
coolie介绍
访问
4160
·
评论
10
cooliePKFIS，以小见大，从fis官网的一个例子开始。http://fis.baidu.com/FIS3是面向前端的工程构建工具。解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具、开发规范、代码部署等问题。...
JavaScript
基础概念
CSS3 flex布局之box-pack 水平居中
风舞
7/30/2015, 2:51:06 PM
css flex布局
访问
1462
·
评论
0
#CSS3flex布局之box-pack水平居中语法：box-pack:start|end|center|justify;box-pack默认值是start##例如box-pack:centerhttp://jsdm.com/Windancer/paint/fZXoE...
CSS
基础概念
CSS3 flex布局之box-direction 子元素伸缩
风舞
7/30/2015, 2:39:27 PM
css flex布局
访问
1439
·
评论
0
#CSS3flex布局之box-direction子元素伸缩语法：box-flex:value;##例如box-flex:value;http://jsdm.com/Windancer/paint/Db8LX...
CSS
基础概念
Git命令自动补全
Jonny Yao
7/30/2015, 9:26:42 AM
访问
1355
·
评论
0
#自动补全如果你用的是Bashshell，可以试试看Git提供的自动补全脚本。下载Git的源代码，进入contrib/completion目录，会看到一个git-completion.bash文件。将此文件复制到你自己的用户主目录中（译注：按照下面的示例，还应改名加上点：cpgit-completion.bash~/.git-completion.bash），并把下面一行内容添加到你的.bashrc文件中：或者(find/-inamegit-completion.bash)...
JavaScript
基础概念
CSS3 flex布局之box-direction 子元素方向
风舞
7/29/2015, 4:25:44 PM
css flex布局
访问
1320
·
评论
0
#CSS3flex布局之box-direction子元素方向语法：box-direction:normal|reverse|inherit;##例如box-direction:reverse从右到左http://jsdm.com/Windancer/paint/3YkOK...
CSS
基础概念
CSS3 flex布局之box-align 垂直居中
风舞
7/29/2015, 2:40:55 PM
css flex布局
访问
2196
·
评论
0
#CSS3flex布局之box-align垂直居中语法：box-align:start|end|center|baseline|stretch;box-align默认值是stretch：拉伸子元素以填充包含块；...
CSS
基础概念