- 博客(21)
- 资源 (1)
- 收藏
- 关注
原创 【移动端布局】抛弃rem,使用vw
你还在用rem弹性布局吗?在html文件头部放入一大段压缩过的js代码,是不是让你很难受?来了解下vw吧,能让你的代码更纯粹简单介绍下rem布局方案rem是css中的长度单位,1rem=根元素html的font-size值。当页面中所有元素都使用rem单位时,你只需要改变根元素font-size值,所有元素就会按比例放大或者缩小。因此我们只需要写一小段js代码,根据屏幕宽度改变html的font-s
2018-04-26 10:26:46
15445
2
原创 mongodb(mongoose)+express(nodejs)搭建web应用
使用mongodb(mongoose)+express(nodejs)搭建web应用安装好nodejs,mongodb,具体方法请自行搜索(mac osx 使用 homebrew安装mongodb后,一些小问题的解决方案)mongoose的好处:防止在大量并发的情况下出错;让nodejs更容易操作mongodb数据库。最大的特色就是对象模型。开始在确认已经安装了node之后(下载)
2015-03-12 18:55:25
368
原创 移动端300ms延迟click事件,zepto、fastclick点透研究
背景部分移动设备(包括iPhone)在手指离开屏幕后的300ms,才会找到用户点击的位置,再去触发对应位置最上层元素的click(这个延迟是因为移动设备要确定用户这次触摸屏幕是一次单击还是双击,如果是双击,就会将页面放大)这300ms在用户感觉会觉得页面响应慢不流畅,许多开发者追求用户体验,使用各种方法让click事件在用户手指一离开页面就触发目前能加快响应的主流两个库有 zept
2014-09-15 18:39:10
3272
1
原创 移动端web开发注意事项
移动端web开发注意事项iOS没有滚动条概念,所以overflow:hidden不能禁止页面滚动解决方案: 给body添加touchmove事件 document.body.addEventListener('touchmove', preventDefault); function preventDefault(e){ e.preventDefault
2014-08-28 13:32:15
656
原创 zeptoJS:关于 手机web 使用click还是tap的问题
今天在网上看到一篇文章:http://chaoskeh.com/blog/some-experience-of-using-zepto.html里面说到:
2014-08-20 14:19:45
813
原创 canvas指纹验证测试报告
canvas指纹验证测试报告验证维度手机系统Android 2.x、4.xiOS 6.x、7.x、8.x浏览器(各个版本)Safari 或 Android原生浏览器UC浏览器QQ浏览器微信浏览器canvas指纹ID打印 实现代码(具体代码见附件)简单的示例代码(testCode/simpleCanvas.js)实现
2014-08-12 22:35:59
7959
1
转载 css3 私有前缀属性和标准属性的顺序
CSS-TRICKSGrow your CSS skills.Land your dream job.Search BLOG VIDEOS ALMANAC SNIPPETS FORUMSTHE LODGEOrdering CSS3 PropertiesPublished September 7, 2010 by Chris Coyier
2014-08-12 15:15:34
952
转载 querySelectorAll 方法相比 getElementsBy 系列方法有什么区别?
1. W3C 标准querySelectorAll 属于 W3C 中的 Selectors API 规范 [1]。而 getElementsBy 系列则属于 W3C 的 DOM 规范 [2]。2. 浏览器兼容querySelectorAll 已被 IE 8+、FF 3.5+、Safari 3.1+、Chrome 和 Opera 10+ 良好支持 。getElementsBy 系
2014-08-12 10:02:56
947
转载 圆角的兼容性做法
<!--.rd_border{border:solid 3px #a6c2e2;position:relative;}.rd{height:6px;width:6px;background-image: url(http://bbs.blueidea.com/attachment.php?aid=58387&noupdate=yes); position:absolute;}.rd_1{ba
2014-08-11 10:57:20
382
转载 css border属性简写
CSS的border属性的定义: Value: [ || || ] | inherit Initial: see individual properties Applies to: all elements Inherited: no Percentages: N/A Media: visual Computed value: see individual p
2014-08-05 15:27:38
2992
转载 css属性 ime-mode
IMEIME 是输入法编辑器(Input Method Editor) 的英文缩写(IME),它是一种专门的应用程序, 用来输入代表东亚地区书面语言文字的不同字符。
2014-08-05 15:08:44
746
转载 UML部署图
UML建模之部署图(Deployment Diagram) 一、部署图简介(Deployment Diagram Introduction) 部署图描述的是系统运行时的结构,展示了硬件的配置及其软件如何部署到网络结构中。一个系统模型只有一个部署图,部署图通常用来帮助理解分布式系统。 二、部署图元素(Deployment Diagra
2014-06-07 19:14:01
604
转载 UML建模之状态图
UML建模之状态图(Statechart Diagram) 状态图目录:一、状态图简介(Brief introduction)二、状态图元素(State Diagram Elements)1、状态(States)2、转移(Transitions)3、动作(State Actions)4、自身转移(Self-Transitions)5、组合状态(Compo
2014-05-07 18:09:20
514
原创 sublime text3 os x下好用插件及快捷键——Web前端开发
super+q退出,才会保存当前工作状态,下次打开才会自动回到关闭时候的状态,直接叉叉掉窗口是不行的。super+shift+c(colorPicker插件,直接选颜色,插入十六进制颜色码)F1—chrome打开当前文件,F2—Safari打开文件,F3—FF打开文件SideBarEnhancements插件在preferences > package Settings > S
2014-04-02 20:07:38
1330
1
原创 唯品会3月29日中山大学“移动技术”笔试——回忆不全
一、不定向选择题:1、考出栈顺序:进栈顺序是a,b,c,d,哪些出栈顺序不可能?2、考排序算法复杂度:选不正确的:a.堆排序时间复杂度最差是..最优是.. b.归并排序时间复杂度最差最优 c.快速排序时间复杂度最差最优(具体数值不记得了,大概题型就这样)3、304http状态码是什么意思?请求的文档内容没有改变(http状态码要看)4、static说法正确的是: a、s
2014-03-29 11:52:22
415
原创 如何画概念类图
概念类图是什么?是现实世界中对象可视化的表示,不是对软件对象的描述为什么要创建概念类图*理解现实中的业务对象和逻辑、关键概念和词汇,以便更好地开展后续工作。**当为一个大型商场开发管理系统的时候,第一件事是先了解整个商场是如何运作的,有哪些业务流程,而此时创建一个领域模型,是直观方便的方法。**因此对于具体如何设计软件类并不关心,只关
2014-03-20 21:42:01
5623
1
原创 2014年网易游戏TTT 笔试——中山大学3月16日
1.绕Y轴旋转的旋转矩阵ans:2.程序的输入结果?ans:30,703.问sizeof(data),(int)(*(p+4))是多少?小端存储,32位系统ans:8,2为什么int是4字节,short是2字节,d变成8字节了呢?!其实,这是VC对变量存储的一个特殊处理。为了提高CPU的存储速度,VC对一些变量的起始地址做了“对齐”处
2014-03-20 21:21:30
270
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人