共计 5 篇文章

CSS 与 设计

设计师需要懂技术吗? 答案是肯定的!在实际产出之前,设计师所做的一切都是「美美的幻想」,还有可能不怎么美,直到最后产出才是真实。 所谓的「懂」技术,不是「会」技术或「熟」技术。只是沾点水的程度。 举个例子: 不懂房子每个楼层的结构,不懂各种材料的尺寸、规格和特性、不熟悉地理环境的限制,又怎么去绘制房屋的设计图呢? web开发不同于原生app的开发,要遵循浏览器的规则,也就是所谓的环境限制,既不能够不明限制而天马行空的想象, ...

做一个前端架构,到底需要什么?

老板发话,让你去开辟一个新项目(人生机遇)。在做web前端架构时,到底需要考虑些什么呢? 技术栈 当下局势,React、Angular、Vue三足鼎立,jQuery依然占据市场主导。 实际上,框架之间其实并没有绝对的冲突,因为他们各自诞生的原因都不一样,没有最好的框架,只有最适合的框架,脱离业务的架构都是不合理的。 首先,需要考虑业务复杂度。项目的复杂度在项目初期大致是可以把握的。 比如做电商网站的主要用于渲染大量商品页面,要说业务就是下单,查看订单,收藏之类的简单业务,只需要简单的表单填写,这样的项目如果去考虑Angular这种MVVM框架的话, ...

我们为什么禁用window.open

场景 在产品的设计中,常常会有这样的场景,创建一个文档,同时在浏览器的新tab中自动打开这个文档进行编辑。 常见实现 先发送ajax请求去创建文档,然后生成编辑文档的url在新tab中跳转。 $.ajax({ url: '/document/create', type: 'post' }).done(function(res, status){ var docId = res.document.id; window.open( ...

关于七牛CDN缓存问题的处理方式

在生产部署中,由于图片等资源文件的体积较大,容易占用掉服务器的带宽,通常我们会选择使用CDN来解决我们的问题。让CDN节点从服务器同步资源文件,然后进行分发。接下来,讲一下我自己使用CDN的一些感受。以七牛云为例。 问题 CDN的结构大致如上图。那么问题来了,我们把Bucket作为每个CDN节点的回源。既然CDN节点已经从源里同步了资源,那么如果源里的文件更新了,又如何让节点里的内容也同样更新呢?一种是主动更新,也就是缓存刷新,七牛里可以通过管理员后台进行指定路径的刷新操作,如下图: 但是这种方式,对于用户而言,仍然有本地浏览器的缓存会导致无法获取到最新的资源文件,而且这种刷新机制并不是立即可以生效的。所以我们不得不采取其他方式。七牛官方有给出一些方案, ...

开源一个基于jQuery的日期时间选择器

将自己项目里的一个日期时间选择控件开源出来。 项目地址 Github地址为:https://github.com/FineXs/Perfect-DateTimePicker 效果预览 开源理由 在自己开发之前,曾研究过很多现有的同类控件,有的交互过于复杂,有的颜值太低,始终无法找到令我们满意的。于是,我们设计师自己设计了一种类Bootstrap且交互简单的日期时间插件。同时开放了足够多的API用于与其他控件组合使用。由于开发和设计过程中有些细节是借鉴了前人项目而进行改进的,所以我们将其开源出来,供大家一起学习、使用。望支持 ...