前端设计的感悟

还有一周本次迭代就结束了,和另外两个团队联合开发的这样复杂的系统。中间有很多坑。我主要负责前端的开发,发现有两个点很重要。

一就是缓存问题,用户可以刷新页面,要想数据不丢失就必然用到缓存。缓存是可以被所有用户访问到的,可能使用缓存,和切换用户就是两个天生的冤家吧!
为了解决这两种冲突,运用了两种方式,双管齐下:

一:每条缓存的命名都是 前缀+userId的形式,这样就避免了缓存被共享问题。
二:每当用户退出就清空所有的缓存,这样就避免了缓存泄密的问题。

开始之所以在这方面踩了一些坑,现在想来主要是没有【维护数据的思维概念】,有时后真的不能只是想着去解决问题,去实现功能,实际上开发人员更多的是一个数据管理大师!

第二问题就是一条铁的天规:
随时持续重构优化,重用和类似模块一定要及时 及时 及时 抽取,不要等到觉得必要了才进行。

另外一点,就是前台函数,及后台功能性的方法,尽量不要涉及外面的变量(只涉及传进来的参数和里面临时定义的变量)。这样不只是可以更好的重用,还更利于从抽象层面理解你的功能!

时间: 2024-10-24 11:28:23

前端设计的感悟的相关文章

Web前端设计:Html强制不换行<nobr>标签用法代码示例

在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容.这就可以nobr标签来实现.它起到的作用与word-break:keep-all 是一样的.nobr 是 No Break 的缩写,意思是禁止换行.通常在浏览器上显示的文档会在到达浏览器的横幅底端时自动换行,但是如果文字被包含在<nobr>-</nobr>标签里的话,则不会换行.由www.169it.com搜集整理 一.nobr语法 1 <nobr>内容</nobr>

以用户为中心的前端设计案例剖析

WEB前端设计的最终目标是打造用户喜爱的产品,属于产品设计的范畴.所以一切设计要以用户为出发点,追求最佳的用户体验. 一.banner的设计 在WEB项目设计中,我们经常会有banner设计需求,一般而言首屏Banner及其相关区域也是整个网页设计中非常重要的部分. 优化前: 优化后: 优化前: 1.优化前网页首屏图片自动切换交互方式之外,用户可以点击圆点按钮手动切换图片.但考虑到图片本身的展示空间和效果,圆点按钮设计的比较小,造成用户点击该按钮时不方便. 2.banner切换图片时,会存在图片

【PhylabWeb】项目前端设计总结

PhylabWeb——前端设计感想 简介 本文的内容是关于我参与的软件工程项目——“Phylab-Web物理实验中心网站”的前端设计个人总结,来自团队:软剑攻城队 网站地址为:http://buaaphylab.com/,个人项目地址为:https://github.com/kibbon/Phylab-Web 整体展示效果如下图所示,建议使用较新版本的chrome/firefox内核浏览器浏览,(页面已采用响应式布局,可在移动设备上浏览): 首页 实验报告处理页面 注册页面 论坛主页面(基于we

前端设计与实现,使用拖拽来调整交友对象的评分功能

我的一个交友网站,其独特的流程包括,用户通过搜索发现潜在对象,给潜在对象加关注和打分,使用获得2012诺贝尔经济奖的特殊匹配算法计算出相互匹配的对象并推荐給相关用户.在这里,对交友对象的评分功能是此网站的基础功能,其方便和平滑与否关系重大.本视频演示我的设计与实现. 页内拖拽 跨页拖拽 一次点击把目标用户放入一个缓存区,然后利用分页控制走到目的页面,再进行拖拽.好处是能够实现精确控制. 想想看,你会如何设计这一功能? 其他特点 精确和强大的筛选器,让用户随心所欲的控制筛选条件. 常用的筛选组合放

《大巧不工 web前端设计修炼之道》学习笔记

前端设计如同一个人的着装与外表,站点的设计总是最先吸引人们的眼球.布局是否合理.风格是否简介.配色是否和谐,流程是否通畅,操作是否便捷,这些前端特效都影响着用户对站点的认可度.随着用户体验,可用性,可交互性等越来越多的前端术语的出现,前端设计已经不是简单的HTML.CSS.AJAX等元素的整合了,它更关注交互的流畅性.操作的便利性.流程的合理性.结构的清晰度以及可维护性.页面兼容性以及同后端程序的良好桥接等,应该能够在真正理解WEB应用的需求的基础上放眼全局,把握整个前端的设计方案,因此新的时期

前端设计之灰度值利用

在前端设计中,图片的灰度与彩色交互变化是十分有用且必须掌握的. 充分的利用色差的变化可以给浏览者带去别致的体验. 实例代码如下: <img class="filter" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=155969907,1883576517&fm=26&gp=0.jpg" alt="" /> <style> .f

在前端设计响应式设计

昨天下午,我突然拿一个想法,问了下前端设计project联赛,我问了一个终端的设计是否绕过皮肤,这不是普遍的前端框架的限制结束. 端project师告诉我.那叫响应式设计. 我继续问,既然有这个技术.现实中.为什么要搞pc一套,手机一套,平板一套呢,多累啊. 前端告诉我.现实情况复杂非常多,做个简单的响应式设计的还能够.复杂的就难了.带着他说的这些问题.还有其它同事所认同他的观念.我并不大认可这些说法(虽然我对前端不大清楚).于是上度娘.并找出一个比較复杂的,有点像大型的电子商务站点的案例(ht

炎炎夏日,走入美妙的前端设计案例

1.  嘎嘎夏天到了!最近同事分享我一个案例,说这效果不错,看看我能不能实现 ( 鄙人后台程序员,热爱前端,前端是女人的外貌; 后台是女人的内涵) 我们先从外貌说起,看原始案例的效果          外貌看起来 很简洁,主题很明确,效果也很流畅,还算比较炫吧,我一下就喜欢她了!  刚开始我以为她的内涵可能是css3居多,其实不然是css居多 /-----------------------------------骚骚的分割线-----------------------------------

从网易与淘宝的font-size思考前端设计稿与工作流 (转)

从网易与淘宝的font-size思考前端设计稿与工作流 阅读目录 1. 问题的引出 2. 简单问题简单解决 3. 网易的做法 4. 淘宝的做法 5. 比较网易与淘宝的做法 6. 如何与设计协作 7. 总结 本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值,欢迎阅读和点评:). 1. 问题的引出 最近阅读白树的博文<移动web资源整理>时,他在博文中有一段指出