05 2017 档案

jqTransform：呈现更美的表单
摘要：jqTransform，是DFC Engineering写的一个jQuery的样式插件，用于美化表单元素，使用方便简单，能美化所有表单元素包括input，radio，textarea，select，checkbox。 使用方法： 1、添加javascript引用和css文件的引用 2、编写HTML表 阅读全文
posted @ 2017-05-25 09:01 reaf 阅读(884) 评论(0) 推荐(0)
使用CSS3和jQuery可伸缩的搜索条
摘要：搜索条在我们网站是必不可少的，尤其是在有限的页面空间里，放置一个重要的搜索条是个难题，今天我将结合实例给大家介绍一下如何使用CSS3和jQuery来实现一个可伸缩功能的搜索条。 HTML 在需要放置搜索条的页面中放置如下html代码，搜索条#search_bar包含一个form#myform表单，表 阅读全文
posted @ 2017-05-25 08:59 reaf 阅读(474) 评论(0) 推荐(0)
前端工程师知识体系
摘要：一、框架与组件 bootstrap等UI框架设计与实现 伸缩布局：grid网格布局 基础UI样式：元素reset、按钮、图片、菜单、表单 组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告 响应式布局：布局、结构、样式、媒体、javasc 阅读全文
posted @ 2017-05-24 16:56 reaf 阅读(592) 评论(0) 推荐(0)
前端相关UED团队和个人博客整理
摘要：平时收集的UED的团队和个人博客一些有关/*********************************这次真的是搬运工，原文转载自蓝色理想********************/ 前端团队推荐百度fex FEX 做最专业的前端阿里巴巴 UED — 我们设计的界面，并没有几十亿的流量，但每天来 阅读全文
posted @ 2017-05-24 14:44 reaf 阅读(1273) 评论(0) 推荐(0)
开发备必：WEB前端开发规范文档
摘要：为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分 阅读全文
posted @ 2017-05-24 09:32 reaf 阅读(299) 评论(0) 推荐(0)
HTML5应用之时钟
摘要：利用HTML5的Canvas API可以完成我们以前意想不到的动画效果，以前我们想在网页上放置一个时钟，需要先用flash工具制作一个钟表，并写上复杂的ActionScript代码，然后载入到页面中。而HTML5的到来，我们可以直接在页面中使用canvas标签并配合javascript就可以完成一个 阅读全文
posted @ 2017-05-24 09:19 reaf 阅读(491) 评论(0) 推荐(0)
加快JavaScript加载和执行效率
摘要：JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因 JavaScript 的阻塞特性变的复杂，也就是说当浏览器在执行 JavaScript 代码时，不能同时做其他任何事情。本文详细介绍了如何正确的加载和执行 JavaScript 代码，从而提高其在浏览器中的性 阅读全文
posted @ 2017-05-24 09:08 reaf 阅读(366) 评论(0) 推荐(0)
客户端(浏览器端)数据存储技术概览
摘要：客户端(浏览器端)存储数据有诸多益处，最主要的一点是能快速访问(网页)数据。目前常见的浏览器端数据存储方法有：Cookies，Local Storage，Session Storage，IndexedDB。 Cookies Cookies 是一种在文档内存储字符串数据最典型的方式。一般而言，cook 阅读全文
posted @ 2017-05-24 08:58 reaf 阅读(1018) 评论(1) 推荐(0)
用js原生加jquery实现下拉跳转至商品详情页，上拉回到商品简介
摘要：在做一个商城的项目时，做到商品详情页的时候需要实现这种下拉跳转到商品详情页加载许多图片，上拉回到商品简介的效果，并且需要用户在滑动时有一种费力的感觉。最初是通过iscroll插件实现的，但这个插件在使用时有太多坑儿，总是下面会出现大片空白，还找不到是哪里的问题。 这里用了js原生事件，核心是移动端的 阅读全文
posted @ 2017-05-23 15:48 reaf 阅读(1553) 评论(0) 推荐(0)
css实现两端对齐的3种方法
摘要：说到两端对齐，大家并不陌生，在word、powerpoint、outlook等界面导航处，其实都有一个两端对齐(分散对齐)的按钮，平时使用的也不多，我们更习惯与左对齐、居中对齐、右对齐的方式来对齐页面的文本或模块。 响应式网页设计出现以来，更多是使用百分比布自适应布局，特别是在移动端，两端对齐的方式 阅读全文
posted @ 2017-05-02 14:08 reaf 阅读(1500) 评论(0) 推荐(0)