SF
前端随笔
前端随笔
注册登录
关注博客
注册登录
主页
关于
RSS
对于页面适配,你应该使用px还是rem
名一
2018-08-02
阅读 5 分钟
16.3k
css中的单位很多,%、px、em、rem,以及比较新的vw、vh等。每个单位都有特定的用途,比如当需要设置一个矩形的宽高比为16:9,并且随屏幕宽度自适应时,除了用%,其他单位是很难做到的。所以不存在说某个单位是错误的,某个单位是最好的这种说法。
前端远程调试
名一
2016-01-17
阅读 4 分钟
12.8k
如何调试移动端页面一直是比较头疼的事。与桌面浏览器不同,当H5页面嵌入到app后,无法很方便地按出F12来查看元素,或者断点调试js。另外,移动端设备碎片化非常严重,iphone 4 到 iphone 6+,android 更是不用多说。本文就试着对webview的调试方面谈一谈自己的看法。
Fiddler实用教程
名一
2016-01-03
阅读 3 分钟
24.3k
经常有人说抓包抓包,很极客的感觉,其实就是利用工具分析网络请求和响应而已。用工具,谁不会呢?对吧。恰好有个QA同学曾问我,怎么模拟出这种情况,怎么模拟出那种情况,等写完就把博客链接发给她好了。
[JavaScript 随笔] 理解严格相等、非严格相等和隐式类型转换
名一
2015-12-27
阅读 2 分钟
4.8k
JavaScript 中大概有这几种 “类型”: undefined null string boolean number object function 之所以在 “类型” 上加了双引号,是因为严格来说,null 的类型是 object。但本文讨论的主题包括了关于 null 的类型转换,它和 object 不同,所以单独列出来了。这点请根据上下文强行区分一下,不是bug、不是bug、不是bug。 有...
[Web 安全] 了解XSS与防范
名一
2015-10-19
阅读 4 分钟
16k
跨站脚本(XSS, Cross Site Script)攻击指的是,攻击者可以让某网站执行一段非法脚本。这种情况很常见,比如提交一个表单用于修改用户名,我们可以在文本框中输入一些特殊字符,比如 <, >, ', " 等,检查一下用户名是否正确修改了。
理解 BFC (Block Formatting Model)
名一
2015-10-08
阅读 5 分钟
5.9k
W3C 为浏览器规定了三种定位模型:Normal Flow, 浮动, 和绝对定位。本文所介绍的 BFC (Block Formatting Model) 是属于 Normal Flow 中的一小节内容,并且这部分内容只有三段话。第一段:
[Web 安全] 如何通过JWT防御CSRF
名一
2015-09-07
阅读 6 分钟
42.3k
CSRF (Cross Site Request Forgery),它讲的是你在一个浏览器中打开了两个标签页,其中一个页面通过窃取另一个页面的 cookie 来发送伪造的请求,因为 cookie 是随着请求自动发送到服务端的。
[JavaScript 随笔] 垃圾回收
名一
2015-08-30
阅读 3 分钟
7.6k
在 JavaScript 中,由于垃圾回收是自动进行的,所以人们在编码时可能不太会注意这方面。但事实是,一些 webapp 在使用一段时间后,会出现卡顿的现象,特别是那些单页应用,包括 WebView 方式的手机 app 。这个现象在传统的“单击 - 刷新”类型的页面中并不明显,因为页面刷新之后,所有没有被回收的垃圾对象也会被清除,但...
[JavaScript 随笔] 一个 JS 框架需要做什么
名一
2015-08-28
阅读 7 分钟
8.7k
为什么这么说?不知道各位有没有发现,虽然前端发展快,但一些有名的框架至少会火热很长时间,比如 Backbone、React、Ember 。如果有心要学,肯定有足够的时间把它学会,毕竟事实摆在面前,很多公司的上线产品就是用 React 来写的,比如 Teambition 的简聊,貌似它是从 Backbone 重构过来的。然而,很多同学在接手新项目...
[项目总结] 移动端混合型应用项目有感
名一
2015-08-16
阅读 5 分钟
6.4k
我们小组共有15个成员,包括产品、设计、开发、QA 等所有该有的角色。经过1周(微妙地加粗:整个开发周期只有4周好吗)的需求讨论之后,我们的结论是做一个以找室友为核心,周边功能有找房源、社交等,这样一个app。
移动端Hybrid应用与响应式
名一
2015-07-31
阅读 3 分钟
6.2k
如果说多年前的前端只是需要学习几个 HTML 标签,看到别的网站用了狂拽酷炫的特效就 copy 下来,稍微懂点 jQuery 做日常使用,再了解几个 Prototype 和 MooTools(貌似都不再维护了)等高冷脱俗的库做装X用就能显得很“专家”了。那么现在要还是持这样的想法,就不适合搞前端。
[JavaScript 随笔] 关于 this 你必须知道这几点
名一
2015-07-23
阅读 3 分钟
3k
关于 JavaScript 中 this 的坑大家都踩过。像本文开头的这句话,道理你都懂,但是……所以这里就总结了几个 this 最常用的使用场景。
[JavaScript 随笔] 继承的实现方式及原型概述
名一
2015-07-14
阅读 5 分钟
8.4k
对于 OO 语言,有一句话叫“Everything is object”,虽然 JavaScript 不是严格意义上的面向对象语言,但如果想要理解 JS 中的继承,这句话必须时刻铭记于心。