09 2015 档案
摘要:转自:http://www.cnblogs.com/jikey/p/4104940.html大概有这么几个方式:1. 通过招聘网站投简历,这是一种成本最低的方式。比如:51job,拉勾,内推,大街,linkedin。2. 通过同事朋友内推,这是一种成功率较高的方式。3. 通过微博,QQ群等其它社交工...
阅读全文
摘要:画出一个禁行标志 border-radius: 50%; width: 100px; height: 100px; border: 10px solid red; background: linear-gradient(to right bottom, transpar...
阅读全文
摘要:字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如,'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。^匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性...
阅读全文
摘要:学习时长:6~8周学习前提:中学水平,无需编程经验更新(2014-1-7)在Reddit上创建了一个学习小组January 2014, “Learn JavaScript” Study Group on Reddit目录不要这样学习JavaScript本课程资源1~2周(简介,数据类型,表达式和操作...
阅读全文
摘要:转自:http://www.cnblogs.com/yuanzm/p/3936376.html1、 下面哪些是NodeJS官方模块? A . Querystring B.Request C .Async D.Dns 这一题我觉得有点蛋疼,什么就叫做官方模块?在nodejs里面,模块一般分成...
阅读全文
摘要:转自:http://zhangwenli.com/blog/2015/04/01/2015-front-end-engineer-interview/简历再忙也要好好准备的第一件事,当然是简历。半年前参加黑客马拉松,觉得好玩就做了个在线版的简历,在知乎上安利了一下后,竟然小火了一把,至今已获得了超过...
阅读全文
摘要:转自:http://www.cnblogs.com/yuanzm/p/4372898.html经验很重要简单乱入一下,本人主修软件工程专业,对Web有着浓厚兴趣,主攻Web前端。就在三月份刚开始的时候,各种群里面就有师兄说,谁要内推,赶紧发邮件。好在牛人师兄多,一开始就投了天猫、淘宝。腾讯SNG和腾...
阅读全文
摘要:转自:http://www.cnblogs.com/season-huang/p/4322451.html一、DOM是什么?DOM(文档对象模型)是针对HTML和XML文档的一个API,通过DOM可以去改变文档。这个说法很官方,大家肯定还是不明白。举个例子:我们有一段HTML,那么如何访问第二层第一...
阅读全文
摘要:大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解,心里难免会想调试的时候用alert不就行了,干嘛还要用consol...
阅读全文
摘要:【一面】其实还比较简单,大致就介绍了一下自己学了撒。以下几个问题1、移动端和pc差别2、html5的特性3、node.js4、jq源码读过之后有什么提升5、js创建对象的几种方式大致就是这个几个了,还有些其他的记不清楚了。总的来说,大家面一面不用太紧张一般都是基础的问题,一面感觉答的很不错【二面】这...
阅读全文
摘要:数组有四种定义的方式 使用构造函数: var a = new Array(); var b = new Array(8); var c = new Array("first", "second", "third"); 或者数组直接量: var d = ["first", "second", "thi...
阅读全文
摘要:转自:http://www.cnblogs.com/dolphinX/archive/2012/10/09/2717119.html在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置...
阅读全文
摘要:写一个求和的函数sum,达到下面的效果// Should equal 15sum(1, 2, 3, 4, 5);// Should equal 0sum(5, null, -5);// Should equal 10sum('1.0', false, 1, true, 1, 'A', 1, 'B',...
阅读全文
摘要:转自:http://utopiascript.github.io/2015/08/18/undefined/%E9%98%BF%E9%87%8C%E3%80%81%E7%99%BE%E5%BA%A6%E6%A0%A1%E6%8B%9B%E9%9D%A2%E7%BB%8F/Blog/重要的总结写在前面...
阅读全文
摘要:选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 元素。1element,elementdiv,p选择所有 元素和所有 元素。...
阅读全文
摘要:闭包是很多语言都具备的特性,在js中,闭包主要涉及到js的几个其他的特性:作用域链,垃圾(内存)回收机制,函数嵌套,等等. 在理解闭包以前.最好能先理解一下作用域链的含义,简单来说,作用域链就是函数在定义的时候创建的,用于寻找使用到的变量的值的一个索引,而他内部的规则是,把函数自身的本地变量放在最...
阅读全文
摘要:转自:http://www.cnblogs.com/silence516/archive/2009/09/03/delegateEvent.html 如果你想给网页添加点JavaScript的交互性,也许你已经听过JavaScript的事件代理(event delegation),并且觉得这是...
阅读全文
摘要:1. 生成html格式输入 html:52. 简写Div大家可以看到,不管你是否添加了div,Emmet都会自动生成需要div元素。含糊标签名称这个技巧属于implicit tag names特性,你不需要指定div或者li,Emmet会自动帮助你生成,如下:3. 带有DOM导航的链式缩写如果你使用...
阅读全文
摘要:开始,自我介绍。然后我主要说了我的项目,项目介绍完了之后HR开始提问。提问的内容还记得如下内容: 事件代理; li事件的绑定是绑定到哪里? jQuery的fadeIn()、fadeOut()是怎么做的; 你知道闭包吗 继承应该怎么做 页面布局采用什么(回答说,一般用div,加float)...
阅读全文
摘要:转自:http://blog.pixelnfinite.com/archives/211在线笔试部分在线笔试还是挺方便的,随意找一个小时撸完了,下面是一些有印象的题目。flatten函数实现,将一个数组摊平。比如[1,[2,3,[4,5]]] => [1,2,3,4,5]isDuplicate,检验...
阅读全文
摘要:转自:https://github.com/markyun/My-blog/issues/27最近得到一个新任务单,让我用一套页面适应所有主流终端(Android、iPhone、iPad、PC),而且是一套页面写。 我得到任何的第一感觉就是用2套页面吧;PC和iPad一套,手机一套。才好实现吧!但最...
阅读全文
摘要:大部分前端开发人员都不关心CSS性能优化,其实对于一个复杂的页面来说,高效的选择器还是可以带来一定的性能提升的。1. CSS 选择器浏览器是“从右往左”来分析 class 的,它的匹配规则是从右向左来进行匹配的,因此最右边的选择符就是关键选择符。Descendant selector#toc > l...
阅读全文
摘要:随着前端技术的发展,安全问题已经从服务器悄然来到了每一个用户的的面前,盗取用户数据, 制造恶意的可以自我复制的蠕虫代码,让病毒在用户间传播,使服务器当掉. 更有甚者可能会在用户不知觉得情况下,让用户成为攻击者,这绝对不是骇人听闻。富客户端的应用越来越广,前端的安全问题也随之增多。常见的攻击方法有:X...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000652891闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。闭包的特性闭包有三个特性:1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000660257$.grep()$.grep( array, function(elementOfArray, indexInArray) [, invert ] )功能:查找满足过滤函数的数组元素: $.map()$....
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000660947在浏览器中,与用户进行数据交换都是通过客户端的javascript代码来实现的,而完成这些交互工作大多数是document对象及其部件进行的,因此document对象是一个比较重要的对象。document对象概...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000659414收集整理的前端开发书籍、文档等相关资料(many books or documents for front-end developer)如果你有更好的相关资料推荐的,也可以联系我的微博weibo.com/hwa...
阅读全文
摘要:转自:http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html你可能知道,Javascript语言的执行环境是"单线程"(single thread)。所谓"单线程",就是指一次只能完成一件任务。如果有多个...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000713346基本概念ECMA关于对象的定义是:”无序属性的集合,其属性可以包含基本值、对象或者函数。“对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。类在现实生活中,相似的对象之间往往都有一些共同的组成特征。类...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000707606七、一个小结先对前面的内容,做一个小结。我们已经知道,网络通信就是交换数据包。电脑A向电脑B发送一个数据包,后者收到了,回复一个数据包,从而实现两台电脑之间的通信。数据包的结构,基本上是下面这样:发送这个包,需...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000707577前言我们每天使用互联网,你是否想过,它是如何实现的?全世界几十亿台电脑,连接在一起,两两通信。上海的某一块网卡送出信号,洛杉矶的另一块网卡居然就收到了,两者实际上根本不知道对方的物理位置,你不觉得这是很神奇的事...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000687844基本类型值有:undefined,NUll,Boolean,Number和String,这些类型分别在内存中占有固定的大小空间,他们的值保存在栈空间,我们通过按值来访问的。(1)值类型:数值、布尔值、null、...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000728401模块Node.js 提供了exports和require两个对象,其中exports是模块公开的接口,require用于从外部获取一个模块的接口,即所获取模块的exports对象。接下来我们就来创建hello....
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000733959什么是模块化开发?前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Ajax,Node.Js,MVC,MVVM等的助力也使得...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000725051js类的基本含义我们知道,在js中,是没有类的概念的。类的所有实例对象都从同一个原型对象上继承属性,因此,原型对象是类的核心。类是对象的抽象,而对象是类的具体实例。类是抽象的,不占用内存,而对象是具体的,占用存...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000002174034事件处理程序在DOM中定义了一些事件, 而响应某个事件的函数就叫事件处理程序(或事件侦听器)。事件处理程序的名字一般以“on”开头,例如:onclick等事件冒泡与捕获事件流指的是页面中接收事件的顺序,IE,火...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000699097基本概念正则表达式是一种文本模式,包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为“元字符”)。模式描述在搜索文本时要匹配的一个或多个字符串。首先推荐几个正则表达式编辑器Debuggex :http...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000691919Ajax及其工作原理AJAX 是一种与服务器交换数据无需刷新网页的技术,最早由Google公司在谷歌地图里使用,并迅速风靡。AJAX是不能跨域的,如需跨域,可以使用document.domain='a.com'...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000668072什么是JSONJSON:JavaScript 对象表示法(JavaScriptObjectNotation)。JSON的形式是用大括号“{}”包围起来的项目列表,每一个项目间用逗号(,)分隔,而项目就是用冒号(...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000662547私有变量和函数在函数内部定义的变量和函数,如果不对外提供接口,外部是无法访问到的,也就是该函数的私有的变量和函数。这样在函数对象Box外部无法访问变量color和fn,他们就变成私有的了:var obj = n...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000660786概念函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。js支持两种函数:一类是语言内部的函数(如eval()),另一类是自己创建的。在JavaScript函数内部声明的变量(使用 var)是局部变量,...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000654274DOM介绍D(文档)可以理解为整个Web加载的网页文档,O(对象)可以理解为类似window对象只来的东西,可以调用属性和方法,这里我们说的是document对象,M(模型)可以理解为网页文档的树形结构,DOM...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000653028对象部分Object类型Object是一个无序的集合,可以存放任意类型对象,所有其他对象都继承自这个对象。创建Object类型有两种,一种是使用new运算符,一种是字面量表示法。1.使用new运算符创建Obje...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000652749基本概念javascript是一门解释型的语言,浏览器充当解释器。js执行引擎并不是一行一行的执行,而是一段一段的分析执行。 延迟脚本HTML4.0.1中定义了defer属性,它的用途是表明脚本在执行时不会影响...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000002525792什么是模式前阵子准备期末考试,挺累也挺忙的,实在闲不得空来更新文章,今天和大家说说javascript中的设计模式。首先呢,我们需要知道的是:模式是一种可复用的解决方案,而反模式呢就是针对某个问题的不良解决方案...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000762220代码复用及其原则代码复用,顾名思义就是对曾经编写过的代码的一部分甚至全部重新加以利用,从而构建新的程序。在谈及代码复用的时候,我们首先可以想到的是继承性。代码复用的原则是:优先使用对象组合,而不是类继承在js中...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000002440502js继承的概念js里常用的如下两种继承方式:原型链继承(对象间的继承)类式继承(构造函数间的继承)由于js不像java那样是真正面向对象的语言,js是基于对象的,它没有类的概念。所以,要想实现继承,可以用js的...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000002559158跨浏览器事件跨浏览器添加事件//跨浏览器添加事件 function addEvent(obj,type,fn){ if(obj.addEventListener){ o...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000002585760Google Closure Compiler官网:https://developers.google.com/closure/compiler/Closure Compiler的使用方法有如下3种:在命令行下...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000002634958内置对象与原生对象内置(Build-in)对象与原生(Naitve)对象的区别在于:前者总是在引擎初始化阶段就被创建好的对象,是后者的一个子集;而后者包括了一些在运行过程中动态创建的对象。原生对象(New后的对...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000000661407/HTML5新标签HTML5新引入header,footer,article,section,aside和nav,audio,datalist,details,video,progress,embed等标签se...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000002712653概述HTML5提供了很多新的功能,主要有:新的 HTML 元素,例如 section, nav, header, footer, article 等用于绘画的 Canvas 元素用于多媒体播放的 video 和...
阅读全文
摘要:转自:http://segmentfault.com/a/1190000002911253callee和callerfunction inner(){ console.log(arguments.callee);//指向拥有这个arguments对象的函数,即inner() consol...
阅读全文
摘要:HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。JavaScript: 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调...
阅读全文
摘要:1请你谈谈Cookie的弊端优点极高的扩展性和可用性缺点2浏览器本地存储3web storage和cookie的区别CSS 相关问题displaynone和visibilityhidden的区别CSS中 link 和import 的区别是position的absolute与fixed共同点与不同点介...
阅读全文
摘要:TCP协议作为一个可靠的面向流的传输协议,其可靠性和流量控制由滑动窗口协议保证,而拥塞控制则由控制窗口结合一系列的控制算法实现。一、滑动窗口协议 关于这部分自己不晓得怎么叙述才好,因为理解的部分更多,下面就用自己的理解来介绍下TCP的精髓:滑动窗口协议。 所谓滑动窗口协议,自己理解有两点:1. ...
阅读全文
摘要::first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码:p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素;h1:first-child 匹配不到任何元素,因为在这里h1是div的第二个子元素,而不是第一个;sp...
阅读全文
摘要:HTML的Doctype作用?严格模式与混杂模式如何区分?它们有何意义?1. 声明位于文档中的最前面,处于 标签之前。告知浏览器的解析器,用什么文档类型 规范来解析这个文档。2.严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式...
阅读全文

浙公网安备 33010602011771号