你的位置:首页
  • 1
  • 2
查看更多站长日记
微博:@圆周率 Email:2378921965@qq.com
我的微博: 腾讯微博

纯CSS3制作逼真的iphone 6手机模型 ...

[资讯] 浏览次数:33 次 发表时间:2016-04-29 17:41:38

简要教程 这是一款使用纯CSS3制作的逼真的iphone 6手机模型特效。该特效中通过简单HTML代码配合CSS3渐变等效果,制作出逼真的iphone6手机模型效果。 查看演示 下载插件 使用方法 HTML结构 该iphone6手机的HTML结构如下: <div class="iphone"> <div class="iphone-top"> <span class="camera"></span> <span class="sensor"></spa...

一探前端开发中的JS调试技巧 ...

[资讯] 浏览次数:35 次 发表时间:2016-04-29 17:36:28

这篇鉴于最近发觉团队童鞋一遇到bug的时候就惊慌失措,不会安静的先排查问题点在哪里,而是一遇到bug就找别人问。遇到bug,分析排查问题出在哪里,这样自己才会成长。其实很多bug还是会有套路的。 调试技巧,在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧,必定能在工作中起到事半功倍的效果。譬如,快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要。 本文将一一讲解各种前端JS调试技巧,也许你已经熟练掌握,那让我们一起来温习,也许有你没见过的方法,不妨一起来学习,...

JavaScript基础装逼指南 ...

[资讯] 浏览次数:12 次 发表时间:2016-04-29 17:27:19

本文秉承着你看不懂是你sb,我写的代码就要牛逼的理念来介绍一些js的装逼技巧。 下面的技巧,后三个,请谨慎用于团队项目中(主要考虑到可读性的问题),不然,leader 干你没商量。 Boolean 这个技巧用的很多,也非常的简单 !!'foo' 通过两个取反,可以强制转换为Boolean类型。较为常用。 Number 这个也特别简单,String转化为Number +'45' +new Date 会自动转化为number类型的。较为常用。 IIFE 这个其实非常有实用价值,不算是装逼。只是其他语言里没有这么玩的,给不太了解js的同学...

跟着9张思维导图学习Javascript ...

[资讯] 浏览次数:14 次 发表时间:2016-04-29 17:26:37

学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出8张javascript相关的思维导图。 思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像、颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆、阅读、思维的规律,协助人们在科学与艺术、逻辑与想象之间平衡发展,从而开启人类大脑的无限潜能。思维导图因此具有人类思维的强大功能。 分别归类为: javascript变量 javascrip...

6种鼠标滑过按钮背景动画特效 ...

[资讯] 浏览次数:12 次 发表时间:2016-04-29 17:18:09

简要教程 这是一组效果非常酷的鼠标滑过按钮背景动画特效。该特效中,当鼠标滑过按钮时,使用CSS3 animation来动画background-size和background-position属性,来制作各种背景动画效果。 查看演示 下载插件 使用方法 HTML结构 该按钮效果使用标准的<button>组件来制作。 <button class="btn btn-1">Hover me</button> CSS样式 首先为按钮设置通用样式。将按钮的背景去除,设置2像素的实线边框,并将底部边框设置为4个像素。通过paddi...

jQuery和CSS3交叉滑动幻灯片特效插件 ...

[资讯] 浏览次数:12 次 发表时间:2016-04-29 17:17:22

简要教程 jSlides是一款效果非常炫酷的jQuery和CSS3交叉滑动幻灯片特效插件。该幻灯片特效不用任何外置的CSS代码,可以制作出带缩略图的交叉滑动显示图片的幻灯片效果。 查看演示 下载插件 使用方法 使用该幻灯片插件需要在页面中引入jquery和jSlides.js文件。 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="src/jSlides.js"><...

看AppCan如何用“工匠精神”打造中国移动技术的领导品牌?...

[资讯] 浏览次数:211 次 发表时间:2016-04-29 17:00:07

今年,“工匠精神”第一次被写入政府工作报告,而对于AppCan,“工匠精神”并不陌生。创立6年,AppCan始终是近乎低调的深研技术,自主研发出面向移动端的Hybrid混合开发技术,精心打磨产品,为技术人提供极致开发体验,是AppCan一直推崇和坚守的工匠精神。 ▼中国第一个吃螃蟹的人,专注移动开发技术六年 2008年前后,Andriod、IOS、塞班等操作系统竞相角逐,正益移动AppCan CEO 王国春凭借敏锐的市场战略眼光,开始着手于研发跨平台的移动应用开发系统。王国春回忆道,“除了对行业的前瞻,更多的是对技术的追求。PC时代,软件几乎被国外的品牌垄断,在移动时代,我希望...

ajax、JSONP、SSE、websocket——前端通信...

[资讯] 浏览次数:190 次 发表时间:2016-04-22 14:34:19

在几年前,天空一声巨响,ajax 闪亮登场. 前端宝 宝们如获至宝~ 已经表单提交神马的, 真的太 心累了. 有了ajax之后, 网页的性能可大幅提升,告别刷新,告别如水的流量. 不过,长江后浪推前浪,一代更比一代强. 由于ajax被同域限制着, 导致, 多服务器配置,云服务资源的存储 没办法充分利用. 所以,业界想到另外一种方法--JSONP. JSONP实际上和ajax没有半点关系,唯一相同的就是都是异步执行,而且JSONP完美解决了CD(cross domain)问题. 科技就是第一生产力, web发展so fast. 以前追求就是静态网页,显示信息而已。现在,正朝着web2.0...

探索react native首屏渲染最佳实践 ...

[资讯] 浏览次数:27 次 发表时间:2016-04-22 12:19:22

react native给了我们使用javascript开发原生app的能力,在使用react native完成兴趣部落安卓端发现tab改造后,我们开始对由react native实现的界面进行持续优化。目标只有一个,在享受react native带来的新特性的同时,在体验上无限逼近原生实现。作为一名前端开发,本文会从前端角度,探索react native首屏渲染最佳实践。 1.首屏耗时计算方法 1.1我们关注的耗时 优化首屏渲染耗时,需要先定义首屏耗时的衡量方法。将react native集成至原生app中时,可以将首屏耗时定义为如下 首屏耗时=react na...

移动端响应式的最佳尖刀利器——rem ...

[资讯] 浏览次数:26 次 发表时间:2016-04-22 12:16:42

前言 提到rem,大家首先会想到的是em,px,pt这类的词语,大多数人眼中这些单位是用于设置字体的大小的,没错这的确是用来设置字体大小的,但是对于rem来说它可以用来做移动端的响应式适配哦。 兼容性 先看看兼容性,关于移动端 ios:6.1系统以上都支持 android:2.1系统以上都支持 大部分主流浏览器都支持,可以安心的往下看了。 rem设置字体大小 rem是(font size of the root element),官方解释 意思就是根据网页的根元素来设置字体大小,和em(font size of the element)的区...

站内搜索
Process: 0.1537s ( Load:0.0005s Init:0.0008s Exec:0.0330s Template:0.1194s ) | DB :74 queries 0 writes | Cache :0 gets 1 writes | UseMem:1,366 kb