做有态度的前端团队

网易FEG前端团队

分类 总结 下的文章

  • 图册组件优化之路(一)

    根据六马系统需要,写了一个图册组件,方便给编辑器添加图册显示使用。 效果可以参考这里:http://game.163.com/2016/chinajoy/2016/07/29/22769_632281.html 匆忙发布了第一个版本出去,发现编辑们流行图册都发一两百张图上去的,由于没有做加载优化,导致问题很明显,一开始需要请求双倍的图片总数请求,页面存在多个图册,打开就会加载得很慢才出来,好多菊花满屏转 一、代码按需加载 图册兼容PC和移动两个web端,一般情况下,都是代码写一块,根据参数或者终端类型判断,来运行对应的代码 这样方式存在以下问题: 一个页面基本是不会存......

    JavaScript,总结

  • 记my官网改版遇到的自己挖的坑

    一直循环听着周柏豪的走狗一边思考着,多年搬砖的自己码了那么多年的代码,还是会挖坑给自己跳,有些还是很低级的错误,于是,带着愤愤不平的情绪记录下以下的各种坑: 1.官方资讯的导航交互效果 这是一个会有展开效果的导航。嗯。看图。 然后鼠标移上去会有这么一个展开的动画效果。 刚开始接到这样的交互天真地以为很简单的,应该没什么问题的。万万没想到,稚嫩的我还是没有考虑到展开动画效果的时候会触发到鼠标的hover事件,然后再次展开下一个tab,一直就这样整个画面摇来摇去。嗯,要改。 第一反应就是加个标志给它,动画结束之前禁止掉一切的用户操作。呵呵,又有一个新的问题诞生,就是从第一个t......

    总结

  • 关于代码结构的一些总结

    前段时间做图库,因为算是一个小的项目了,所以在做之前就考虑要周到一些,不能像做单页面一样,代码堆砌也可以正常运行。功能稍微复杂一些,就要考虑可维护性与可扩展性了,我就自己在做的过程中遇到的一些问题做一些总结吧。没有大片的代码贴,只是写一些体会而已。 数据分离 我们很早就会听说MVC之类的设计模式,目的也是为了实现代码的拆分,加强代码的可读性可维护性。图库的接口比较多,在开发以及维护过程中,为了方便适应接口的频繁更改(你懂的),组长很久以前提醒过我要把接口集中放在一个文件里面(当时我并没听进去,因为懒 T0T,但是我记住了),这时就派上用场了,如下: var HOST = &qu......

    总结

  • 新手学习新闻发布系统步骤版

    刚进公司那会,第一个接触的技术便是新闻发布系统了,刚开始学还真觉得有些难,幸好有个温柔美丽的女神一直带着我,任劳任怨,无怨无悔的精神让我想娶了她,哈哈。女神带我做了两三个项目之后,慢慢理出了头绪,也明白了其中的逻辑。下面我便列出做新闻发布系统的步骤,以后刚进来的新手也可以来这里学习,也欢迎大神们来纠错补充。 一、认识模板 模板分为:索引模板、more模板、详情模板。 索引模板:简单的说,即进入详情页的入口(更多的解释我想到再作补充)。 more模板:即有分页的模块。(目前这个我还没做过,等做了再来写步骤)。 详情模板:可以理解为一篇详细的新闻介绍。 这里常见的是建立索引模板,对......

    总结

  • 项目中使用fis常见问题汇总

    小组引入fis工具已经很久了,但是随着fis的推广以及新人的加入,一些常见的关于fis问题,经常被重复问到,所以本文整理汇总了fis使用过程中常见的坑。 1、node版本的问题 node版本更新有两条主线,一条是大版本更新,比如v5.6.0,官网默认推荐下载的版本是这条;另一条是小版本更新,比如v0.12.1。各版本详细下载地址 而目前fis2和fis3都是基于node小版本那条线,所以一开始安装node的时候就要注意下。否则即使安装成功,后期用着会发现某些fis插件出错的问题。 2、fis2新版本无法自动编译刷新问题 虽然目前推荐用fis3,但是工作中可能还会遇到fis2的旧项目......

    工具,总结

  • 如何提高微信授权页面制作效率

    前言 刚接触微信授权页面的时候,感觉很麻烦,之前苏苏也总结了一篇文档 【移动端网站微信授权的处理方法】,看完之后对整个授权过程有了大致的了解,但是总感觉还是很麻烦,比如: 页面需要放到game域名(game.163.com)下(因为只有game域名是已经配置好授权回调的),第一,测试环境(text.nie.163.com)下无法授权成功,请点击测试demo;第二,所有这种页面都放在,慢慢多了就不好找了。 每个项目都需要建立index.html和app.html页面,然后index.html只是完成授权的操作,然后每次都要修改里面的type值(是否需要获取用户的详细信息,因为如果......

    总结

  • 移动端Bug汇总

    前言 进来小组,可以说了做不少移动端页面,各种千奇百怪的bug可以说见过不少。但是直到最近的项目,每每到了测试阶段我就很头疼,为什么我做出来的的页面bug数量总是没有明显递减,而且几乎每次都会发现一些新的bug。bug的数量没有明显递减,从侧面可以反应,经验的积累和实际项目的结合还是不够,最起码不应该出现以前出过的错误。同一个问题,不应该每次都花同样的时间去解决,第一次的经验应该给第二次带来效率。所以,在这里总结一下移动端值得记录的bug,包括一些解决和未解决的问题。会不断的更新汇总... ##已解决 1、输入框聚焦时无法弹起,被拉起的键盘挡住了 截图 原因分析 正常情况下,输......

    总结