摘要: 一、背景 设计狮童鞋总是会设计各种高大上的效果图,比如下面这个土豪金的效果。 该图中“已阅读并同意相关服务条款”前面的复选框有一个金色的边框,打钩时是一个金色的对勾。接下来说说怎样实现该效果。 二、解决方法 1、纯css解决方法 在css3 选择器(三)一文中介绍过一个选择器【:checked】选择阅读全文
posted @ 2015-10-27 12:51 starof 阅读(1757) 评论(2) 编辑
摘要: 一、text-overflow 1、text-overflow作用 简单来说,text-overflow用来设置文本溢出时是否用省略标记(...) 准确的说是设置溢出的文本在不显示的情况下怎样展示给用户,直接裁剪掉?用省略(...)标记?或者显示自定义的string。 2、text-overflow阅读全文
posted @ 2015-05-30 23:21 starof 阅读(253) 评论(0) 编辑
摘要: 前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。 取值: scroll:默认值,背景图相对于元素固定,背景随页面滚动而移动,即背景和内容绑定。 fix阅读全文
posted @ 2015-05-19 17:25 starof 阅读(1010) 评论(1) 编辑
摘要: 一、opacity属性 1、opacity 习惯上说“透明度”,其实应该叫“不透明度”。opacity 意思:不透明,而背景色的默认值:transparent意思才是“透明的”。所以opacity用来设置不透明度,取值从[0.0~1.0],代表从完全透明到完全不透明,0.0就和transparent阅读全文
posted @ 2015-05-19 14:23 starof 阅读(276) 评论(0) 编辑
摘要: 一、作用及应用场景 call和apply是Function的方法,他的第一个参数是this,第二个是Function的参数。call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。因为 JavaScript 的函数阅读全文
posted @ 2017-01-10 11:19 starof 阅读(16) 评论(0) 编辑
摘要: 今天photoshop打开一个问题,提醒:无法完成请求因为暂存盘已满 不用担心这个问题很好解决可能是你做的图比较大并不需要清理C盘空间 选择:编辑→首选项→暂存盘 设置第一暂存盘为D盘或E盘 总之 第一暂存盘最好是你硬盘空间最大的盘这个问题即可解决 像我原来暂存盘为c盘,空闲空间就1G,换成空闲17阅读全文
posted @ 2016-12-30 10:56 starof 阅读(24) 评论(0) 编辑
摘要: 蒋长浩博士 Facebook 介绍:蒋长浩,祖籍湖南,获清华大学计算机本硕学位、伊利诺伊大学(UIUC)博士学位,在卡耐基梅隆大学(CMU)、谷歌公司从事过“普适计算~大规模计算”的优化研究。在Facebook任研究科学家,他创造BIGPIPE,使大型网站访速翻1倍,举世关注。 钱宝坤 新浪微博 微阅读全文
posted @ 2016-12-07 10:51 starof 阅读(190) 评论(0) 编辑
摘要: 一、 通过window.location获取各项参数 1、获取页面完整的url url = window.location.href; 2、获取页面的域名 host = window.location.host; host2=document.domain; 应用场景:页面跳转,开发环境和测试环境域阅读全文
posted @ 2016-12-07 10:39 starof 阅读(139) 评论(0) 编辑
摘要: 了解移动web viewport的知识,主要是为了切图时心中有数。本文主要围绕一个问题:切图时怎样设置<meta name="viewport">相关参数?围绕这个问题对viewport展开讲解。 一、viewport【此处的viewport即layout viewport】概念 移动设备的view阅读全文
posted @ 2016-12-06 11:38 starof 阅读(153) 评论(1) 编辑
该文被密码保护。
posted @ 2016-11-28 10:48 starof 阅读(5) 评论(0) 编辑
摘要: 了解移动web像素的知识,主要是为了切图时心中有数。本文主要围绕一个问题:怎样根据设备厂商提供的屏幕尺寸和物理像素得到我们切图需要的逻辑像素?围绕这个问题以iphone5为例讲解涉及到的web像素相关知识。 一、前置知识 1、 iphone5的相关参数 iPhone 5 处理器 苹果A6处理器,1.阅读全文
posted @ 2016-11-24 18:15 starof 阅读(282) 评论(0) 编辑
该文被密码保护。
posted @ 2016-11-23 16:27 starof 阅读(11) 评论(0) 编辑
该文被密码保护。
posted @ 2016-11-16 10:20 starof 阅读(2) 评论(0) 编辑
摘要: 1、for循环中我们使用continue;终止本次循环计入下一个循环,使用break终止整个循环。 2、而在jquery中 $.each则对应的使用return true 进入下一个循环,return false 跳出循环。阅读全文
posted @ 2016-10-12 14:51 starof 阅读(63) 评论(0) 编辑
摘要: 载体很重要! 我就这么说一句话,很多人一眼瞄过,觉得无聊,说啥呢,胡思乱想,就带过了,根本get不到我在说什么。 90%以上情况我也不想解释。所以没法继续聊天。 (有人就问为什么说了又不想解释?一是累!深入思考一个问题本来就很费脑细胞,想通了还要解释一遍,2遍多累。第二个原因后面说!) 如果有人想进阅读全文
posted @ 2016-09-29 09:27 starof 阅读(217) 评论(8) 编辑
摘要: Chrome浏览器得益于其优秀的V8解释器,javascript执行速度和内存占有率表现非常优秀。 掌握了Chrome工具可提高学习效率和开发效率。 有如下功能面板,可以使用Ctrl+[和Ctrl+]快捷键在面板之间切换。 简单常用的就一笔带过 一、标签页 查看DOM tree内容 根据标签页的ht阅读全文
posted @ 2016-09-27 10:56 starof 阅读(195) 评论(0) 编辑
摘要: 一、需求描述 标题“多尺寸图片左右切换功能”,概括的不知道是否恰当,具体是需求如下。 一次点击按钮,向左或向右移动一个图片。 切换到尽头时不显示按钮 页面有三个尺寸 可以一睹为快,看一下最终效果。 二、切图代码 1、代码 html代码如下: <!DOCTYPE HTML> <html> <head>阅读全文
posted @ 2016-08-03 17:34 starof 阅读(582) 评论(2) 编辑
摘要: 一、切图 1、效果 真实效果如下。 为说明问题只保留有用代码。进度条宽度用百分比来表示,这样适配时不需要重新计算。 2、切图代码 html代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA阅读全文
posted @ 2016-08-01 17:00 starof 阅读(840) 评论(0) 编辑
摘要: 一、Timeline panel 概况 Timeline工具栏可以详细检测出Web应用在加载过程中,时间花费情况的概览。这些应用包括下载资源,处理DOM事件, 页面布局渲染或者向屏幕绘制元素。 如下图,Timeline面板分为四个模块—控制模块,概述模块,火焰图模块,细节模块。 控制模块Contro阅读全文
posted @ 2016-07-12 17:26 starof 阅读(462) 评论(1) 编辑