随笔分类 - web前端系列
html 5,css,js,jquery UI,yahoo UI
摘要：增加 module.noParse 进行解决 例如:
阅读全文
摘要：读本文之前,建议对webpack和vuejs有初步的了解,通过webpack的官网和vuejs的中文官网了解即可 网站主要目录://某些文件不一定全部罗列出来,注意观察 package.json//注意里面会有一些多余的loader包,本次讲解不一定用到 webpack.config.js http
阅读全文
摘要：在 QQ 已经登录的情况下，手动输入网址打开 QQ 邮箱 或者 QQ 空间 等腾讯网站，可以看到网页已经检测到本地 QQ 客户端已经登录，于是用户可以很方便地一键登录网站而不必再输入用户名密码。这实际上是典型的异构系统单点登录 SSO（single-sign-on）技术。网页怎么会知道我登录的 QQ 号码？腾讯是如何实现的呢？网上有很多猜测，比如:QQ 登录时在本地某地方存登录 ID 信息（Cookie 或文件），用 js 读，然后去服务器认证。但是现在的浏览器一般有沙箱功能，js 无法读到登录 ID；而且在清空 Cookie 后依然起作用。以 IP、CPU ID、硬盘 ID 等硬件设备 ha
阅读全文
摘要：设置的css代码:::-webkit-input-placeholder { /* WebKit browsers */ color: #999;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999;}::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999;}:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999;}
阅读全文
摘要：爱词霸UED团队MED | 营销展现研究专家携程UED-携程旅行前端开发团队支付宝前端开发车间Taobao UED Team: 淘宝网用户体验团队博客，有关用户体验设计和研究的经验分享。 - TaobaoUED爱构图-ued聚合百度商业用户体验部 | 以体验驱动商业价值新浪UED | 一个关注用户体验、关注工作流、关注作品质量的有爱团队中国雅虎UED | 让设计更有爱新浪乐居UED信有UED | 开启移动生活百度泛用户体验人人网FED TeamThe Sartorialist腾讯ISUX – 互联网用户体验设计 | ISUX 腾讯社交用户体验设计360UXC用户体验设计中心阿里巴巴（中国站）用
阅读全文
摘要：这段时间，想再次了解下backbone js的相关知识，就把一些认为不错的拿过来了；新版的有道笔记 Web 版（http://note.youdao.com）也使用了 Backbone。就像其他答案回答的，Backbone 最适合的应用场景是单页面应用，并且页面上有大量数据模型，模型之间需要进行复杂的信息沟通。Backbone 在这种场景下，能很好的实现模块间松耦合和事件驱动。 其他适用产品还有微博，网易微博的前端设计也是和 Backbone 类似的一个结构。Backbone 的优点和一些经验 Tip：View 的划分将页面上的视图元素解耦，粒度细化。View 间通过事件和 Model 通讯，
阅读全文
摘要：源码翻译:https://github.com/enja-oss/Backbone/blob/master/backbone.js 跳转ppt:http://www.slideshare.net/caillou/jsday-italy-backbonejs 跳转视频:http://www.joezimjs.com/javascript/introduction-to-backbone-js-part-1-models-video-tutorial/ 跳转http://net.tutsplus.com/sessions/build-a-contacts-manager-using-backbon
阅读全文
摘要：一款基于css3,jquery交互的文字动画,很赞,推荐各位使用!jQueryanimate.css, by Daniel Edenlettering.js, by Dave Rupertgithub 地址:https://github.com/jschr/textillate
阅读全文
摘要：1. IE浏览器下的渐变背景使用渐变滤镜filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1);相关说明：上面的滤镜代码主要有三个参数，依次是：startcolorstr, endcolorstr, 以及gradientType。其中gradientType=1代表横向渐变，gradientType=0代表纵向淅变。startcolorstr=”色彩” 代表渐变渐变起始的色彩，endcolorstr=”色彩” 代表渐变结尾的色彩。上面代码实现的是红
阅读全文
摘要：[摘]当我们制作表格的时候，有时候会遇到数据过长，列数过多，需要横向or纵向的滚动条的需求，我们一般的做法是 给这个表格的外层加一个 scroll_auto 的 div 并设置:/*css document*/.scroll_auto{ width:100%; overflow:auto;}套在table的外层<!-- html element --><div class="scroll_auto"> <table> <tr> <td>.........</td> </tr> <tr&
阅读全文
摘要：首先说下，这篇文章是从 jsmix 文章。对jsmix的标题现在搞的还是云里雾里的。”不会做蛋炒饭的小提琴手不是个好程序员“，这个侬晓得的吗？我是真不知道；好了正文开始了.现在有很多网站已经不太注重 W3C 的验证了，不过这终究不是一件太好的事情，他们有的为了省事不验证，有的在开发过程中一些问题没注意，导致后来要想再修改来通过验证需要付出代价太大而放弃，有的为了节省代码减少流量加快加载速度而放弃繁文缛节。但不管怎么说，至少通过严格遵守一个行业通用的标准来规范自己的代码，也是一件值得推崇的事情。本站声明了 W3C Strict 型文档的规则，并且所有页面都经过零错误、零警告的验证。下面是一些可能
阅读全文
摘要：一、简单的一个介绍在win IE 中<object>元素可以在页面中嵌入ActiveX控件.我们只需要吧ActiveX控件的classID(可以使用OLE/COM Object Viewer获取信息，不过好消息是 IE8中已经能够看到了，不用下神马Viewer工具了－ie8中-工具-管理加载项-选择一个双击就行了)插入到classid特性中即可了。<object classid="activex_class_id" id="ActiveXControl" ></object>二、通过object保存数据<obje
阅读全文
摘要：一、文本选中的默认颜色今天看了国外的很多网站，发现在网页中选中文本的时候，颜色不是我们平常所说的蓝色。经过google的帮助，发现，原来是 CSS 3.0的一个小特性。除了主流浏览器（ie）之外，一般还是支持的。這是浏览器默认选中的颜色二、使用CSS3改变文本选中的默认颜色<!DOCTYPE html><html> <head> <style> .demo1::selection{color:#fff;background:#ff5e2c;} .demo1::-moz-selection{color:#fff;background:#ff5e2c
阅读全文
摘要：今天做的一个项目，在火狐下测试发现了一点小瑕疵。最终锁定在margin-top在ff下的影响。就是因为这个，我发现margin-top在ff应经失去作用，我想这还不简单，直接改padding-top不久行了吗。但是parent有背景图。发现改成padding-top没用,怎么解决。决定试试其他的，经过种种测试，总如下。【其中部分是参考google的搜索结果的】01.在parent上加 overflow:hidden;02.在parent上加 clear:both(或者 clear:left);03.在parent上加 border属性,不能使 none,0.只能是类似这个格式的 border:
阅读全文
摘要：本文关键点：document.selection.createRange().text //iedocument.getSelection();//ff小插曲：下面的这个demo就是关于，如何获取鼠标选中的值:<!DOCTYPE html><html> <head></head> <body> 分享到新浪微博功能实现之截图 是不小贺啊小贺 http://netsos.cnblogs.com/ 分享到新浪微博啊分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪
阅读全文
摘要：使用递归快速显示图片 !DOCTYPE html html lang="en" head meta charset="utf-8" titleuntitled/title style li { float: left; list-style: none; margin: 0 25px 25px 0; } /style /head body ul liimg src="http://d3pr5r64n04s3o.cloudfront.net/002_Tut_WarmDesign/title_image.jpg" / /li
阅读全文
摘要：浏览器渲染模式分为2种,一种是 怪异模式[Quirksmode] 和 标准模式 [Standars mode]历史原因:由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上 没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode)，这就是二者最简单的区别。 W3C标准推出以后，浏览器都开始采纳新标准，但存在一个问题就是如何保证旧的网
阅读全文