关注用户体验，分享前端技术

09 2014 档案

原生js获取元素样式
摘要：摘要：我们在开发过程中经常会遇到通过js获取或者改变DOM元素的样式，方法有很多，比如：通过更改DOM元素的class。现在我们讨论原生js来获取DOM元素的CSS样式，注意是获取不是设置在开始之前先说下获取最终应用在元素上的所有CSS属性对象的意思是，如果没有给元素设置任何样式，也会把浏览器默认的... 阅读全文
posted @ 2014-09-30 10:49 夕阳白雪 阅读(35746) 评论(0) 推荐(7) 编辑
模式二之框架模式
摘要：摘要： 在讲完javascript设计模式之后，本文主要再讲前端开发框架的模式，再讲模式之前，首先介绍下库和框架的区别，两者都是产品开发时的产物，因此很多人并没有很细的区分开来。 库是将代码封装在文件中、允许继承和修改这些文件。面向对象的代码组织形式而成的库也叫类库。面向过程的代码组织形式而成的... 阅读全文
posted @ 2014-09-28 08:28 夕阳白雪 阅读(434) 评论(0) 推荐(0) 编辑
kendo-ui的使用和开发自己的组件
摘要：摘要： 前面介绍了一款非常不错的前端框架kendo-ui，如果你想阅读，请点这里。通过使用它一段时间，感觉是非常好用。下面就介绍一下如何使用它和开发自己的组件引入： 只需要引进下面三个文件即可　kendo.common.min.css 通用样式　kendo.default.min.css 皮肤... 阅读全文
posted @ 2014-09-17 14:26 夕阳白雪 阅读(1961) 评论(1) 推荐(1) 编辑
Chrome各个版本小常识
摘要：摘要： 近期在网上看到chrome有个金丝雀版，第一次看到这个版本，所以就将chrome的各个版本进行了了解，chrome是前端开发最好用的工具，不仅仅是它的调试工具，还有他对HTML5/CSS3的兼容性都非常好。下面就把chrome的各个版本介绍下，让更多的人了解它。Chromium： Chr... 阅读全文
posted @ 2014-09-17 08:27 夕阳白雪 阅读(987) 评论(0) 推荐(0) 编辑
前端架构一之XAMPP
摘要：摘要： 随着用户体验的重要性和项目的富客户端化，越来越多的公司将前端与后端分离开来，这时候前端就需要有自己的服务环境。本文将介绍我在开发中所用到的前端服务环境的搭建。环境： OS： win7 64bit Server: Apache html文件： *.shterm 模板：PHP第一步安装... 阅读全文
posted @ 2014-09-16 10:05 夕阳白雪 阅读(1423) 评论(0) 推荐(0) 编辑
ie8下修改input的type属性报错
摘要：摘要： 现在有一个需求如图所示，当用户勾选显示明文复选框时，要以明文显示用户输入的密码，去掉勾选时要变回密文，刚开始想到的就是修改输入框的type来决定显示明文还是密文，使用jQuery的attr来做试验，测试结果是chrome，Firefox，ie9+都是好的，在ie8以下就会报错，查找了下原因... 阅读全文
posted @ 2014-09-16 08:18 夕阳白雪 阅读(2145) 评论(0) 推荐(0) 编辑
5款前端开发数据分析工具
摘要：HttpWatch： 强大的网页数据分析工具。集成在Internet Explorer浏览器中。只需要选择相应的网站，软件就可以对网站与IE之间的需求回复的通讯情况进行分析并在同一界面显示其相应日志记录。每一个HTTP记录都可以详细的分析其 Cookies、消息头、字符查询等信息。支持HTTPS及... 阅读全文
posted @ 2014-09-15 08:10 夕阳白雪 阅读(2636) 评论(0) 推荐(1) 编辑
CSS Hack
摘要：摘要： 在我们制作页面时CSS hack由于不同的浏览器，比如Internet Explorer,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏... 阅读全文
posted @ 2014-09-15 08:09 夕阳白雪 阅读(432) 评论(0) 推荐(0) 编辑
CSS使用经验总结
摘要：清除图片下方出现几像素的空白间隙方法1：img{display:block;}方法2：img{vertical-align:top;}除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的和值都可以方法3：#test{font-size... 阅读全文
posted @ 2014-09-12 08:25 夕阳白雪 阅读(929) 评论(2) 推荐(4) 编辑
10个国内外jQuery的CDN性能大比拼
摘要：jQuery是前端开发最常见也是最流行的javascript库，如何去加载它才能使我们的项目性能更好以及问什么要用CDN？当用户访问自己的站点时从服务器加载文件，每个服务器同时只能下载2-4个文件，这样就会降低文件的执行效率，如果多用几个服务器，这样同时加载文件的个数就是(2-4)*服务器个数，所以... 阅读全文
posted @ 2014-09-11 08:19 夕阳白雪 阅读(19490) 评论(0) 推荐(0) 编辑
window.open
摘要：摘要： 当点击某个按钮或者某个事件发生出发浏览器打开一个新的窗口，这种交互在我们开发的时候经常会见到，一般有两种方法：通过a标签，click，当点击click是就会跳转页面通过javascript的window.open() 下面我们来分析下第二种方法window.open示例：window.o... 阅读全文
posted @ 2014-09-10 09:32 夕阳白雪 阅读(538) 评论(0) 推荐(0) 编辑
CSS3给页面打标签
摘要：我们经常会在页面的左上角或者右上角看到类似如图所示的标签，比如页面的链接（最常使用）等，下面我们就实现一个简单的标签实现步骤是先做一个水平长条，使用CSS3的transform来实现旋转，如果是在左上角的话就逆时针旋转45度，右上角顺时针旋转45度。代码： 1 2 3 4 5 ... 阅读全文
posted @ 2014-09-09 16:12 夕阳白雪 阅读(709) 评论(0) 推荐(0) 编辑
JavaScript开发规范
摘要：看了下Arale 项目一些关于JavaScript的编码风格，文档书写规范和注释规范，感觉还不错分享给大家，其实规范并没有标准的答案，只要项目组成员认可就好。规范讨论编码风格文档书写规范注释规范 阅读全文
posted @ 2014-09-09 15:27 夕阳白雪 阅读(326) 评论(0) 推荐(0) 编辑
CSS开发规范
摘要：摘要： 无论多少人开发一个项目，规范是最初始也是最基本的，一个好的规范不仅让代码看起来完美也能够解决冲突。下面是我在开发时使用的css规范基本规范：所有名称小写，符合w3c规范类名和id，多个变量之间用中划线连接所有变量只能使用名词变量定义要符合语义化基本原则：以项目名或者一个全局名称为命名空间，... 阅读全文
posted @ 2014-09-09 08:56 夕阳白雪 阅读(492) 评论(0) 推荐(0) 编辑
按一下删除键删除整个单词
摘要：在文本框倒叙输入一文中提到了设置文本框焦点的javascript代码，今天就使用这段代码来做一个Demo。内容就是当删除单词时就一次性删除整个单词，如图所示：下面我把示例代码贴上： 1 2 3 4 5 6 9 10 11 12 13 14... 阅读全文
posted @ 2014-09-05 15:04 夕阳白雪 阅读(1116) 评论(0) 推荐(0) 编辑
非常不错的前端框架Kendo-ui
摘要：近期公司在做重构，准备换前端框架由Extjs换kendo-ui，问什么要换框架呢？主要有以下几个原因：Extjs太重，偏向后端语言，前端写起来费劲Extjs执行太慢（这是主要原因），因为Extjs的页面也是用js来生成，这必然会降低性能，影响页面的渲染速度kendo-ui是一款非常不错的前端框架，你... 阅读全文
posted @ 2014-09-04 13:44 夕阳白雪 阅读(19480) 评论(10) 推荐(2) 编辑
编写高性能的jQuery代码
摘要：jQuery Optimization================================现在jQuery已经出现在很多项目中，然而许多同学忽略了他的性能问题以及代码质量问题，下面是我对jQuery的一些性能方面的学习.选择器-------------------------------... 阅读全文
posted @ 2014-09-02 14:10 夕阳白雪 阅读(671) 评论(0) 推荐(0) 编辑
文本框倒叙输入
摘要：所谓的文本框倒叙输入是指输入框的焦点始终在最开始的位置，如图所示，当我输入123456789时，在输入框上显示的是987654321。为什么要做这个Demo？是因为在项目中遇到了，项目需求是两个输入框，一个正序输入，另一个倒叙输入。 下面我把实现的思路和代码写出来。文本倒叙输入：只要我们保证输入框的... 阅读全文
posted @ 2014-09-01 13:09 夕阳白雪 阅读(1087) 评论(2) 推荐(0) 编辑

点击右上角即可分享
微信分享提示