- 博客(91)
- 收藏
- 关注
RSS订阅转载 前端模块化
转自：http://www.cnblogs.com/dolphinX/p/4381855.html在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀这时候JavaScript...
2019-10-07 01:46:37
147
转载 淘宝前端工程师：国内WEB前端开发十日谈
转自：http://www.jianshu.com/p/8cf2df3fdbf2 一直想写这篇“十日谈”，聊聊我对Web前端开发的体会，顺便解答下周围不少人的困惑和迷惘。我不打算聊太多技术，我想，通过技术的历练，得到的反思应当更重要。 我一直认为自己是“初级”前端开发工程师，一方面我入道尚浅，只有短短几年，另一方面我自知对技术的钻研并不深入，可能是由于环境的原因，当然最重要的...
2019-10-07 01:46:35
817
转载 当你输入一个网址的时候，实际会发生什么?
原文:http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url/作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。本文将更深入的研究当你输入一个网址的时候，后台到底发生了一件件什...
2019-10-07 01:46:35
164
转载 Sass入门指南
转自：http://www.imooc.com/article/1413css预处理器已经算不上一个新鲜的词了，当前比较有代表性的css预处理器有sass、less、stylus。关于三者选择问题一直都是比较受争议的话题，这里就不在讨论了，适合的就是最好的。这篇文章主要会介绍一些sass的常见用法，当然很多理论都是相通的。在介绍sass前，我们先得明确几点：Sass并...
2019-10-07 01:46:33
151
转载 Yahoo!团队：网站性能优化的35条黄金守则
Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。原版猛戳：Best Practices for Speeding Up Your Web Site，Excetional Performance 团队总结出了...
2019-10-07 01:46:33
233
转载 圣杯布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圣杯布局</title> <style> *{ margin: 0; padding: 0; ...
2019-10-07 01:46:31
71
转载 web前端面试题
前端开发面试知识点大纲： HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应 JavaScript： 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、J...
2019-10-07 01:46:31
98
转载 我们前端是怎么找到工作的
转自：http://www.cnblogs.com/jikey/p/4104940.html大概有这么几个方式：1. 通过招聘网站投简历，这是一种成本最低的方式。比如：51job，拉勾，内推，大街，linkedin。2. 通过同事朋友内推，这是一种成功率较高的方式。3. 通过微博，QQ群等其它社交工具互动后投递。4. 通过各个公司的招聘网站，各个公司员工的博客招聘信息进行投递。5. ...
2019-10-07 01:46:30
304
转载 css3应用
画出一个禁行标志 border-radius: 50%; width: 100px; height: 100px; border: 10px solid red; background: linear-gradient(to right bottom, transparent 45%, red 45%, red 55%...
2019-10-07 01:46:29
80
转载 正则表达式全部符号解释
字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如，'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。^匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^ 也匹配 '\n' 或 '\r' 之后的位置。...
2019-10-07 01:46:28
74
转载 如何正确学习JavaScript
学习时长：6～8周学习前提：中学水平，无需编程经验更新（2014-1-7）在Reddit上创建了一个学习小组January 2014， “Learn JavaScript” Study Group on Reddit目录不要这样学习JavaScript本课程资源1～2周(简介，数据类型，表达式和操作符)3~4周(对象，数组，函数，DOM，j...
2019-10-07 01:46:28
123
转载 2015阿里校招前端笔试题
转自：http://www.cnblogs.com/yuanzm/p/3936376.html1、 下面哪些是NodeJS官方模块？ A . Querystring B.Request C .Async D.Dns 这一题我觉得有点蛋疼，什么就叫做官方模块？在nodejs里面，模块一般分成核心模块、用户自定义的文件模块。所以我理解这里的...
2019-10-07 01:46:26
111
转载 前端面试总结2
转自：http://zhangwenli.com/blog/2015/04/01/2015-front-end-engineer-interview/简历再忙也要好好准备的第一件事，当然是简历。半年前参加黑客马拉松，觉得好玩就做了个在线版的简历，在知乎上安利了一下后，竟然小火了一把，至今已获得了超过 16000 次浏览。这次准备简历的时候，简单更新了一下在线版的简历，然后用 ...
2019-10-07 01:46:26
1528
转载 前端面试总结
转自：http://www.cnblogs.com/yuanzm/p/4372898.html经验很重要简单乱入一下，本人主修软件工程专业，对Web有着浓厚兴趣，主攻Web前端。就在三月份刚开始的时候，各种群里面就有师兄说，谁要内推，赶紧发邮件。好在牛人师兄多，一开始就投了天猫、淘宝。腾讯SNG和腾讯微信四份内推简历。接到的第一个面试是天猫的，在完全没有准备的情况下，就开...
2019-10-07 01:46:24
114
转载 通俗易懂的来讲讲DOM
转自：http://www.cnblogs.com/season-huang/p/4322451.html一、DOM是什么？DOM（文档对象模型）是针对HTML和XML文档的一个API，通过DOM可以去改变文档。这个说法很官方，大家肯定还是不明白。举个例子：我们有一段HTML，那么如何访问第二层第一个节点呢，如何把最后一个节点移动到第一个节点上面去呢？DOM就是定...
2019-10-07 01:46:24
189
转载 Chrome 控制台console的用法（学了之后对于调试js可是大大有用）
大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢，下面我就介绍一些调试的入门技巧，让...
2019-10-07 01:46:22
92
转载 蘑菇街前端面试
【一面】其实还比较简单，大致就介绍了一下自己学了撒。以下几个问题1、移动端和pc差别2、html5的特性3、node.js4、jq源码读过之后有什么提升5、js创建对象的几种方式大致就是这个几个了，还有些其他的记不清楚了。总的来说，大家面一面不用太紧张一般都是基础的问题,一面感觉答的很不错【二面】这是一个月黑风高的晚上，我在下班回家的路上二面的大...
2019-10-07 01:46:22
304
转载 web前端校招笔试题集锦
写一个求和的函数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', 1, 'C', 1, 'D', 1, 'E',...
2019-10-07 01:46:21
415
转载 阿里、百度校招面经
转自：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/重要的总结写在前面：准备好一个项目经历，深入总结。所有的面试题都有过程分...
2019-10-07 01:46:21
199
转载 CSS 选择器参考手册
选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 <p> 元素。1element,element...
2019-10-07 01:46:19
73
转载 JavaScript 闭包的理解
闭包是很多语言都具备的特性,在js中,闭包主要涉及到js的几个其他的特性:作用域链,垃圾(内存)回收机制,函数嵌套,等等. 在理解闭包以前.最好能先理解一下作用域链的含义,简单来说,作用域链就是函数在定义的时候创建的,用于寻找使用到的变量的值的一个索引,而他内部的规则是,把函数自身的本地变量放在最前面,把自身的父级函数中的变量放在其次,把再高一级函数中的变量放在更后面,以此类推直至...
2019-10-07 01:46:19
62
转载 sublime text 2中Emmet8个常用的技巧
1. 生成html格式输入 html:52. 简写Div大家可以看到，不管你是否添加了div，Emmet都会自动生成需要div元素。含糊标签名称这个技巧属于implicit tag names特性，你不需要指定div或者li，Emmet会自动帮助你生成，如下：3. 带有DOM导航的链式缩写如果你使用Emmet来扩展简单的class名称生成div的...
2019-10-07 01:46:17
87
转载 JavaScript 事件代理
转自：http://www.cnblogs.com/silence516/archive/2009/09/03/delegateEvent.html 如果你想给网页添加点JavaScript的交互性，也许你已经听过JavaScript的事件代理（event delegation），并且觉得这是那些发烧友级别的JavaScript程序员才会关心的什么费解的设计模式...
2019-10-07 01:46:17
66
转载 响应式WEB页面开发实践
转自：https://github.com/markyun/My-blog/issues/27最近得到一个新任务单，让我用一套页面适应所有主流终端（Android、iPhone、iPad、PC），而且是一套页面写。 我得到任何的第一感觉就是用2套页面吧；PC和iPad一套，手机一套。才好实现吧！但最后要求只用一套完成。虽然给开发经理说了2套页面的优势。没有办法，谁让我们还不是决策...
2019-10-07 01:46:15
377
转载 网易校招前端面试
开始，自我介绍。然后我主要说了我的项目，项目介绍完了之后HR开始提问。提问的内容还记得如下内容： 事件代理； li事件的绑定是绑定到哪里？ jQuery的fadeIn()、fadeOut()是怎么做的； 你知道闭包吗 继承应该怎么做 页面布局采用什么（回答说，一般用div，加float） 怎么清楚float...
2019-10-07 01:46:15
285
转载 前端安全
随着前端技术的发展,安全问题已经从服务器悄然来到了每一个用户的的面前，盗取用户数据, 制造恶意的可以自我复制的蠕虫代码,让病毒在用户间传播,使服务器当掉. 更有甚者可能会在用户不知觉得情况下,让用户成为攻击者,这绝对不是骇人听闻。富客户端的应用越来越广，前端的安全问题也随之增多。常见的攻击方法有：XSS，跨站脚本攻击(Cross Site Script)。它指的是恶意攻击者往We...
2019-10-07 01:46:13
61
转载 阿里实习笔试面试
转自：http://blog.pixelnfinite.com/archives/211在线笔试部分在线笔试还是挺方便的，随意找一个小时撸完了，下面是一些有印象的题目。flatten函数实现，将一个数组摊平。比如[1,[2,3,[4,5]]] => [1,2,3,4,5]isDuplicate，检验arguments中有没有重复元素，返回bool值。load...
2019-10-07 01:46:13
127
转载 CSS性能优化探讨
大部分前端开发人员都不关心CSS性能优化，其实对于一个复杂的页面来说，高效的选择器还是可以带来一定的性能提升的。1. CSS 选择器浏览器是“从右往左”来分析 class 的，它的匹配规则是从右向左来进行匹配的，因此最右边的选择符就是关键选择符。Descendant selector#toc > li {font-weight: bold}浏览器首先会查...
2019-10-07 01:46:11
60
转载 详解js闭包
转自：http://segmentfault.com/a/1190000000652891闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包的特性闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收闭包的定义及其优缺点闭包是指有权访问另一个函数作...
2019-10-07 01:46:11
62
转载 jQuery常用方法归纳总结
转自：http://segmentfault.com/a/1190000000660257$.grep()$.grep( array, function(elementOfArray, indexInArray) [, invert ] )功能：查找满足过滤函数的数组元素：<script src="js/jquery1.42.min.js"></sc...
2019-10-07 01:46:09
131
转载 详解JavaScript Document对象
转自：http://segmentfault.com/a/1190000000660947在浏览器中，与用户进行数据交换都是通过客户端的javascript代码来实现的，而完成这些交互工作大多数是document对象及其部件进行的，因此document对象是一个比较重要的对象。document对象概述document对象是文档的根节点，window.document属性就指向...
2019-10-07 01:46:09
79
转载 JavaScript异步编程的4种方法
转自：http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式...
2019-10-07 01:46:07
81
转载 详解js面向对象编程
转自：http://segmentfault.com/a/1190000000713346基本概念ECMA关于对象的定义是：”无序属性的集合，其属性可以包含基本值、对象或者函数。“对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。类在现实生活中，相似的对象之间往往都有一些共同的组成特征。类，实际上是对象的设计蓝图或者制作配方。我们能基于相同的类创建出许多不同的对...
2019-10-07 01:46:05
69
转载 互联网协议入门（一）
转自：http://segmentfault.com/a/1190000000707577前言我们每天使用互联网，你是否想过，它是如何实现的？全世界几十亿台电脑，连接在一起，两两通信。上海的某一块网卡送出信号，洛杉矶的另一块网卡居然就收到了，两者实际上根本不知道对方的物理位置，你不觉得这是很神奇的事情吗？互联网的核心是一系列协议，总称为”互联网协议”（Internet P...
2019-10-07 01:46:05
74
转载 详解js变量、作用域及内存
转自：http://segmentfault.com/a/1190000000687844基本类型值有：undefined，NUll，Boolean，Number和String，这些类型分别在内存中占有固定的大小空间，他们的值保存在栈空间，我们通过按值来访问的。（1）值类型：数值、布尔值、null、undefined。（2）引用类型：对象、数组、函数。如果赋值的是引用...
2019-10-07 01:46:04
65
转载 互联网协议入门（二）
转自：http://segmentfault.com/a/1190000000707606七、一个小结先对前面的内容，做一个小结。我们已经知道，网络通信就是交换数据包。电脑A向电脑B发送一个数据包，后者收到了，回复一个数据包，从而实现两台电脑之间的通信。数据包的结构，基本上是下面这样：发送这个包，需要知道两个地址： * 对方的MAC地址 * 对方的IP...
2019-10-07 01:46:03
58
转载 详解JavaScript模块化开发
转自：http://segmentfault.com/a/1190000000733959什么是模块化开发？前端开发中，起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果，后来js得到重视，应用也广泛起来了，jQuery，Ajax，Node.Js，MVC，MVVM等的助力也使得前端开发得到重视，也使得前端项目越来越复杂，然而，JavaScript却没有为组织...
2019-10-07 01:46:02
65
转载 Node.js知识点详解（一）基础部分
转自：http://segmentfault.com/a/1190000000728401模块Node.js 提供了exports和require两个对象，其中exports是模块公开的接口，require用于从外部获取一个模块的接口，即所获取模块的exports对象。接下来我们就来创建hello.js文件，代码如下：exports.world = funct...
2019-10-07 01:46:01
131
转载 JavaScript学习总结（九）事件详解
转自：http://segmentfault.com/a/1190000002174034事件处理程序在DOM中定义了一些事件， 而响应某个事件的函数就叫事件处理程序（或事件侦听器）。事件处理程序的名字一般以“on”开头，例如：onclick等事件冒泡与捕获事件流指的是页面中接收事件的顺序，IE，火狐和chrome浏览器都是事件冒泡，所谓是事件冒泡指的是事件最开始由最具体...
2019-10-07 01:46:00
93
转载 JavaScript类的写法（一）
转自：http://segmentfault.com/a/1190000000725051js类的基本含义我们知道，在js中，是没有类的概念的。类的所有实例对象都从同一个原型对象上继承属性，因此，原型对象是类的核心。类是对象的抽象，而对象是类的具体实例。类是抽象的，不占用内存，而对象是具体的，占用存储空间。———百度百科早期的javascript需求都很简单，基本都是写成...
2019-10-07 01:45:59
84
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人