SF
我的前端探索
我的前端探索
注册登录
关注博客
注册登录
主页
关于
RSS
笔记:如何获取网站根域名
文蔺
2017-04-26
阅读 3 分钟
9.8k
百度搜索是“www.baidu.com”,百度翻译的域名是“fanyi.baidu.com”,百度地图的域名则是“map.baidu.com”。这些域名有共同的部分“baidu.com”。在本文中,我们将“baidu.com”这样的域名称为“根域名”。前端同学应该都知道,在“.baidu.com”这一域下的 cookie 可以在其他子站点下拿到(当然,前提是端口号和协议都保持一致)。
微信公众号编辑助手
文蔺
2017-01-26
阅读 1 分钟
6.5k
介绍下最近刚刚完成的简单的微信公众号编辑助手插件,可用于抓取博客,生成 Markdown,经过渲染后,可以注入一键注入到公众号编辑器:帮你省去 C+V 步骤,也无需从其他网页保存图片然后再手动上传。
潜在的恶意:前端弹窗类组件的键盘操作
文蔺
2016-12-02
阅读 5 分钟
3.8k
需要说明的是,题目中所说的 Modal,指的是所有由前端开发者自定义的对话框,如通常用到的 Alert、Prompt、Confirm 等等,经常伴随着一个半透明的灰黑色全局 mask。
前端阅读笔记 2016-12-01
文蔺
2016-12-02
阅读 1 分钟
2k
题外话,刚刚意外禁用了 Github 页面的脚本,发现页面依然完好如初。 佩服,页面能做到这个地步,老棒了。。。 不多说,这是 12 月 1日周四的 Reading List,包含了最近两天的阅读。 因为发了参加 velocity 2016 第一天的笔记,所以将阅读笔记放在凌晨 12 点后发送。 一些 Github 项目 docsify 简单好用的文档工具。大赞...
前端阅读笔记 2016-11-25
文蔺
2016-11-25
阅读 2 分钟
2.7k
一个是流行的前端框架,一个富交互的在线 PPT 制作平台。它们背后有着怎样不为人知的故事呢?请看奇舞团前端工程师在 SDCC2016 上的分享。
前端阅读笔记 2016-11-24
文蔺
2016-11-24
阅读 1 分钟
2k
话说,今天本来应该有 CSS Weekly 和 Web Animation Weekly 要学习的,不过时间还是耗在 Rollup 上了。吐槽一句,Rollup 是很不错,但坑很多,不完善的地方也还有一大堆,慎入。
前端阅读笔记 2016-11-23
文蔺
2016-11-23
阅读 1 分钟
2.1k
首先,之前遇到过一些 CSS 精灵图的问题。同样的图标,切下来的尺寸却不一样,这种时候普通的工具几乎无能为力,只能自己手动拼图。于是自己做了个小工具,如你所想,canvas 大法。问题不大,但想借机用下 rollup 这个工具。难点之一在于,如何计算最合适的网格尺寸。这时候想起 @EtherDream 的《利用 canvas 实现数据压...
前端阅读笔记 2016-11-17
文蔺
2016-11-17
阅读 1 分钟
2.6k
今天晚上十点才下班。找了一晚上 bug。最后发现代码压缩之后,在 IE 下出现报错。测试数次之后,转而怀疑工具有问题。匆匆证明是代码压缩过程中出现的问题,但回家路上发现论证有误。等待明天再战。
前端阅读笔记 2016-11-16
文蔺
2016-11-16
阅读 2 分钟
2.5k
常规早读 关于JavaScript中加性操作符的疑问 知乎上看到的 @小爝 的回答。对 valueOf 和 toString 方法讲得非常清楚(虽然其实我也没完全明白)。 二维 grid 布局 关于 Grid 布局很详细的讲解。如果链接打不开,还有一个,点击这里。 另外,w3cplus 上有很详细的一系列文章。很棒,有时间可以好好研究。 题外话,大漠在...
关于 setImmediate
文蔺
2016-10-27
阅读 2 分钟
4.9k
题目叫 “Efficient Script Yielding”,一份 2011 年的 “Editor's Draft”,从题目就能看出用途。建议有时间读一遍,超级短。摘要就一句话:
【译】让人倾倒的 11 个 npm trick
文蔺
2016-09-03
阅读 4 分钟
4.3k
就我个人而言,单学习并使用其中一些小 trick 解救了我,从前移除那些未使用的模块时,我只能先删除整个 node_modules 文件夹,接着再用 npm install 重新安装一切。(npm prune,请见本文第四节。)如你所想,这简直要让人发狂了。
聊聊 JavaScript 中的 Date 对象
文蔺
2016-09-02
阅读 6 分钟
6.4k
原文地址: [链接] 时间的发现 日常生活中,各种形式的时间字符到处都是。 时间观念的产生,时间单位、计时工具的发明,给人类带来的变化实在一言难尽。 今天就来谈谈日期那些事儿。一起来看看 JavaScript 中的日期对象 Date。 Date 对象 和其他对象如 Math、RegExp 等一样,Date 对象是 JavaScript 语言中的内建(build-...
【译】渐进增强的键盘导航
文蔺
2016-08-30
阅读 5 分钟
3.8k
创建界面时很重要的一点是,要考虑到那些只依赖键盘来使用产品的用户。这对可访问性来说是基本要求,在多数情况下,通过键盘操作访问也并非难事。这意味着首先,也是最重要的,是使用键盘可访问元素进行交互。
【译】WebAssembly 初尝
文蔺
2016-08-16
阅读 6 分钟
20.2k
本文转载自:众成翻译译者:文蔺链接:[链接]原文:[链接] 拖拖拉拉好久,终于把个人博客整出来了。鸣谢 @pinggod。厚着脸安利一下,地址是 [链接]。欢迎访问,欢迎收藏。 头一次听说 WebAssembly 的时候就觉得很酷,然后就超兴奋地开始尝试。但从一开始尝试的过程就不顺利,越来越让人灰心。本文的目的就是解决问题,让...
【译】Hybrid or Native: 合适的才是最好的
文蔺
2016-07-16
阅读 4 分钟
5.8k
本文转载自:众成翻译译者:文蔺链接:[链接]原文:[链接] 译者注:本文讲到的 hybrid & native 可能和我们通常理解的略有差异。文中 native 部分主要讲到的是 NativeScript,这一点可能在一些开发者看来是有争议的。关于 NativeScript,想起来@前端外刊评论 有一篇文章《使用 NativeScript 和 Angular2 构建跨平台 ...
【译】 WebP 支持:超出你想象
文蔺
2016-07-15
阅读 5 分钟
18.4k
WebP 是 Google 发明的更小的替代 JPEG 和 PNG 的格式。最近有很多关于WebP支持的疑惑,细说来就是可以用它做什么,不能做什么,比如说浏览器支持,CMS 支持等等。今天我想清除你所有可能的疑虑。WebP 的支持程度实际上比你想的可能要好得多。
Node.js .sh scripts Manager
文蔺
2016-07-12
阅读 3 分钟
4.9k
不知身为前端er的你是不是还在使用 Windows 开发?反正我是。使用 Git?使用 npm scripts?好吧,命令行是少不了的吧?想必很多同学和我一样,使用 Git Bash 作为命令行终端吧。
判断资源并行加载完成的三种办法:计数、Promise及 $.Deferred
文蔺
2016-07-04
阅读 2 分钟
2.9k
方法一:计数比较 {代码...} 方法二:Promise {代码...} 方法三:$.Deferred {代码...} 更多请参考 [链接]
【译】测试驱动开发:使用 Node.js 和 MongoDB 构建 Todo API
文蔺
2016-07-04
阅读 11 分钟
3.7k
测试是软件开发过程中的一个完整部分,它帮助我们提升软件品质。有很多种测试方法,如手动测试,集成测试,功能测试,负载测试,单元测试等等。在本文中,我们将会遵循测试驱动开发的规则编写代码。
使用 ava 和 jsdom 做前端测试
文蔺
2016-06-29
阅读 5 分钟
9.4k
2016-09-03 更新 随着在工作学习中更多地接触、使用测试工具,发现自己在本文中的一些记录是不准确、不正确的。 今天(九月三日)在家看了 NingJs 的直播,其中有一个分享是关于测试框架的,非常棒,之后有可能的话还是找来视频再学习下。 是的,两个月前的理解,是很初级很浅陋的。 继续学习,继续钻研吧。 交代前因 前...
【译】无限滚动加载最佳实践
文蔺
2016-06-27
阅读 3 分钟
4.9k
无限滚动(Infinite scrolling),有时候被称为无尽滚动(endless scrolling),这种技术允许用户在大量内容上滚动,眼中看不到结束的地方。这种技术很简单,就是页面往下滚动的时候保持刷新。
【译】小二百行 JavaScript 打造 lambda 演算解释器
文蔺
2016-06-27
阅读 6 分钟
7.1k
已经有许多编译器/解析器/解释器(compiler / parser / interpreter)的教程,但大多数不会引导你完整实现一种语言,因为实现完全的语言语义,通常需要很多工作。不过在本文中, lambda 演算(译者注:又写作“λ 演算”,为统一行文,下文一律作 “lambda 演算”)是如此简单,我们可以搞定一切!
【译】Node.js 中的队列
文蔺
2016-06-25
阅读 8 分钟
11.4k
Node.js 中的队列 本文转载自:众成翻译译者:文蔺链接:[链接]原文:[链接] 这是深入探索 Node.js 中使用工作队列(work queues)管理异步工作流的系列文章的第一篇,来自the Node Patterns series。 开始享受吧! 很常见的是,在应用程序流中,应用有着可以异步处理的工作负载。一个常见的例子是发送邮件。比方说,新用...
关于JavaScript 函数传参
文蔺
2016-06-25
阅读 1 分钟
4.1k
周五晚上下班回家的路上,突然想到了 CommonJS 规范、Node.js 模块化等等各种东西,然后就想到了熟悉的 module.exports。
【译】客户端存储(Client-Side Storage)
文蔺
2016-06-25
阅读 11 分钟
4.2k
本文是关于客户端存储(client-side storage)的。这是一个通用术语,包含几个独立但相关的 API: Web Storage、Web SQL Database、Indexed Database 和 File Access。每种技术都提供了在用户硬盘上 —— 而非通常存储数据的服务器 —— 存储数据的独特方式。这么做主要基于以下两点理由:(a)使 web app 离线可用; (b)...
【译】NO WEBSOCKETS OVER HTTP/2
文蔺
2016-06-24
阅读 2 分钟
6k
本文转载自:众成翻译译者:文蔺链接:[链接]原文:[链接] 译者注: 《深入浅出 Node.js》第七章讲述 WebSocket 服务的构建中,对本文中反复提到的 Upgrade 有比较详细的说明。
RN 入坑手记
文蔺
2016-04-22
阅读 2 分钟
4.5k
做了一个月的RN。 遇到一些问题,陆续记录下来。一些关于组件上的问题不细说了。 Android下的键盘事件监听 一直想找安卓下面的键盘事件,可是官方文档(0.22)压根就没提这档子事啊。唯一稍微有点眉目的,就是关于原生模块这里。 后来看到了react-native-keyboard-spacer 这个组件的写法,很傻很天真的以为是需要使用什...
【踩坑】近来在Firefox上遇到的一些坑
文蔺
2016-03-12
阅读 2 分钟
3.3k
最近四个多月开始做内部的管理系统,写写样式,偶尔做个calendar、tree之类的组件,所有的基本只考虑新版Chrome。从来没考虑别的问题。
【在网页中获取截图数据】Chrome和Firefox下的实战经验
文蔺
2016-03-11
阅读 6 分钟
6.7k
最近在实现一个功能,需求如下: 前提:当前页面无弹窗 页面任意位置执行粘贴 读取剪切板中的截屏数据 上传截图 首先还是从网上找相关的例子。 找到了SF上的专栏文章《js获取剪切板内容,js控制图片粘贴》。 于是基于这个,做出了第一版的截图上传功能。 由于项目使用的是angularjs,事先已经封装好一套上传图片的办法,...
关于移动端 rem 布局的一些总结
文蔺
2015-08-31
阅读 9 分钟
103k
本文作者: 文蔺本文地址: [链接]本文由 @文蔺 创作,转载请保留此声明。 所有权保留,请勿用于商业目的。 【资源一】基础知识恕不回顾 基础知识参考以下两篇博客: [链接] [链接] 【资源二】淘宝m站首页的动态实现 学习[链接] 首页的实现。 最近读到@大漠的新文章《使用Flexible实现手淘H5页面的终端适配》,和本部分有...