十种前端工程师常用的chrome插件

十种前端工程师常用的chrome插件
Google Chrome扩展对于开发者来说是非常实用的,它们可以使开发者在开发过程中不必运行一些琐碎的工具,从而使他们的工作更加集中。Chrome扩展可以通过很多种方式来帮助开发者。Chrome是个非常受欢迎的浏览器,而这些扩展无疑又增加了它的魅力。 我们已经搜集了一些重要的Chrome扩展,这非常有利于我们的Web开发工作。 1. Speed Tracer Speed Tracer是一款可以帮助你发现并修复Web应用程序性能问题的扩展应...

一张图说明前端开发工程师技能

一张图说明前端开发工程师技能
从这个图里面,几乎包含了ui,js,web程序开发。这3个方面,无论那个方面人员,我觉得都有必要可以多了解下这些技能点。多了解些技能点,彼此直接沟通会更方便!也将容易得多了。我想,如果很早那年我有看过这个图,我就知道自己有几斤几两啦!(当然,比较早时候,很多知识那个时候还没有出现。不过也至少有这个图里面一半左右知识技能点) web开发人员技能提升提现 也就是说,怎么样说明自己在进步了,自...

纯静态案例展示

纯静态案例展示
http://www.daliane.com/GATX/   该网站的特点: 纯静态网站 html +CSS +DIV +JS 兼容IE8+ 兼容非IE系其它浏览器   因为google字体不能成功载入,所以字体不能正常显示。

大中型企业网站前端性能优化

大中型企业网站前端性能优化
前言 本文档为网酷前端规范系列,主要介绍前端性能优化点 一、HTTP优化 1. 减少HTTP请求 合并文件,例如css代码和js代码分别合并到一个css文件和js文件中; 使用css sprite,详细请参考css优化中的css sprite部分。 使用base64技术 2. 重定向优化 消除没必要的跳转 利用服务器重写用户键入的链接 使用HTTP而不是js或者meta来重定向 3. 避免死链/空链/404/410错误 避免出现404 Not Found错误 避免出现图...

Console是什么?

Console是什么?
Console是什么? Console是一个JavaScript解释器的内置对象, 用于访问调试控制台, 在不同的浏览器里效果可能不同. 我们最常用的console.log就是Console对象的一个静态方法, 它的作用是将内容输出到控制台上. 现在, 我们来深入了解一下Console都提供了什么功能. console.log(object[, object, …]) console.log用来在控制台上输出信息, 所需的参数是需要输出的对象, 输出的对象会以空格分隔开. 如果第一个参...

jQuery事件绑定方法bind、 live、delegate和on的区别

jQuery事件绑定方法bind、 live、delegate和on的区别
前言 我们试图绑定一些事件到DOM元素上的时候,我相信上面这4个方法是最常用的。而它们之间到底有什么不同呢?在什么场合下用什么方法是最有效的呢? 准备知识 当我们在开始的时候,有些知识是必须具备的: DOM树 下图仅仅是一个示例,这是一个在browser环境下的一棵模拟DOM树,在下面的代码中仅起到演示的作用: Event bubbling (aka event propagation)冒泡 我们的页面可以理解为一棵DOM树,当我们在叶子...

GitHub秘籍,Git与Github私房菜

GitHub秘籍,Git与Github私房菜
前言 GitHub秘籍中文版,收录了一些Git和Github非常酷同时又少有人知的功能。灵感来自于Zach Holman在2012年Aloha Ruby Conference和2013年WDCNZ上所做的演讲:Git and GitHub Secrets(slides)和More Git and GitHub Secrets(slides)。     GitHub 忽略空白字符变化 在任意diff页面的URL后加上?w=1,可以去掉那些只是空白字符的变化,使你能更专注于代码的变化。   详见 GitHub secrets. ...

chrome 表单自动填充UI改善

chrome 表单自动填充UI改善
chrome 表单自动填充后,input文本框的背景会变成黄色的,通过审查元素可以看到这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: input : -webkit-autofill { background-color : #FAFFBD ; background-image : none ; color : #000 ; } 在有些情况下,这个黄色的背景会影响到我们界面的效果,尤其是在我们给input文本框使用图片背景的时候,原来...

Meta标签中的format-detection属性及含义

Meta标签中的format-detection属性及含义
format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置: meta name="format-detection" content="telephone=no" meta name="format-detection" content="email=no" meta name="format-detection" content="adress=no"  也可以连写:meta name="format-detection" content="telephone=no,email=no,adress=no" ...

HTML 4.01 符号实体速查

HTML 4.01 符号实体速查
本字符实体参考手册包括了数学符号、希腊字符、各种箭头记号、科技符号以及形状。 注释:实体名称对大小写敏感。 HTML 支持的数学符号 结果 描述 实体名称 实体编号 ∀ for all ∀ ∀ ∂ part ∂ ∂ ∃ exists &exists; ∃ ∅ empty ∅ ∅ ∇ nabla ∇ ∇ ∈ isin ∈ ∈ ∉ notin &a...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: