blog
blog copied to clipboard
cssmagic
CSS魔法 - 博客
# 魔法哥快问快答（第二季 ‧ 第二期） > ### 前言 > > 魔法哥 “快问快答” 栏目重装上阵，第二季启动！ > > 在本栏目中，魔法哥会回答具有普遍性的网友提问，希望这些问答对你也有启发；如果你也想提问，直接在 “CSS魔法” 微信公众号内留言就可以了。 ## 区块链相关 ### *Q* 掘金网友 **更不知所以** 提问： > 区块链技术的学习路线是什么呀？ #### *A* 我也是初学者，简单讲一讲我的理解。区块链技术可以粗略划分为两层，一层是链，一层是应用，这两者的关系可以类比为操作系统和应用程序之间的关系。 如果你是想做链，那就需要掌握网络通信、共识算法、密码学、数据库等相对底层的技术。好在公链代码基本都是开源的，我们有很多的学习对象。...
# 魔法哥快问快答（第二季 ‧ 第一期） > ### 前言 > > 魔法哥 “快问快答” 栏目重装上阵，第二季启动！ > > 经常有网友给我留言，咨询问题或寻求建议。我发现很多朋友的疑惑其实是共通的。于是我想，如果把这些问答整理出来让更多的人看到，应该能发挥更大的价值吧！ > > 这便是创立 “快问快答” 这个栏目的初衷。希望这些问答能对你有所启示；如果你也想提问，直接在 “CSS魔法” 微信公众号内留言就可以了。 ## 技术答疑 ### *Q* 公众号网友 **卢通** 提问： >...
> 本文由 **InfoQ** 约稿，由 **CSS魔法** 撰稿，在 “区块链前哨” 和 “前端之巅” 公众号首发。 > #### 编者按 > > 区块链在 2018 年不仅走入大众视野，也火遍了技术圈。在十月即将举办的 QCon 上海站的日程中，小编发现前端会场也有一场与区块链相关的演讲。好奇的小编约来了讲师 **CSS魔法**，请他来谈一谈自己的心路历程。 ### InfoQ：魔法哥，您能先向 InfoQ 的读者介绍下自己吗？ 大家好，很高兴能在 InfoQ 这个平台和大家见面。我叫 “CSS魔法”，熟悉我的朋友都叫我 “魔法哥”。...
# 实战中踩到的 JSON 小坑 前端工程师对 JSON 是再熟悉不过了。它语法简单，表现力强，常用于前后端的数据交换。 在实战中，我也遇到过跟 JSON 有关的小坑。 ## JSON 数据中的 tab 字符 ### 背景 某日在手机版的商品详情页发现了一个隐蔽的 bug，在 iOS 5 下并不会触发，但在当前最新版的 Chrome、Firefox 和 iOS 6+ 下可以重现。故障表现为个别详情页的脚本会挂掉，无法工作。 ### 分析 经过简单的隔离分析之后，把疑点定位到某个...
# WebStorm，你一直在寻找的前端开发 IDE > 人生苦短，用 IDE 吧。 * 我不是屌丝，也不是高富帅，我是一个正常的普通人。 * 我成家了，我有自己的小日子，我想过更好的生活，我的时间很宝贵。 * 我是一个前端工程师，大多数时候我靠写代码挣钱，最终，我决定用 IDE 来干活。 * 我觉得你——我的战友——时间同样很宝贵，所以我推荐你用 WebStorm。  ## 简介 WebStorm 是一款前端开发 IDE（集成开发环境），可以简单理解为，它是一个智能的、强大的代码编辑器。 语法着色、代码补全、代码分析、代码导航、格式化、快捷键、就地参考文档、实时纠错提示、代码重构、脚本调试、版本控制、单元测试、工程管理、收藏夹、Zen Coding、文件模板、代码片断、语言混编……你听说过的、你想到过的、你渴望的、你想像不出来的……所有的跟干活有关的功能，WebStorm 都可以做到，而且做得漂亮、简单快捷。 前端技术日新月异，WebStorm 紧跟前沿技术，贴进开发者的实际需求。全面原生支持...
# [幻灯片] 重拾 CSS 的乐趣（上） > #### 前言 > > 我在第二届 CSS Conf（2015 中国 CSS 开发者大会）上的演讲广受好评，很多网友向我索取现场视频。条件所限，这个演讲并没有留下视频存档。因此，本文尝试在静态幻灯片的基础上，以文字的方式还原现场讲解，尽可能为不能去现场的朋友呈现最完整的体验。 > > 我在每幅图片之间补充了讲解文字。你不用分辨每段文字是配合上图还是下图的，只管顺序阅读即可。 ***  大家看到封面的画风，应该可以看出我今天走的不是技术路线，而是娱乐路线。如果说前面几位讲师的分享是烧脑的悬疑推理大片，我这个环节就是轻松愉快的爆米花电影了，大家可以放松一下。  接下来，接照惯例，需要介绍一下 “这个人”。有两个标签可以描述这个人。...
# [译] jQuery 3 有哪些新东西 > * Original: [What’s New in jQuery 3](http://developer.telerik.com/featured/whats-new-in-jquery-3/) > * Translated by: [cssmagic](https://github.com/cssmagic) It’s been ten years since jQuery started rocking the web and it...
# [译] ScrollFix.js：一个 iOS5 溢出滚动的（有限）修复方案 > * Original: [A (partial) fix for iOS5 overflow scrolling (ScrollFix.js)](http://blog.joelambert.co.uk/2011/10/14/a-fix-for-ios5-overflow-scrolling-scrollfix-js/) > * Translated by: [cssmagic](https://github.com/cssmagic) **Update**: *Unfortunately this does not 100% solve the problem,...
# [译] 如何做到一秒渲染一个移动页面（原名：使用 PageSpeed Insights 分析移动网站） > * Original: [Mobile Analysis in PageSpeed Insights - PageSpeed Insights - Google Developers](https://developers.google.com/speed/docs/insights/mobile) > * Translated by: [cssmagic](https://github.com/cssmagic) > **声明**：原文版权属于 Google，原文以 CC BY...
# StuQ 专访：CSS魔法畅聊前端人生 > 本文由 “StuQ” 微信公众号约稿并首发，由 **CSS魔法** 撰稿。 ### 魔法哥，请先介绍一下自己吧！ 大家好，很荣幸接受 StuQ 的专访。我叫 “CSS魔法”，熟悉我的朋友都叫我 “魔法哥”。我目前在百姓网担任手机站的前端架构师。 似乎 “前端架构师” 这个头衔经常会遭遇嘲讽——“前端居然也需要架构” 或者 “真会吹，拉大旗作虎皮吧” 等等。以前面对这种质疑，总会尴尬一番，不过时间长了也就坦然了：毕竟任何一项严肃的、长期的、大规模的工程，都是需要有人来设计架构的嘛！ 百姓网的前端架构目标很明确：随着业务规模的扩张和团队的壮大，整个网站系统的复杂度也随之迅速上升；如何化繁为简、帮助业务工程师高效高质完成开发任务，这正是前端架构师的职责和挑战所在。 因此，简单概括一下，我在百姓网的日常工作包括： * 调研新技术、新工具，适时应用到团队中。 * 制定代码规范，并通过工具来确保规范的执行。 * 填补基础类库和业务开发之间的断层，提供工具库和...