最新统计:5470761 名前端工程师,270348 篇优秀笔记,23328 个前端问题被解决,1735 家高端企业入驻,1 个网站,1 个共同的家园!

前端工程师

前端网友最新动态:

加关注有惊喜:新浪微博腾讯微博

加载中,请稍后

  • 前端小白来袭前端新手的实习初体验!

    前端新手的实习初体验!

    我是一个前端小白,自学了HTML,CSS,一点基本的js。现在顺利的找到了前端的工作,我现在的公司开发的是java(web)项目,所以是jsp后缀的文件(不要看到不是html就蒙了),我当时一看这开发环境,我去,知道有这个东西,但是没用过啊,根本不知从何做起?这时候需要淡

  • 倾译不知道以后怎么办

    不知道以后怎么办

    我是5月份来到现在的这家公司的,公司也是刚成立几个月,接了很多项目一直在忙啊忙。我在之前的公司就是一个美工,自己画些图,然后写HTML+CSS,还有一些JS效果。到了现在的公司,我的发展方向是前端,公司主要是以手机端的东西为主,手机端的东西我不会,所以公司有PC

  • duan602728596日期选择器,识别平年闰年,每月的天数

    日期选择器,识别平年闰年,每月的天数

    <!DOCTYPEhtml><html><head><title>日期选择器</title> <metacharset="utf-8"> <style> *{margin:0;padding:0;} .riqixuanzeul{overflow:hidden;width:270px;margin:0auto;margin-top:20px;} .libutton{width:270px;height:50px;}

  • tryone前端优化:雅虎35条

    前端优化:雅虎35条

    写在前面 英文原版链接,若是觉得本文哪里不好还请指出,以便及时修改 目录(分7类,共35条): [内容]尽量减少HTTP请求数 [服务器]使用CDN(ContentDeliveryNetwork) [服务器]添上Expires或者Cache-ControlHTTP头 [服务器]Gzip组件 [css]把样式表放在

  • garfieldzfdiv垂直居中处理

    div垂直居中处理

    1、怎样使一个宽为200px和高为200px的层垂直居中于浏览器中? 2、思路主要是在使用float或position:absolute的情况下,加上负外边距。 div{ width:200px; height:200px; backgroundcolor:yellow; border:1pxsolidblack; position:absolute; left:50%; top:50%; ma

  • Susu123javascript的事件处理

    javascript的事件处理

    一、DOM事件流 DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在元素节点和根节点之间按特定的顺序传播,路径所经过的节点都会收到该事件,这个传播过程称为DOM事件流。 事件顺序有两种模型:事件捕获和事件冒泡。 (1)冒泡型事件(

  • lut09010909一些总结的实用小函数,欢迎各位增加补充,大神也请指点指点。。。

    一些总结的实用小函数,欢迎各位增加补充,大神也请指点指点。。。

    1.自己修改的获取class方法 //获取class functiongetByClass(oParent,sClass){ varaEle=oParent.getElementsByTagName("*"); varaResult=[]; for(vari=0,tt=aEle.length;i<tt;i++){ if(aEle[i].className.indexOf(sClass)>=0){ vararr_class=aEle[i].className.

  • zhazhaxia我是如何学习NodeJs

    我是如何学习NodeJs

    实际上在开始的时候我已经对NodeJS有了一定的了解。 比如我知道它是居于Javascript语言的服务器端webServer,比如我知道它的优势在于它的性能,而造成性能优异的原因在于高效的V8引擎,也就是编译器,以及其它一些语言层面的东东,无非就是JS一些语言的特点,函数,异

  • little小龙女前端笔记

    前端笔记

    Retina显示屏 retina是一种具有超高像素的液晶屏,在同样大小屏幕下,一个像素点会显示为多个 在高清位图下,图片会被放大从而模糊,于是,ui设计师在设计移动端设计图的时候会设计为传统pc端像素的两倍 前端的解决方案就是: 设计图被切出来长宽保证为偶数,并使用

  • 暖笑无殇HTML JS知识总结

    HTML JS知识总结

    1、HTML中定义表格的宽度用80px与80%的区别是什么? px表示像素,%表示相对父级的大小。 2、简述DIV元素和SPAN元素的区别。 DIV默认情况下是分行显示,SPAN在同行显示。 3、在HTML页面布局中,position的值有哪几种?默认值又是什么? 1)position的五种值分别

  • jamy移动web资源

    移动web资源

    meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> 忽略将页面中的数字识别为电话号码 <metaname=

  • collapsarhtml meta 头

    html meta 头

    meta标签可提供页面元素信息,使用键值对的定义方式,可以记录网页上的主要信息,可以自定义键值对 属性content(必须),name,http-equiv,scheme,lang 常用meta头: 设置编码信息<metahttp-equiv="Content-Type"Content="text/html;Charset=utf-8

  • liweizhongnode.js在前端这个行业中所占的比例

    node.js在前端这个行业中所占的比例

    在软件开发领域,前端工程师曾经是一个比较纠结的职业。在Web技术真正发展起来之前的相当长一段时间里,由于技术门槛很低,前端工程师行业一直是鱼龙混杂的状态。其中很多号称是Web开发者的人实际上并没有什么专业的前端技能,有些工作就是被当做简单的力气活由美术设

  • 1292629198后端转前段之漫漫长路。。。。

    后端转前段之漫漫长路。。。。

    本人程序猿妹纸一枚,大学毕业一年,软件工程专业,之前在学校做过一小段时间的数据挖掘,后来通过校园招聘来到上海工作,用过的技术(包括在学校+工作岗位):Java,.net,sql,wcf,winForm,svn,tfs,html,css,js等,用过的框架:SSH,jQuery,MVC,MVVM等,工作

  • 前端妹子2015-06-19

    2015-06-19

    不是资深前端,大神勿喷!我是鼓起勇气拿出来的,有什么不对的地方可以说出来!,啦啦啦啦~~~~ 1、css3背景图片自适应大小: background-origin:content; background-position:50%23%; background-size:contain; background-repeat:no-repeat; max-width:62%;

  • 前端妹子IE最基本的一些bug

    IE最基本的一些bug

    一、IE6双倍边距bug 当页面上的元素使用float浮动时,不管是向左还是向右浮动;只要该元素带有margin像素都会使该值乘以2,例如“margin-left:10px”在IE6中,该值就会被解析为20px。想要解决这个BUG就需要在该元素中加入display:inline或display:block明确其元素类型

  • AnymoreCss控制网页变灰(今天看到乔石同志降半旗悼哀百度网页,由此而发)

    Css控制网页变灰(今天看到乔石同志降半旗悼哀百度网页,由此而发)

    终极版代码,兼容IEchromeFirefox。。。。。 html{ filter:grayscale(100%); -moz-filter:grayscale(100%); -o-filter:grayscale(100%); -webkit-filter:grayscale(1); }

  • 黄依蔓简做魅族面试题

    简做魅族面试题

    看了下魅族的面试题,自己简单的做了下,水平略低,欢迎拍砖。 1、列举3个HTML5标签,3个CSS3新特性,3个ECMAScript5新API。 2、2种方式,实现某DIV元素以50px每秒的速度左移100px。 3、用css分别实现某个DIV元素上下居中和左右居中。 4、用DIV+CSS实现三栏布局(左

  • 黄依蔓618随笔

    618随笔

    今天在w3cfuns这注册了账号,想在这里记录自己学习到的点点滴滴,以备自己以后回顾复习。自己很少写博客、笔记什么的文笔不好,自己表达的能力也不是很强,也希望每天的积累能提高自己的这种能力。 其实,我是个大家所谓的“女程序猿”,呵呵,庆幸的是自己还不算难看

  • Susu123探索高效jQuery的奥秘

    探索高效jQuery的奥秘

    1、缓存变量 DOM遍历是昂贵的,所以尽量将会重用的元素缓存。 //糟糕 h=$('#element').height(); $('#element').css('height',h-20); //建议 $element=$('#element'); h=$element.height(); $element.css('height',h-20);复制代码 2、避免全局变量 jQuery与javascri

  • shining-momentcss命名

    css命名

    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;c

  • Susu123html css js基础知识点(二)

    html css js基础知识点(二)

    1、HTML中定义表格的宽度用80px与80%的区别是什么? px表示像素,%表示相对父级的大小。 2、简述DIV元素和SPAN元素的区别。 DIV默认情况下是分行显示,SPAN在同行显示。 3、在HTML页面布局中,position的值有哪几种?默认值又是什么? 1)position的五种值分别

  • Susu123html css js基础知识点(一)

    html css js基础知识点(一)

    1.对WEB标准以及W3C的理解与认识   标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不

  • yujieyu7简单的ps个人使用总结

    简单的ps个人使用总结

    ps这一强大的软件本身包含的技巧和学问很多,不过对于前端开发人员来讲,并不需要像设计师那样精通,常用的也是需要掌握的ps基本技能主要为:测量,切图,拼图,修图。 测量就是尺寸(width,height,padding,margin)的测量(选框工具选定再查看信息面板),颜色的拾取(拾

  • 留住回首面试笔记

    面试笔记

    1.javascript有几种弹出框,各有什么区别? 答:1、alert()显示带有一段消息和一个确认按钮的警告框。 2、confirm()显示带有一段信息以及确认和取消按钮的对话框。 3、prompt()显示可提示用户输入的对话框。 2.最常用的数组方法有哪些? 答:unshift(),s

  • hugeannex画一颗钻石送你可好

    画一颗钻石送你可好

    <!DOCTYPEhtml> <htmllang="zh-CN"> <head> <metacharset="UTF-8"/> <metaname="Keywords"content=""/> <metaname="Description"content=""/> <metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"

  • 10029068网页加载进度条中的javascript

    网页加载进度条中的javascript

    <!DOCTYPEhtml> <html> <headlang="zh-cn"> <metacharset="UTF-8"> <title>进度条</title> <style> .progress{ position:fixed; top:0; right:0; left:0; height:20px; background:#f5f5f5; border-bottom:1pxsolid#d

  • tianxiaofeng747要怎样和程序猿谈一场没有bug的恋爱

    要怎样和程序猿谈一场没有bug的恋爱

     现在越来越多的妹子把恋爱目标锁定在程序员上,原因无他:呆萌又多金。但如何和程序员相处一直是个问题,这篇文章就教你如何优(xin)雅(ji)的驯服程序猿男友。  我和男朋友在一起不到一年,他程序猿一枚,标准的加班狂。前两天和他吵架,要知道,和这样理科思维

  • alice2121Git及Github使用方法总结

    Git及Github使用方法总结

    很久之前就想系统的学习一下版本控制系统了,这两天抽空看了一下《Progit》和《GotGithub》这两本书,学习了Git这个版本控制系统以及只支持Git作为唯一版本库格式的项目托管平台Github,这两者在项目开发中都是很好的工具,下面总结一下使用方法,以方便以后使用时查阅

  • zhazhaxia比较JS合并数组的各种方法及其优劣

    比较JS合并数组的各种方法及其优劣

    本文属于JavaScript的基础技能.我们将学习结合/合并两个JS数组的各种常用方法,并比较各种方法的优缺点. 我们先来看看具体的场景: varq=[5,5,1,9,9,6,4,5,8]; varb=["tie","mao","csdn","ren","fu","fei"];复制代码 很明显,数组q和b简单

  • panda_lqjs别踩白块

    js别踩白块

    刚开始学习,看视频写的,感觉问题很多 <!doctypehtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>Document</title> <style> #main{ width:400px; height:400px; border:2pxsolidblack; margin:50pxauto; position:

  • 勤劳的木匠移动端使用的WebKit私有属性

    移动端使用的WebKit私有属性

    -webkit-line-clamp是一个不规范的属性(unsupportedWebKitproperty),它没有出现在CSS规范草案中。 限制在一个块元素显示的文本的行数。为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性: display:-webkit-box;必须结合的属性,将对象作为弹性伸缩盒

  • 原地FIY一些常用的JS函数(自己封装的)

    一些常用的JS函数(自己封装的)

    //获取元素属性 functiongetStyle(obj,attr) { returnobj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,0)[attr]; } //运动函数 functiondoMove(obj,attr,speed,target,endFn) { clearInterval(obj.timer); speed=parseInt(getStyle(obj,attr))<targe

  • xinliuruoxiHttp状态码

    Http状态码

    Http状态码 一些常见的状态代码为: 200-服务器成功返回网页 404-请求的网页不存在 503-服务器暂时不可用 1xx(临时响应) 用于表示临时响应并需要请求者执行操作才能继续的状态代码。 100(继续)请求者应当继续提出请求。服务器返回此代码则意味着,

  • tanchao初学时做的选项卡

    初学时做的选项卡

    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;c

关于未知高度的垂直居中

小晖关于未知高度的垂直居中

我相信也许你们遇到过这种情况,一个box里面有些文字啊,图片啊啥的,客户老板要求完美,就是要居中,而且

纯css描绘的星空

jie4038纯css描绘的星空

今天闲逛codePen,看到有人用css画星星,于是心血来潮,自己也画了一幅心目中的夜空。纯css,代码已经尽量

javascript原型与原型链详解

Susu123javascript原型与原型链详解

一、普通对象与函数对象 javascript中,万物皆对象!但对象也是有区别的。分为普通对象和函数对象,Object

利用chorme调试手机网页

wojiushiwoltq利用chorme调试手机网页

现在最新的chorme浏览器已经支持调试手机网页了;这真是解决了我们手机站点开发人员一件非常头疼的问题;

HTML5音乐盒

webfunsHTML5音乐盒

链接:http://www.hellocy.com/demo 主要功能:播放,暂停,上一首,下一首,播放模式(随机,顺序

复制excel表格内容到网页中。

tianxiaofeng747复制excel表格内容到网页中。

需求是这样的。 老师要给每个学生家长发短信,告诉家长他的孩子考试成绩。操作流程如下 1:老师要先选择

CSS命名规则,如何表现到极致

flowtreeCSS命名规则,如何表现到极致

最近面试,被问到,在进行团队开发的时候,如何避免css命名冲突的问题,当时,顺口就说了,既然是团队开发

关于Javascript中的this

skq110@qq.com关于Javascript中的this

学习面向对象写法时,做了两个小练习,选项卡和拖拽,开始this的知识点总是让我觉得困惑,但慢慢从练习中越

text-align  justify

utopia_onrtext-align justify

参考applewatch网站在项目中添加nav,发现人家的导航文字两端对齐,像这样: 研究他们的css发现这里用到

Android Studio 的安装配置与使用

推优创意Android Studio 的安装配置与使用

一、前言 2013年GoogleI/O大会,推出了新的Android集成IDE“AndroidStudio”,最大的转变就是从Eclipse切

前端常用技术汇总

神经质女孩前端常用技术汇总

以下是我就目前常用前端技术做的一个汇总,若有错误,还请多多指教

感谢大家的支持,快切助手 赢HTML5 Coding大赛二等奖!

kuaiqie感谢大家的支持,快切助手 赢HTML5 Coding大赛二等奖!

本来为公司前端开发方便,做了快切助手,用着不错,都要求我别干别的了,赶紧升级快切助手吧! 索性开源了

jq简单仿写2cars游戏

jie4038jq简单仿写2cars游戏

2cars是个不错的一心两用游戏,我用jq仿写了一个最简陋版的,给大家放松一下。程序思路上我觉得写得还很幼

2015-05-11

天使的眼泪-前端2015-05-11

尽自己能力解答一个面试阿里实习童鞋公布的题目 1.设计一个两列div布局,使得左侧div的宽度为90像素,右侧

css经典布局之---圣杯布局

wanmeicss经典布局之---圣杯布局

圣杯布局 1、首先我们需要一个简单的html结构来完成我们的的实验 标准的3列的布局模式,左边列(left

Sublime Text 3 全程详细图文原创教程(持续更新中。。。)

推优创意Sublime Text 3 全程详细图文原创教程(持续更新中。。。)

一、前言 使用SublimeText也有几个年头了,版本也从2升级到3了,但犹如寒天饮冰水,冷暖尽自知。最初也是

css3重复渐变(repeating-linear-gradient)和(repeating-radial-gradient)

hoky_qiancss3重复渐变(repeating-linear-gradient)和(repeating-radial-gradient)

css3重复渐变repeatinggradient即重复让线性渐变(linear-gardient)或者径向渐变(radial-gradient)重复

关于css hack

Ymoc关于css hack

在做团队的任务时,还要向下兼容IE8,于是开始了解下CSS的hack。不过不推荐使用hack,因为向后兼容不好,只

时间轴列表,:after,:before伪类样式的启示

谢某某时间轴列表,:after,:before伪类样式的启示

无意中研究某个bootstrap模板的侧导航结构发现了一个有意思的技巧,在一边疯狂使用控制台摸索样式构造的同

纯CSS3实现一颗跳动的红心

hahaxiaotianxia纯CSS3实现一颗跳动的红心

初学css3,用几个div拼成的一颗跳动的心 JSBin:http://jsbin.com/gayiseqeha/1/edit <!DOCTYPEhtmlPU

HTML5 开发精要与实例详解 本书作者陆凌牛,资深Web开发工程师、软件开发工程师和系统设计师。从事Web开发多年,

点击下载 »

html5移动web开发指南 本书主要围绕html5技术,讲述如何利用html5相关技术开发移动web网站和web app应用程序

点击下载 »
返回顶部