摘要: 本文探讨如何在ASP.NET MVC多页面环境下应用js的模块化编程框架require,并给出压缩相关的自动化脚本Require.js是一个支持javascript模块化编程的类库,不了解的读者请移步至:Javascript模块化编程(三):require.js的用法。require在单页面应用中能够如鱼得水,然而对于传统的多页面应用,使用require多少会有些困惑和不方便。多页面应用的一个典型的例子是https://github.com/requirejs/example-multipage,读者可以clone下来参考。本文参考这个例子在ASP.NET MVC的结构中应用require,并 阅读全文
posted @ 2014-04-10 13:59 黑暗骑士之“闪” 阅读(406) 评论(0) 推荐(0) 编辑
摘要: css篇1、标签上title属性与alt属性的区别是什么?2、分别写出以下几个HTML标签:文字加粗、下标、居中、字体3、写出一个文本输入框,属性为只读,最大输入字符为20个4、CSS左边固定,右边可变的布局实现方法;要求在源码顺序中左边必须在前。5、图片和文字一起如何通过css实现居中6、请简述一下CSS中的样式继承和CSS的选择器7、请简述一个各个选择器之间的优先级8、在同等优先级的情况下如何选择样式9、盒子模型,请简述一下盒子模型10、如何使一个DIV的背景图像距这个DIV的顶部10像素,左边15像素,且不重复11、如何增加某一个链接的可点击面积,而下划线仍然与链接一样长?12、一个元素 阅读全文
posted @ 2014-03-31 10:16 黑暗骑士之“闪” 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode),这就是二者最简单的区别。 W3C标准推出以后,浏览器都开始采纳新标准,但存在一个问题就是如何保证旧的网页还能继续浏览,在标准出来以前,很多页面都是根据旧的渲染方法编写的,如果用的标准来渲染,将导致页面显示异常。为保持浏览器渲 阅读全文
posted @ 2014-03-31 08:39 黑暗骑士之“闪” 阅读(183) 评论(0) 推荐(0) 编辑
摘要: var Cache = function(max, buffer) { this.$cache = []; this.$max = max | 0 || 20; this.$buffer = buffer | 0 || 5;};Cache.prototype.set = function(key, cacheItem) { var cache = this.$cache; key = 'cache_' + key; var temp = cache[key]; if (!cache.hasOwnProperty(key)) { if (c... 阅读全文
posted @ 2014-03-24 14:46 黑暗骑士之“闪” 阅读(238) 评论(0) 推荐(0) 编辑
摘要: GuidesHack DesignDesigner SchoolTheExpressiveWebTalks To Help You Become A Better Front-End Engineer In 2013Web Development Teaching MaterialsArchitectureBEMAtomic DesignGithubVideo + SlidesAtomic Design: Some Thoughts and One ExampleAtomic Design Makes Me Feel Like a ChemistPolymer ProjectVideo: We 阅读全文
posted @ 2014-03-05 08:44 黑暗骑士之“闪” 阅读(439) 评论(0) 推荐(0) 编辑
摘要: Scroll 1 2 3 4 5 6 阅读全文
posted @ 2014-01-21 13:22 黑暗骑士之“闪” 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 第一种:淡入淡出html 结构 css.demo{position: relative;width: 766px;margin: 20px auto;}.demo .cont{position: relative;width: 766px;height: 290px;}.demo .cont a{position: absolute;left: 0px;top: 0px;width: 766px;height: 290px;}.demo .cont a img{width: 766px... 阅读全文
posted @ 2014-01-14 13:06 黑暗骑士之“闪” 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 开始使用Sublime Text:Sublime Text有Dev版本,推荐使用,下载地址,一般推荐下载便携版本(Portable version),这样拿来拿去很方便,也不用安装,而且插件和主体在一个目录下,便携。相关阅读:大前端推荐使用的前端开发工具推荐轻量级开发软件 Notepad++ 及其两款超强辅助插件Sublime Text快捷键:Ctrl+Shift+P:打开命令面板Ctrl+P:搜索项目中的文件Ctrl+G:跳转到第几行Ctrl+W:关闭当前打开文件Ctrl+Shift+W:关闭所有打开文件Ctrl+Shift+V:粘贴并格式化Ctrl+D:选择单词,重复可增加选择下一个相同的 阅读全文
posted @ 2013-12-07 21:07 黑暗骑士之“闪” 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 一、getComputedStyle在项目中,我们经常会用到获取dom对象的css值,然后对其重新设置,一般我们都会用element.style来获取或设置,但是这种只能取到dom结构上带的style,如果是外链的那么就获取不到;那怎么办呢,我们可以用window的getCompuedStyle来获取;调用方法如下:window.getComputedStyle(ele,null).attribute;例如获取width属性值,就window.getComputedStyle(ele,null).width;提醒几点:1、getComputedStyle只能用window调用,而且是只读的,e 阅读全文
posted @ 2013-11-29 14:02 黑暗骑士之“闪” 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 1、img 默认是行内块级元素,也就是inline-block,所以他可以设置宽、高;2、行内元素,不能设置宽高,例如 a, lable,span等等,不能margin-top、margin-bottom;但是可以margin-left、margin-right,还可以padding(撑不起父高度)3、行内元素 float后,就变成了inline-block元素,可以设置宽高和底边距;4、块元素float后还是块元素,只是脱离了文档流,还是具有块元素的特性; 阅读全文
posted @ 2013-11-28 10:10 黑暗骑士之“闪” 阅读(111) 评论(0) 推荐(0) 编辑