syospace

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

从古老的的百分比布局+px+媒体查询到rem布局，一直没找到心仪的移动端适配方案。网上搜索的教程质量也是参差不齐(要么配置过于繁琐，要么一篇文章到处抄袭)，反正我看完了总有一种无从下手的无奈。所幸，经同事推荐找到一款完美的插件。欣喜之余，以作记录。同时希望能给需要的朋友提供帮助…

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

帧动画的缺点和局限性比较明显，合成的雪碧图文件大，且在不同屏幕分辨率下可能会失真。经调研发现，Lottie是个简单、高效且性能高的动画方案。 Lottie是可应用于Android, iOS, Web和Windows的库，通过Bodymovin解析AE动画，并导出可在移动端和we…

近几个月，接手了一个老项目的重构规划，有多老呢？就是前端青铜时代的项目，一个前后端都在同一个锅里的项目、完全没有使用任何的打包工具。 前端 html、css、js三剑客 加上 jQuery 复制粘贴就是干。 前端不够后端来凑。如果前端有一些需求不是很复杂的话，后端人员有时候也会…

原文地址:https://juejin.im/post/6844903793918738446有人问我如何做好架构设计？怎样灵活运用设计模式？我的回答是，你做不好这些只是因为你没有养成一个良好的编程习

清晰记得之前有人喷我的配色像一坨屎，我觉得很有道理，于是在网上搜索各种配色文章，看了很多，然后我的配色还是像一坨屎！因为我看到的全是——红色代表热血、活力；蓝色代表科技、未来；绿色代表健康等等，还有红

“「设计师沙龙」是ARK下半年开始逐渐形成的传统，由ARKers自发组织，分为视觉和交互两类，每月各举办一次。大家围绕一个话题展开，聊聊行业最新案例和工作上的心得，帮助大家共同进步。 ARKers表达的观点均为个人见解，我们接纳不同的声音及各种维度的思考。欢迎大家来跟ARKer…

图片轮播是种很常见的场景和功能，一般移动网站首页的轮播 banner，商品闲情页的商品图片等位置都会用到此功能 像这种常用的场景功能肯定是有人早就写好插件了的，所以遇到这种场景，一般都遵循以下三步：