随笔分类 - JavaScript
摘要:文章背景:腾讯平台上的qq群数以千万百万计,但99%的在吹水扯蛋,从早上的问好开始,到晚上的晚安,无一不浪费青春之时间,看之痛心,无力改变,只好自己建了一个,希望能以此来改变群内交流的氛围或环境。以下是我群的一些约定分享一下,给其它行业同仁一点借鉴,以此也侧面推动行业阶梯式的进步,让入门级初中级找到...
阅读全文
摘要:随着移动市场的逐步扩大及相关技术的日趋完善,对前端开发提出了新的岗位要求,在继承前人成果的基础上需要在新的历史条件下有新的创新。移动端的开发,虽然没有IE6众多问题的折磨,但是多平台,多设备的兼容,也是如恶梦般存在。不过话说回来,着重还是考验基础的css 2.x的功底,只要基础扎实了,应付移动端的兼...
阅读全文
摘要:1. web前端开发分享-css,js入门篇 2. web前端开发分享-css,js进阶篇 3. web前端开发分享-css,js提高篇 4. web前端开发分享-css,js工具篇 5. web前端开发分享-css,js深化篇 6. web前端开发分享-css,js移动篇
阅读全文
摘要:一. css练习网易专题:1.http://news.163.com/新闻 跟腾讯的新闻版式大体没有大的变化,只是细节。2.http://news.163.com/photo/#Current 版式很独具一格。3.http://news.163.com/photoview/00AO0001/40...
阅读全文
摘要:web前端开发乃及其它的相关开发,推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, http://docs.emmet.io,而这两个对他的支持是:sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。w...
阅读全文
摘要:一. css基础知识掌握之后(个人的标准是:弄清块元素与内联元素的区别,弄清float的应用场景,弄清position[pə'zɪʃən]下五个属性static['stætɪk],relative['rɛlətɪvli],absolute['æbsəlut],fixed[fɪkst],inherit...
阅读全文
摘要:一,css进阶篇: 等css哪些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践经验,简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无从下手的地方可以用firebug, chrome调试工具分析网站结构样式。如果技术熟练自信可以自己先写,写完...
阅读全文
摘要:关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学习之路是比较好的。学习没有捷径,但学习是有技巧与方法。一,css入门篇: 推荐书籍:css哪些事儿,...
阅读全文
摘要:单独图片轮换,点击左右按钮,实现翻页效果。<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>单独图片轮换 - 豪情</title> <style type="text/css"> *{margin:0;padding:0;} body{font:12px/1.125 Arial,Helvetica,sans-serif;background:#000;} table{border-collapse:col
阅读全文
摘要:有焦点时文字消失。 请输入关键字查询 - 豪情运行代码-文字消失版有焦点时文字变淡。 请输入关键字查询加强版 - 豪情 请输入关键字查询 运行代码-文字变灰版
阅读全文
摘要:滚动时显示当前主题菜单状态。 滚动菜单标记 - 豪情 --> > 2012中国网站发展情况 > 中国优质网站发展情况 > 中国低质网站泛滥 > 百度站长平台2013年星火计划 > 2013年网站运营趋势分析 > 2013年网站运营方向几点建议 2013年中国网站运营发展趋势报告 ...
阅读全文
摘要:没什么技术含量,看到了只想用源生的js来实现一下。<!DOCTYPE html><html><head><meta charset="utf-8"/><title>腾讯体育轮换tab菜单 - 豪情</title><style type="text/css">*{margin: 0;padding: 0;}body{font:12px/1.5 arial;background: #141e38;}ul,li{list-style: none;}.demo{width: 32
阅读全文
摘要:1. 鼠标点击评分之后不能再次评分。 迅雷评分效果 - 豪情 力荐运行代码
阅读全文
摘要:在移动端webview实现的页面中,有数字的地方必须使用input type="number"类型的input,否则触发后的键盘为全键盘,而非数字键盘。但另外的一个问题是,input 为 type="number" 类型的无法显示非数字字符,比如:12/23中/。只能采取另外的思路来解决,比如:显示的时候用非number类型的input或其它元素,当触发onfocus后,利用js 动态修改为number类型。<inputclass="pg-page-num"type="text"name="&quo
阅读全文
摘要:看似简单的一个菜单,确需要不少的知识点。1. getByClassgetElementsByClassName已经有大部分现代浏览器支持了,只有ie6,ie7,ie8是不支持的。所以对ie6,7,8做特别的处理就行,而ie里边有个内置的属性一直被我们所忽略,document.all,这个比一般的document.getElementsByTagName('*')或许要快一点。2. setTimeout 的巧妙用法。当鼠标离开某个区域时,延时隐藏另外一个区域,而到另外一个区域是清除这个定时器。 <!DOCTYPE html PUBLIC "-//W3C//DTD
阅读全文
摘要:要求:微博置顶,点击链接移动到首条 <!DOCTYPE HTML><html><head> <meta charset="UTF-8" /> <title>微博置顶 - 豪情</title> <style type="text/css"> *{ margin:0; padding:0;} body{font:12px/1.125 Arial,Helvetica,sans-serif;background:#fff;} table{border-collapse:colla
阅读全文
摘要:要求:1. 点击input框显示下拉列表。2. 选中下拉列表值后关闭列表。3. 方向键可选列表中的项。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <m
阅读全文
摘要:dom 的添加或事件绑定 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html
阅读全文
摘要:当页面初步加载时,显示数字滚动。 test 1000000运行代码
阅读全文