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

高手的蜕变

前端网友最新动态:

加关注有惊喜:新浪微博腾讯微博
  • cb340081631开着灰机去旅行

    开着灰机去旅行

    看到有人用css3画了开车旅行,我也来画个开灰机的,比较简陋勿喷。。。 (ps:谷歌党专用--。。。) <!doctypehtml> <html> <head> <metacharset="utf-8"> <title>开着灰机去旅行!</title> <style> *{margin:0;padding:0;}

  • 炼心封装常用的js(base.js)——【14】应用事件绑定更改base.js,完善拖拽(中)

    封装常用的js(base.js)——【14】应用事件绑定更改base.js,完善拖拽(中)

    Base.prototype.drag=function(){ for(vari=0;i<this.elements.length;i++){ addEvent(this.elements[i],'mousedown',function(e){ e.preventDefault(); var_this=this; vardiffX=e.clientX-_this.offsetLeft; vardiffY=e.clientY-_this.offsetTop; if(typeof_this.se

  • lzrcry_沙场jQuery常用技巧大放送

    jQuery常用技巧大放送

    1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法

  • hugeannexcanvas画米字格

    canvas画米字格

    刚看了一同学的画米字格,虽然没看懂为什么要那样做(我也很少用canvas),但个人觉得有点误导别的同学,我也来一个,虽算不上最好,但也算比较好吧(至少代码精简很多)。 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"/> <

  • lzrcry_沙场Web前端研发工程师编程能力飞升之路

    Web前端研发工程师编程能力飞升之路

    今天看到这篇文章。写的非常有意思。发现自己才处于"入室"阶段。 【背景】 如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧; 如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧; 如果你是四五年的前端开发高手,没

  • iyangHTML篇

    HTML篇

    html篇 1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE:trident内核 Firefox:gecko内核 Safari:webkit内核 Opera:以前是presto内核,Opera现已改用GoogleChrome的Blink内核 Chrome:Blink(基于webkit,Google与OperaSoftware共同开发) 2.每个H

  • 炼心封装常用的js(base.js)——【12】封装拖拽效果

    封装常用的js(base.js)——【12】封装拖拽效果

    本节要点:根据笔记05,06弄出来的带遮罩锁屏功能的自定义弹出框,再添加一个拖拽功能,并将其封装 功能分析:拖拽流程:1.点下去mousedown;2.在点下去的物体被选中,进行移动mousemove,3.抬起鼠标停止移动.mouseup <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.

  • 269283678你不知道的jQuery性能优化指南‖

    你不知道的jQuery性能优化指南‖

    1.对直接的DOM操作进行限制 这里的基本思想是在内存中建立你确实想要的东西,然后更新DOM。 这并不是一个jQuery最佳实践,但必须进行有效的JavaScript操作。直接的DOM操作速度很慢。 例如,你想动态的创建一组列表元素,千万不要这样做,如下所示: vartop_100_list=

  • fwjfwj11Sublime Text

    Sublime Text

    选择类 Ctrl+D选中光标所占的文本,继续操作则会选中下一个相同的文本。 Alt+F3选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。 Ctrl+L选中整行,继续操作则继续选择下一行,效果和Shift+↓

  • 10029068JS判断鼠标从什么方向进入一个容器

    JS判断鼠标从什么方向进入一个容器

    <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <title>判断鼠标进入方向</title> </head> <body> <style> html,body{margin:0;padding:0;} #wrap{width:300px;height:300px;background:#33aa00;margin:50px;di

  • niezhic个人认为javascript高级语言设计中比较重要的东西10

    个人认为javascript高级语言设计中比较重要的东西10

    <!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title>Object,对象字面量表示法和方括号访问法</title> </head> <body> <script> //引用类型 varperson=newObject();//新对象是由new操作符后加上构造函数

  • Little_DouB小游戏

    小游戏

    前几天看到tree的碰壁反弹,想起来小时候玩的掌上游戏机里类似的游戏,今天下午睡醒后就大体写了个,好多细节没处理 经过两次修改,改掉部分bug,500-2000分是1.2倍速度,2000-5000分是1.5倍速度,5000分以上是1.5倍速度+2个球 <!doctypehtml> <head> <sty

  • hugeannex缓动效果

    缓动效果

    双十一前的平静,表示准备又要忙了。 整了下缓动算法,开始只熟悉linear、easeIn、easeOut,对easeInOut还是有点头大。 又想又测试,测试了又想,贝塞尔曲线会算,但用上去不怎么理想,可能是自己用法不太对,最后还是用三角函数实现的。。。 参数: t:时间,区间[0

  • treejs--碰壁反弹

    js--碰壁反弹

    这个东西倒不是很难,就是练练对临界值的判断,应该很多东西能用到这个,特别是游戏什么的 要做到临界值的判断就要获取元素的某些值,如下: 假设obj为某个HTML控件 -->obj.offsetTop指obj相对于版面或由offsetParent属性指定的父坐标的计算上侧位置,整型

  • 炼心封装常用的js(base.js)——【07】建立tool.js的理由与其对base.js的影响

    封装常用的js(base.js)——【07】建立tool.js的理由与其对base.js的影响

    李炎恢老师的教程从上节课以后,似乎是为了简化base.js,同时也为了拿出一部分更常用的基础函数,将其封装成tool.js,例如以后会用到的取消冒泡preDef(evt)和屏蔽默认事件stopPro(evt)等,应该都会把它们作为更常用的基础函数封装到tool.js中,然后base.js里面就可以直

  • 天使的眼泪-前端JavaScript定义类,定义属性,定义方法的几种方式详解与分析

    JavaScript定义类,定义属性,定义方法的几种方式详解与分析

    感觉这篇文章写的很好,就转载过来分享给和我一样的初学者。 提起面向对象我们就能想到类,对象,封装,继承,多态。在《javaScript高级程序设计》(人民邮电出版社,曹力、张欣译。英文名字是:ProfessionalJavaScriptforWebDevelopers)这本书中描述的还算比较详细。

  • 天使的眼泪-前端前端笔试面试题目总结

    前端笔试面试题目总结

    希望对一起奋战找工作的战友们有帮助 列举3个以上http请求头,响应头有哪些字段,列举5个以上;http的响应状态消息有哪些值,列举4个以上说明 解析ajax的意思,同步和异步的区别,异步请求有哪些状态,如何创建一个异步请求,异步请求完成过程,说下IE与其他浏览器的差异 如

  • tianxiaofeng747新版qq canvas 动态背景

    新版qq canvas 动态背景

    <!doctypehtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=1024"/> <metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7,IE=9"/> <title>PCQQ官方网站

  • 淡夏的绿茶head标签的那些事

    head标签的那些事

    1.定义语言 格式: 〈metahttp-equiv="Content-Type"content="text/html;charset=gb2312"s〉 这是META最常见的用法,在制作网页时,在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当访客浏览你的网页时,浏览器会自动识别并设置网页中的语言,

  • lzrcry_沙场如何通过一个问题,完成最成功的技术面试

    如何通过一个问题,完成最成功的技术面试

    招聘过程   我之前的主要工作是参与招聘并进行技术面试,招聘的总过程如下:   1.HR所进行的面试:判断候选人是不是一个连环杀手或精神病。   2.技术专家进行的面试:判断候选人是不是一个优秀的程序员。   3.大老板进行的面试:判断候选人愿意接受多少报酬

  • 炼心封装常用的js(base.js)——【04】封装下拉菜单.hover(),show(),hide()

    封装常用的js(base.js)——【04】封装下拉菜单.hover(),show(),hide()

    //设置鼠标移入移除,类似jquery的hover()方法 Base.prototype.hover=function(over,out){ for(vari=0;i<this.elements.length;i++){ this.elements[i].onmouseover=over; this.elements[i].onmouseout=out; } returnthis; } //设置隐藏 Base.prototype.hide=function

  • a573367014人人都会打飞机~!

    人人都会打飞机~!

    <!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

  • hugeannex转盘抽奖效果(毛坯效果)

    转盘抽奖效果(毛坯效果)

    公司可能会用到,自己先做个雏形,兼容IE8的效果等公司采纳用这效果后再加上去。。。  由于是雏形,基本上未深入处理。    <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"/> <metaname="Author"content=""/>

  • yangbys168滚轮触发页面效果

    滚轮触发页面效果

    滚轮触发页面效果 <!doctypehtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>滚轮触发页面效果</title> <metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1

  • 炼心封装常用的js(base.js)——【03】添加,移除class,设置,移除CSS规则

    封装常用的js(base.js)——【03】添加,移除class,设置,移除CSS规则

    本节要点:1.封装添加和移除class,类似于jquery的addClass方法和removeClass方法。 2.设置,移除class规则。 现有代码: //前台调用 var$=function(){ returnnewBase(); } //基础库 functionBase(){ //创建一个数组,来保存获取的节点和节点数组 this.element

  • pingfanHtml5游戏框架createJs组件--EaselJS(一)

    Html5游戏框架createJs组件--EaselJS(一)

    现在html5小游戏越来越火爆了,由于公司业务的需要,也开发过几款微信小游戏,用canvas写的没有利用什么框架,发现性能一直不怎么好,所以楼主就只能硬着头皮去学习比较火的Adobe公司出的CreateJS框架,找了很久资料比较少,基本没什 么中文文档,很多都是英文文档(

  • ethansw3c前端HR告诉你—如何面试Web前端开发

    前端HR告诉你—如何面试Web前端开发

    分享一篇HR前端面试心得: 面试前端工程师对我来说是一件非常有意思的事,因为面试过程很大程度上也是自我提升的过程。无论大公司还是小公司,之所以在如何招聘到真正有能力的,前端工程师方面会遇到同样的问题。 近来几个月,一直在努力寻找前端战友,未果,一路的

  • wuww5511常见浏览器兼容性问题与解决方案(转)

    常见浏览器兼容性问题与解决方案(转)

    所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常

  • 有招网程序员准备面试时常犯的10个错误

    程序员准备面试时常犯的10个错误

    程序员准备面试时常犯的10个错误,分享给即将参加就业面试的程序员,希望能给大家带来帮助。 1.只在电脑上练习 如果面试官要考核你的技术,很有可能会要求你在白板上写代码,而不是电脑上。所以,你就不能只在电脑上练习。电脑上的编译器会自动发现你的语法错

  • 天下无双基于JQ的投骰子走格子游戏

    基于JQ的投骰子走格子游戏

    最近帮公司做了一个投骰子走格子的游戏,感觉挺好玩的,做个笔记,效果演示看这里http://pic.7881.com/7881/market/images/als/rungame.html functionrungame(){ return{ creadeArr:function(){ vari=0,arr=[],arr1=[{left:10,top:48},{left:10,top:145}],arr2=[{left:8

  • 79px前端CSS初学者到高手成长之路

    CSS初学者到高手成长之路

    以前写的,无意中翻到,感觉对初学者还有用,就发出来吧,虽然有点老(CSS2时的产物,会CSS2后,再学CSS3,会觉得也很容易)。 CSS其实很简单,只要把所有“标签”都理解为“方形框”,写CSS代码就相当于用“方形框”拼图形。 什么是“块”标签,什么是“内联”标

  • 赵冰龙工作中常见的浏览器兼容处理总结

    工作中常见的浏览器兼容处理总结

    1.获取事件对象 IEwindow.event FF函数参数e 兼容处理: functionfoo(e){ varev=e||window.event; returnev; }复制代码 2.all属性,该属性可以常用来判断浏览器 IEdocument.all FF不支持 处理函数: functionfoo(){ if(document.all) alert("IE"); else al

  • 止水前端开发环境

    前端开发环境

    1.代码编辑工具 sublime、webstorm 2.断点调试工具 chrome插件Batarang、Firebug 3.版本管理工具 msysgit、tortoisegit 4.代码合并和混淆工具 NodeJs、grunt 5.依赖管理工具 brower 6.单元测试工具 karma、jasmine 7.集成测试工具 protractor 8.轻量级S

  • 秋水天长新的起点,和旧的回忆-----刚工作1年的新鸟

    新的起点,和旧的回忆-----刚工作1年的新鸟

    9.30日,我刚辞去旧的工作,辞职的原因也很可笑,下面会提到。 我工作开始于13年9月,在上一家公司里面,由于除了office,其他什么都不会编入网站组。相信每个跨行的人都会烦恼过,觉得很难起步,自己有多累。本鸟的家境不错,本来也就想混混日子,奈何不小心少男怀春

  • Brain1981CSS特殊伪类::selection改变页面选中文字的样式

    CSS特殊伪类::selection改变页面选中文字的样式

    ::selection这个伪类比较冷门,很少有人会对默认选中文本的深蓝色背景提出异议,所以一般的网站建设中很少有人会去定义它,也只有一小部分追求极致的设计师会有这样的要求。然而今天有一个网站给我上了一课: 这是一个国外的酒店网站,色系是普通的黑色+绿色高亮元

借用构造函数

gmingshanao借用构造函数

functionSup(name,age){ this.name=name||'foo'; this.age=age||'unknow'; } Sup.prototype.sayInfo=fu

30多年程序员生涯经验总结

lzrcry_沙场30多年程序员生涯经验总结

在我30多年的程序员生涯里,我学到了不少有用的东西。下面是我这些年积累的经验精华。我常常想,如果以前能

程序猿12个人艰不拆的真相

lzrcry_沙场程序猿12个人艰不拆的真相

程序猿12个人艰不拆的真相,说多了都是泪。。本文从夜生活、过节、对象、技术文档、PPT等等问题用饼图的方

Tab选项卡(自动切换)

yangbys168Tab选项卡(自动切换)

自动切换的TAB(选项卡) <!doctypehtml> <htmllang="en"> <head> <metachar

JS模拟酷狗音乐播放器

赵冰龙JS模拟酷狗音乐播放器

利用JS的动画函数模拟了一下酷狗的音乐界面,有时间、进度条、还有歌词的变化,但是数据都是提前写好的,目

页面滚动特效

yangbys168页面滚动特效

<!doctypehtml> <htmllang="en"> <head> <metacharset="UTF-8"> <titl

给小伙伴们介绍一个前端特效插件网站

WM_Perfect给小伙伴们介绍一个前端特效插件网站

dowebok【请单击】 里面的很多特效,灰常实用。本人也用过里面的很多效果,网址提供特效demo的在线演示,

大转盘(CSS3、webapp)

617418875大转盘(CSS3、webapp)

最近看到很多的微信活动,其中大转盘算是比较火的,刚好公司有需求,就研究了下。 主要使用css3的旋转属

大家说——如何逐步成为前端工程师?

katherinesnow大家说——如何逐步成为前端工程师?

一、关于前端工程师那些事 Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间

ajax跨域解决办法(整理)

katherinesnowajax跨域解决办法(整理)

1.ajax跨域定义:jquery中ajax数据请求非本系统所在服务器的资源时,属于跨域请求处理,跨域包含了协议,端

自适应网页设计(Responsive Web Design)(转)

617418875自适应网页设计(Responsive Web Design)(转)

随着3G的普及,越来越多的人使用手机上网。 移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,

封装常用的js(base.js)——【06】封装遮罩锁屏.lock(),unlock

炼心封装常用的js(base.js)——【06】封装遮罩锁屏.lock(),unlock

本节要点:1.获取视口大小兼容处理。即window.innerWidth(火狐)和document.documentElement.clientWidth(非

封装常用的js(base.js)——【05】自定义弹出框.封装水平垂直居中center(),和resize()  ...

炼心封装常用的js(base.js)——【05】自定义弹出框.封装水平垂直居中center(),和resize() ...

需求:自定义一个弹出登陆框的界面,主要特点有隐藏hide(),显示show(),浏览器窗口改变大小触发事件resize

论一个弹出层插件的自我修养

赵冰龙论一个弹出层插件的自我修养

牛人们说衡量一个工程师能力的高低,有一个很重要的参数就是看他的插件写的完美不完美,如何评价一个插件的

大家说——如何逐步成为前端工程师?

ethansw3c大家说——如何逐步成为前端工程师?

文章伪原创,里面部分内容来自网络与一些前端大牛,我所做的只是将他们进行整合,希望对你前端学习入门有所

滚轮触发的前端效果原理与制作

赵冰龙滚轮触发的前端效果原理与制作

onscroll事件是一个很有意思的事件,很多前端效果的触发都是和这个事件绑定的,通过写的几个demo,整理一下

javascript入门(一)——JS的发展与基本概念

ethansw3cjavascript入门(一)——JS的发展与基本概念

关于这篇文章:最近开始学习javascript,在学习过程中,因为涉及到各种函数、方法、对象等许多的概念,自己

跟我一起学jQuery插件开发 - 其实很简单

269283678跟我一起学jQuery插件开发 - 其实很简单

【前言】 jQuery已经被广泛使用,凭借其简洁的API,对DOM强大的操控性,易扩展性越来越受到web开发人员的

跟我一起学写jQuery插件(附完整实例)

269283678跟我一起学写jQuery插件(附完整实例)

jQuery如此流行,各式各样的jQuery插件也是满天飞。你有没有想过把自己的一些常用的JS功能也写成jQuery插件

jQuery原型关系图

fants613jQuery原型关系图

若干个月前,在博客园中看到一篇文章,内容很简单,就是一幅图,展示的是jQuery中各对象之间的关系,当时就

极客学院

jQuery技术内幕:深入解析jQuery架构设计与 链接: http://pan.baidu.com/s/1dDIN9PB 密码: sg77

点击下载 »

腾讯网Web页面设计规范 腾讯网Web页面设计规范,希望大家能喜欢! 点击下载:网盘下载

点击下载 »
返回顶部