项目背景 项目背景是外包类建站公司里，设计环节沉淀了大量可复用组件，设计师往往只需要微调组件就拼凑出页面，交付给前端，理论上这些组件在前端也可以复用，但实际上前端每次都要重新实现整个页面，浪费很多人力。 功能需求 这个项目的思路是，将所有组件开发出来，统一录入到一个平台上管理，设计师可以到平台上挑选组件，并实时预览和调整组件，整个过程所见即所得，平台会将调整结果生成一串代码，只要将代码交给前端，就可以...
本周开始,你也许想静下心来学些什么新的东西,或者提高一下你在一门特殊计算机语言或者技术的能力。 在四月份,我把a collection of useful docs and guides(一些有用的文档和指南)打包到了一起,那是一个很受欢迎的帖子。自此以后,我又收集了一些。请尽情享受! 1. Adobe Web Platform Team(Adobe Web Platform团队) 新设计的Adobe Web Platform站点的网页平台上有很多新技术的信息和示例。包括SVG的内容，CSS Regions的内...
我们来到了2015年(译者注：原文撰写与2015年2月25日)，而且我感肯定你现在有下面两种感觉的其中一种： 1.你对在这个产业中得花费多少来学习有些不堪重负(Really overwhelmed) 2.渴望获取到更多的知识,但是等不到别人告诉你接下来该学些什么。 我假设它综合了这两种情绪-第一种产生的原因是我们个人的情感，而第二种焦虑产生就有些不必要了。 所以，为了帮你走出困境，我编译了另外一些有用的文档，信息站点和涉及到前端...
Bootstrap 官网：http://getbootstrap.com/ 目前最受欢迎的前端UI框架，最新正式版3.x,4.x预览版正在开发中。 Foundation 官网：http://foundation.zurb.com/ 世界领先的响应式前端框架，最新正式版6.x.本站基于6.x设计的! Semantic UI 官网：http://semantic-ui.com/ UI框架的后起之秀，UI动画效果很棒。最新正式版本2.x uikit 官网：http://getuikit.com/ 功能很全面的UI框架，命名方式和boots...
在我每天网上的搜索中，我遇到过很多有趣的info-apps(可以查找帮助查找信息的应用)和文档，因此在这里我列出了它们。 确实，不是 每一个都喜欢“列表帖子”或者摘要，但是，我们做不到让每一个人都满意。无论怎样，我们不会总是发这些类型的帖子的。 在这种情况下，在某些晚上或者周末阅读，作一些记录也许是非常好的方法。我保证在这里你会发现有一些链接，你会重新点击进去阅读的。 请尽情欣赏! 1.CSS Vocabulary(CS...
总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器1.本地存储localstorage存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。大小：每个域名5M支持情况：注意：IE9 localStorage不支...
互联网上的自适应方案到底有几种呢？就我个人实践所知，有这么几种方案：固定一个某些宽度，使用一个模式，加上少许的媒体查询方案使用flexbox解决方案使用百分比加媒体查询使用rem淘宝最近开源的一个框架和网易的框架有同工之异。都是采用rem实现一稿解决所有设置自适应。在没出来这种方案之前，第一种做法的人数也不少。类似以下说到的拉钩网。看一下流云诸葛的文章。以下摘自：从网易与淘宝的font-size思考前端设计稿与工作流1....
1. 用web storage替换cookiesCookie最大的问题是每次都会跟在请求后面。在HTML5中，用sessionStorage和localStorage把用户数据直接在客户端，这样可以减少HTTP请求的数据量。而且Web storage还提供了API来操作数据，不像cookie，还得自己写。 // if localStorage is present, use thatif ((localStorage in window) && window.localStorage !== null) {// easy object property APIlocalStorage.wishlist = ["Unicorn","Narwhal...
总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。目标 解决4k的大小问题 解决请求头常带存储信息的问题 解决关系型存储的问题 跨浏览器 1.本地存储localstorage存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。 大小：每个域名5M支持情况：注意...
用户计时API可以在网页应用中测量两个预定义标记之间的性能。开发者仅仅需要分别定义测量的开始和结束标记。可以通过JavaScript对象“”提供的函数，对计时位置进行标记。var measuring_start = performance.now();通过“”函数，可以在网页应用的获取计时用。和该函数类似的是Date对象，它同样可以获取当前时间戳。二者的主要区别是时间精度，now函数的返回值的w3c文档中明确要求，必须能够表示精确到千分位小数的毫秒值。另外now...
2016是前端技术，特别是HTML5技术突飞猛进的一年，加上各类AR、VR技术的出现，一下让前端市场变得火热。这可不是偶然现象，是消费升级后，人们追求更高品质前端展现效果、企业追求更轻量和高效开发效率的必然结果。那么，2017年前端技术将会在哪些领域得到深入应用？带来怎么样的想象？ 不过可以肯定的是，浏览器作为前端程序的运转平台，必然会随着前端技术的成熟涌现更多想象。下面跟随这位来自腾讯的工程师Ouven来提前感受一下吧...
由于前端是不能直接操作本地文件的，要么通过用户点击选择文件或者拖拽的方式，要么使用flash等第三方的控件，但flash日渐衰落，所以使用flash还是不提倡的。同时html5崛起，提供了很多的api操控，可以在前端使用原生的api实现图片的处理，这样可以减少后端服务器的压力，同时对用户也是友好的。最后的效果如下：这里面有几个功能，第一个是支持拖拽，第二个压缩，第三个是裁剪编辑，第四个是上传和上传进度显示，下面依次介绍每个...
在微信站的开发中，前端开发需要注意的点有哪些？开发的流程与网页开发有何不同？有哪些坑？回复内容： 微信Web前端开发大多可以参考移动端的开发规则和经验，还有一些个人总结的经验如下，从上到下开始说：1.微信在界面顶部有自己本身的功能及标题栏，所以如果是专门为微信设计的Web界面，顶部最好不要再有功能或标题栏，否则会显得多余臃肿。2.注意字体字号的选择，界面元素大小可以用em而不是px定义，界面元素一定要自适应屏幕。...
Flexbox目前支持的浏览器要比Grid多，但是Flexbox&Grid flex的加载貌似有点问题，不知道未来的发展方向如何？（另外求大神推荐几个不错的Flexbox和Grid布局的网站实例）回复内容： 我觉得这两个不是非要二选一的。可能两个都会实现，然后在不同场景下选取更合适的那个。技术只是会越来越先进，至于什么时候能支持，不是规范能决定的，应该是各大主流浏览器来决定，就拿flexbox来说，早期也仅是实验性的，但目测现在主流浏览器或多或...
例如，从知乎首页进入到问题页，顶部似乎没有刷新，这是怎么实现的？是通过html5新增的history.pushState来实现的吗？可是在网络里，看到的似乎是整个页面加载过来的。回复内容： Html5 history + iframe 的混搭。