前端
文章平均质量分 64
hellochenlu
这个作者很懒,什么都没留下…
展开
-
十分推荐的一篇关于CSS浮动的博文
原文链接:http://www.cnblogs.com/zhongxinWang/archive/2013/03/27/2984764.html首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。注意,以上这些理论转载 2016-07-16 14:40:12 · 370 阅读 · 0 评论 -
gulp的学习资料
入门级文章: https://segmentfault.com/a/1190000002580846官方API 文档: http://www.gulpjs.com.cn/docs/api/教程: http://www.ydcss.com/archives/54gulp-load-plugins: http://www.qianduancun.com/nodejs/33.html原创 2016-09-23 10:32:38 · 255 阅读 · 0 评论 -
JavaScript 之arguments、caller 和 callee 介绍
1.前言arguments, caller , callee 是什么?在javascript 中有什么样的作用?本篇会对于此做一些基本介绍。2. argumentsarguments: 在函数调用时, 会自动在该函数内部生成一个名为 arguments的隐藏对象。 该对象类似于数组, 但又不是数组。可以使用[]操作符获取函数调用时传递的实参转载 2016-09-22 19:25:27 · 306 阅读 · 0 评论 -
css知多少(7)——盒子模型
原文链接:http://www.cnblogs.com/wangfupeng1988/p/4287292.html转载 2016-09-05 21:49:53 · 276 阅读 · 0 评论 -
【前端福利】用grunt搭建自动化的web前端开发环境-完整教程
jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学、不用!1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表示重点)。至于grunt的作用,这里不详细说了,总之你如果做web前端开发,你一定要用grunt。还有一点转载 2016-09-18 09:57:37 · 870 阅读 · 0 评论 -
C#中TransactionScope的使用方法和原理
原文链接:http://cnn237111.blog.51cto.com/2359144/1271600在.net 1.1的时代,还没有TransactionScope类,因此很多关于事务的处理,都交给了SqlTransaction和SqlConnection,每个Transaction是基于每个Connection的。这种设计对于跨越多个程序集或者多个方法的事务行为来说,不是非常好,需要把事转载 2016-09-17 16:24:27 · 650 阅读 · 0 评论 -
原生js实现fadein 和 fadeout淡入淡出效果
用法:$("button").click(function(){$("p").fadeOut();});fadeOut() 方法逐渐改变被选元素的不透明度,从可见到隐藏(褪色效果)。注释:隐藏的元素不会被完全显示(不再影响页面的布局)。提示:该方法通常与 fadeIn() 方法一起使用。$(selector).fadeOut(speed,easing,callback)转载 2016-09-17 11:29:05 · 14294 阅读 · 0 评论 -
一道网易web前端校招面试题的问题?
假设需实现构造函数Scope,它的特性如下:var scopeA = new Scope();scopeA.title = 'My title';var scopeB = scopeA.$clone();//实例有$clone方法用创建一个对象克隆,表现如下console.log(scopeB.title === 'My title' ); //输出truescopeA.title原创 2016-09-17 10:32:21 · 1268 阅读 · 1 评论 -
DOM中元素节点、属性节点、文本节点的理解
原文链接:http://www.cnblogs.com/dh616854836/archive/2011/08/14/2138038.html节点信息每个节点都拥有包含着关于节点某些信息的属性。这些属性是:nodeName(节点名称)nodeValue(节点值)nodeType(节点类型)nodeTypenodeType 属性可返回节点的类型。最重要转载 2016-08-25 14:39:04 · 635 阅读 · 0 评论 -
javascript-文档碎片
原文链接:http://www.cnblogs.com/duanhuajian/archive/2012/11/03/2752093.html使用文档碎片在某些情况下可以提高页面效率。 javascript操作dom是一个很耗性能的过程,在某些情况下,不得不进行dom循环操作,我们每次对dom的操作都会触发"重排",这严重影响到能耗,一般通常采取的做法是尽可能的减少dom操作转载 2016-10-09 19:36:27 · 496 阅读 · 0 评论 -
哪些CSS属性可以继承
给某个父元素设置CSS样式,同时也会作用在子元素上,叫继承(inherit)。(X)HTML元素可以从其父元素那里继承部分CSS属性,即使当前元素并没有定义该属性。可以继承的属性有:azimuthborder-collapseborder-spacingcaption-sidecolorcursordirectio转载 2016-09-20 20:57:23 · 653 阅读 · 0 评论 -
document.styleSheets以及js中实现样式表的切换、样式的增加减少
document.styleSheets可以返回由网页中所用到的样式表组成的数组,但是不包括直接嵌在元素里的style。例如:上面代码弹出的对话框显示2。至于样式表在数组里的顺序由定义时的顺序决定,如上document.styleSheets[0]返回设定字体大小的style,document.styleSheets[1]返回样式表firstCSS.css。js可以控制样式转载 2016-10-19 11:00:49 · 6256 阅读 · 0 评论 -
浏览器的重绘与重排
原文链接:http://www.cnblogs.com/gyjWEB/p/4547140.html在项目的交互或视觉评审中,前端同学常常会对一些交互效果质疑,提出这样做不好那样做不好。主要原因是这些效果通常会产生一系列的浏览器重绘 (redraw)和重排(reflow),需要付出高昂的性能代价。那么,什么是浏览器的重绘和重排呢?二者何时发生以及如何权衡?如何在具体的开发过程 中将重绘和重排转载 2016-10-18 10:45:29 · 235 阅读 · 0 评论 -
再谈visibility:hidden和display:none
原文链接:http://blog.csdn.net/u012181244/article/details/40743243之前写过一篇有关visibility:hidden和display:none的文章:为什么要用用visibility:hidden;代替display:none;?主要是从浏览器性能方面入手,却没写两者的主要区别,今天补充。首先display:none,这个转载 2016-10-18 10:36:20 · 372 阅读 · 0 评论 -
关于前端路由和后端路由的一点思考
参考文章:https://segmentfault.com/q/1010000005336260http://www.zhihu.com/question/24321175/answer/27410834前端路由:1,什么是前端路由?路由是根据不同的 url 地址展示不同的内容或页面前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,之前是通过服务原创 2016-10-23 16:50:38 · 5621 阅读 · 0 评论 -
JavaScript Navigator对象
avigator对象通常用于获取浏览器和操作系统的信息。navigator对象是window对象的属性,中文是"导航器"的意思由于navigator没有统一的标准,因此各个浏览器都有自己不同的navigator版本,这里只介绍最普遍支持且最常用的。navigator对象常用属性属性描述IEFireFoxOpera原创 2016-09-22 16:28:26 · 403 阅读 · 0 评论 -
CSS overflow 属性
设置 overflow 属性:div { width:150px; height:150px; overflow:scroll; }浏览器支持所有主流浏览器都支持 overflow 属性。注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。定义和用法overflo转载 2016-09-22 14:12:27 · 344 阅读 · 0 评论 -
JQuery动态创建DOM、表单元素
createElement .warpper{ border:1px solid red; padding:8px;}<!--///动态创建一个div$(function(){ $('',{ id:'test', text:"this is a div", "class":"warpper", clic转载 2016-09-21 21:41:30 · 568 阅读 · 0 评论 -
css 中display的inherit
New Document asasas asasas转载 2016-09-20 21:15:49 · 7415 阅读 · 0 评论 -
Javascript 中 == 和 === 区别是什么?
转自知乎,原文链接:https://www.zhihu.com/question/31442029"==="叫做严格运算符,"=="叫做相等运算符。严格运算符的运算规则如下,(1)不同类型值如果两个值的类型不同,直接返回false。(2)同一类的原始类型值同一类型的原始类型的值(数值、字符串、布尔值)比较时,值相同就返回true,值不同就返回false。(3转载 2016-09-17 09:50:52 · 416 阅读 · 0 评论 -
JS中Attribute 和 property的区别
原文链接:http://web.jobbole.com/83129/原创 2016-08-11 21:58:51 · 3812 阅读 · 1 评论 -
CSS 选择器权重计算规则
原文链接:http://www.cnblogs.com/dq-Leung/p/4213375.html其实,CSS有自己的优先级计算公式,而不仅仅是行间>内部>外部样式;ID>class>元素。一、样式类型1、行间我的行间CSS样式。2、内联 h1{font-size:12px; color:#000; }3、外部转载 2016-08-11 21:40:04 · 505 阅读 · 0 评论 -
JavaScript事件代理和委托
在javasript中delegate这个词经常出现,看字面的意思,代理、委托。那么它究竟在什么样的情况下使用?它的原理又是什么?在各种框架中,也经常能看到delegate相关的接口。这些接口又有什么特殊的用法呢?这篇文章就主要介绍一下javascript delegate的用法和原理,以及Dojo,jQuery等框架中delegate的接口。JavaScript事件代理首先介绍一转载 2016-08-08 11:52:22 · 395 阅读 · 0 评论 -
前端面试之模块化-3、require.js的用法
原文链接:http://www.ruanyifeng.com/blog/2012/11/require_js.html一、为什么要用require.js?最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。 这段代码依次转载 2016-08-08 10:54:17 · 1613 阅读 · 0 评论 -
前端面试之模块化-1、模块的写法
原文链接:http://www.ruanyifeng.com/blog/2012/10/javascript_module.html随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,转载 2016-08-08 11:06:01 · 1290 阅读 · 0 评论 -
前端面试之模块化-2、AMD规范和CommonJS规范
原文链接:http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html先想一想,为什么模块很重要?因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!考虑到Javasc转载 2016-08-08 10:20:06 · 1068 阅读 · 0 评论 -
前端架构
架构是一个演变的过程。它指的不是随着历史的演变,而是随着项目演变。通常说架构,指的是架构模式,自创的架构很少。了解架构模式,才能心有余力的应对项目的发展。前端项目大概会经历以下这些阶段:1. 整体渲染2. 结构行为表现分离3. 隔离逻辑单元4. 插件5. 模块6. 前端MVC/MVVM7. 组件- - - - - - - - - - - - -转载 2016-08-07 11:09:31 · 637 阅读 · 0 评论 -
anchor对象
Anchor 对象表示 HTML 超链接。Anchor 对象表示 HTML 超链接。在 HTML 文档中 标签每出现一次,就会创建 Anchor 对象。锚可用于创建指向另一个文档的链接(通过 href 属性),或者创建文档内的书签(通过 name 属性)。您可以通过搜索 Document 对象中的 anchors[] 数组来访问锚,或者使用 document.getElement转载 2016-06-13 20:19:42 · 618 阅读 · 0 评论 -
前端同学大福利,最全的面试题目整理
原文链接:https://zhuanlan.zhihu.com/p/21408753自己整理了一些关于前端这个行业面试题,好多都不会好难过,I NEED AV.......HTML&CSS1. 常用那几种浏览器测试?有哪些内核(Layout Engine)?(Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。(Q2) 内核:Tride转载 2016-06-27 10:04:06 · 391 阅读 · 0 评论 -
url 编码(percentcode 百分号编码)
摘要本文主要针对URI编解码的相关问题做了介绍,对Url编码中哪些字符需要编码、为什么需要编码做了详细的说明,并对比分析了Javascript 中和编解码相关的几对函数escape / unescape,encodeURI / decodeURI和encodeURIComponent / decodeURIComponent。预备知识 foo://example.com转载 2016-04-14 12:09:53 · 1047 阅读 · 0 评论 -
http协议:Web前端-HTTP Cache-control/浏览器缓存
http://blog.csdn.net/YoungerChen/article/details/6116147HTTP协议分别在 1.0 / 1.1 两个时代推出了 Expires / Cache-control 两种cache策略,这里我们无需了解全部的细节,无需记住整个RFC内容,但是当我们需要使用HTTP cache策略时,我们需要注意以下细节:Expires 是HTTP 1.0转载 2016-08-09 09:44:06 · 782 阅读 · 0 评论 -
我是如何同时拿到阿里和腾讯offer的
原文链接:https://segmentfault.com/a/1190000002627927前言三月真是一个忙碌的季节,刚刚开学就需要准备各种面试和笔试(鄙视)。幸运的是,在长达一个月的面试内推季之后,终于同时拿到了阿里和腾讯的offer,还是挺开心的。突而想起久未更新的博客,就冒昧学一学各路大神,分享面试过程中的经验总结。总的来说,本人并不是什么超级大牛,文章更多的是转载 2016-08-07 21:45:16 · 1189 阅读 · 0 评论 -
css 的position属性
定义和用法position 属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值:static继承性:no版本:CSS2JavaScr转载 2016-08-11 21:07:26 · 482 阅读 · 0 评论 -
CSS基础-引入方法,选择器,继承
一.CSS引入方法:行内式、嵌入式、导入式、链接式。 1、行内式。 即:在标签的style属性中设定CSS样式。 例子:行内式 2、嵌入式 即:将页面各种元素的设置集中写在标签里。 例子: div{ background-color:blue; }转载 2016-08-11 17:20:04 · 872 阅读 · 0 评论 -
为您详细比较三个 CSS 预处理器(框架):Sass、LESS 和 Stylus
原文链接:http://www.oschina.net/question/12_44255CSS 预处理器技术已经非常的成熟,而且也涌现出了越来越多的 CSS 的预处理器框架。本文向你介绍使用最为普遍的三款 CSS 预处理器框架,分别是 Sass、Less CSS、Stylus。首先我们来简单介绍下什么是 CSS 预处理器,CSS 预处理器是一种语言用来为 CSS 增加一些编程的的转载 2016-08-11 17:00:40 · 2428 阅读 · 0 评论 -
目前比较全的CSS重设(reset)方法总结
原文链接:http://blog.bingo929.com/css-reset-collection.html转载 2016-08-11 16:38:19 · 597 阅读 · 0 评论 -
2016校招内推 -- 阿里巴巴前端 -- 四面面试经历
原文链接:http://www.cnblogs.com/imwtr/p/4685546.html?utm_source=tuicool&utm_medium=referral匆匆找了某湿兄内了个推,才过两天就收到面试通知了,好吧首先是第一面。其实也没什么可说的,一面主要问基础,二面才进入项目实习之类的探讨,三面两者都有吧但还是综合多一点脑子混了记得不多了,记得多少就记录转载 2016-08-11 14:55:01 · 752 阅读 · 0 评论 -
前端模块管理器简介(bower-browserify)
原文链接:http://www.ruanyifeng.com/blog/2014/09/package-management.html模块化结构已经成为网站开发的主流。制作网站的主要工作,不再是自己编写各种功能,而是如何将各种不同的模块组合在一起。浏览器本身并不提供模块管理的机制,为了调用各个模块,有时不得不在网页中,加入一大堆script标签。这样就使得网页体积臃肿,难以维护转载 2016-08-09 16:18:21 · 395 阅读 · 0 评论 -
JavaScript中数字与字符串相互转化
一.数字转换成字符串①Number类定义的toString()方法:这个方法可以接收表示转换基数(radix,范围在2~36之间)的可选参数,如果不指定此参数,转换规则将是基于十进制。例如:②Number类定义的toFixed()方法:这个方法可以指定小数点后的位数。例如:③Number类定义的toExponential()方法:这个方法使用指数转载 2016-08-09 15:07:33 · 418 阅读 · 0 评论 -
JSONP跨域调用的原理
原文链接:https://www.zhihu.com/question/19966531很简单,就是利用标签没有跨域限制的“漏洞”(历史遗迹啊)来达到与第三方通讯的目的。当需要通讯时,本站脚本创建一个元素,地址指向第三方的API网址,形如: 并提供一个回调函数来接收数据(函数名可约定,或通过地址参数传递)。 第三方产生的响应为json数据的包装(故称之为jsonp,即json p转载 2016-08-09 10:57:29 · 424 阅读 · 0 评论