摘要: 效果如下 调用 <tabbar :selected='selected'></tabbar> 组件 <template> <div class='tabbar'> <ul> <li @click="go(item.path)" :class="{active:message==item.path}" 阅读全文
posted @ 2019-07-13 14:57 reaf 阅读(3161) 评论(0) 推荐(1) 编辑
摘要: 写了个评分组件,效果如下 组件Rate.js 组件样式 Rate.less 背景图 调用 <Rate number={10} def={5} /> number:为评分总数,默认为5 def:为评分数,默认为0 阅读全文
posted @ 2019-07-05 10:17 reaf 阅读(2018) 评论(0) 推荐(0) 编辑
摘要: jqTransform,是DFC Engineering写的一个jQuery的样式插件,用于美化表单元素,使用方便简单,能美化所有表单元素包括input,radio,textarea,select,checkbox。 使用方法: 1、添加javascript引用和css文件的引用 2、编写HTML表 阅读全文
posted @ 2017-05-25 09:01 reaf 阅读(786) 评论(0) 推荐(0) 编辑
摘要: 搜索条在我们网站是必不可少的,尤其是在有限的页面空间里,放置一个重要的搜索条是个难题,今天我将结合实例给大家介绍一下如何使用CSS3和jQuery来实现一个可伸缩功能的搜索条。 HTML 在需要放置搜索条的页面中放置如下html代码,搜索条#search_bar包含一个form#myform表单,表 阅读全文
posted @ 2017-05-25 08:59 reaf 阅读(444) 评论(0) 推荐(0) 编辑
摘要: 一、框架与组件 bootstrap等UI框架设计与实现 伸缩布局:grid网格布局 基础UI样式:元素reset、按钮、图片、菜单、表单 组件UI样式:按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告 响应式布局:布局、结构、样式、媒体、javasc 阅读全文
posted @ 2017-05-24 16:56 reaf 阅读(495) 评论(0) 推荐(0) 编辑
摘要: 平时收集的UED的团队和个人博客一些有关/*********************************这次真的是搬运工,原文转载自蓝色理想********************/ 前端团队推荐百度fex FEX 做最专业的前端阿里巴巴 UED — 我们设计的界面,并没有几十亿的流量,但每天来 阅读全文
posted @ 2017-05-24 14:44 reaf 阅读(1209) 评论(0) 推荐(0) 编辑
摘要: 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分 阅读全文
posted @ 2017-05-24 09:32 reaf 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 利用HTML5的Canvas API可以完成我们以前意想不到的动画效果,以前我们想在网页上放置一个时钟,需要先用flash工具制作一个钟表,并写上复杂的ActionScript代码,然后载入到页面中。而HTML5的到来,我们可以直接在页面中使用canvas标签并配合javascript就可以完成一个 阅读全文
posted @ 2017-05-24 09:19 reaf 阅读(429) 评论(0) 推荐(0) 编辑
摘要: JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因 JavaScript 的阻塞特性变的复杂,也就是说当浏览器在执行 JavaScript 代码时,不能同时做其他任何事情。本文详细介绍了如何正确的加载和执行 JavaScript 代码,从而提高其在浏览器中的性 阅读全文
posted @ 2017-05-24 09:08 reaf 阅读(349) 评论(0) 推荐(0) 编辑
摘要: 客户端(浏览器端)存储数据有诸多益处,最主要的一点是能快速访问(网页)数据。目前常见的浏览器端数据存储方法有:Cookies,Local Storage,Session Storage,IndexedDB。 Cookies Cookies 是一种在文档内存储字符串数据最典型的方式。一般而言,cook 阅读全文
posted @ 2017-05-24 08:58 reaf 阅读(982) 评论(1) 推荐(0) 编辑