1. 联调不能只看数据接口通没通,对数据格式:字段(大小写-非驼峰发命名)、格式(Number和String、Null和Undefind)、同环比值是整数还是浮点数等都应该进行检查,如果这些问题在联调的时候不发现,等部署在内网机上后再去改,就会很让人烦躁;
2. 由于前端开发时候都用上了Mock数据,所以常常出现没有对数据为空数组、为null、为特殊0(处理百分比时)等的处理,建议编写处理数据的逻辑代码时,留心一下对数据多考虑基本,这样代码才健壮。
3. 下图这个轮播列表,功能是,鼠标上去的时候,展示该条信息的详细信息,鼠标移出的时候,详情信息隐藏,开发中遇到的问题是:当鼠标从竖直方向划过列表的时候,会先触发划过第一条信息的鼠标移入移出事件、再触发第二条信息的移入移出事件,这样的体验是不好的,解决办法如下:![](https://box.kancloud.cn/6b538607c560f71b3da56b678653d0f8_768x279.jpg)![](https://box.kancloud.cn/e0fdaa36cdf27b82177815aa6eaf118f_1208x441.jpg)
4. **地图数据深坑**:前端绘制地图是用geojson绘制的,地图上展示数据是根据后端返回数据中的地图区域id来进行相应地图区域上数据展示的绘制,昆明项目的地图geojson是局里提供的,但是geojson中的id和他们数据库中对应区域的id根本对不上,遂放弃用后端返回id来进行数据渲染,改用地区name属性,结果name值也对不上;数据库中的name值是geojson中name值的简化版;最后还是通过一些数据转换途径得到了前端展示需要的数据,过程是心累的。
5. X轴文本过长等文本过长问题,比较老生常谈了,略......。
- 1、前端常用知识点
- 1.1 如何修改input的placeholder
- 1.2 如何修改滚动条默认样式
- 1.3 理解BFC
- 1.4 数字每隔三位加逗号
- 1.4.1 简单粗暴的做法
- 1.4.2 比较常用的方法
- 1.5 D3图表中如何让文字竖着显示
- 1.6 Handlebars模板中如何比较两个值
- 1.7 SVG/D3中字体特殊设置
- 1.8 Handlebars模板中序号从1开始排序
- 1.9 修改checkbox默认样式
- 1.10 D3.js 执行transition动画中断
- 2、执法项目
- 2.1 面积图填充为线条样式
- 2.2 一个paseFloat()方法两分钟就把页面卡死了
- 2.3 开发中常见的细节问题
- 3、迪爱斯项目
- 3.1 热点冰点卡死问题
- 3.2 ifream切换导致内存泄漏
- 3.3 D3文字旋转问题
- 3.4 D3图表提示框位置问题
- 3.5 js如何实现页面iframe事件监听
- 3.6 zTree-jQuery 树插件异步加载如何传参
- 3.7 图易加载无延迟隐藏部分页面组件
- 4、指挥大屏项目
- 4.1 长时间运行chrome浏览器奔溃问题
- 5、PC端指挥项目
- 5.1 地图上各区域添加图表并将图表显示在各区域中心位置
- 5.2 svg里面添加image标签该的width,height属性被压缩问题
- 5.3 地图上添加图表或文字后较小的区域无法钻取
- 5.4 svg添加image元素在谷歌低版本不显示
- 5.5 input输入框记住用户名或密码后样式被浏览器自带的样式覆盖
- 6、运维项目
- 6.1 按键F11页面无法缩放
- 6.2 主页面逆时针旋转的两段弧问题
- 6.3 websocket的close方法不起作用
- 7、汉阳项目
- 8、警务云项目
- 8.1 PKI兼容chrome浏览器问题
- 9、万达项目
- 9.1 直方图中出现数值比刻度值大
- 9.2 D3选择集的处理模版
- 9.3 将数字转化为三分位节法
- 9.4 制作简易X轴
- 10、涪陵项目
- 10.1 IE11部分版本浏览器下滚动条位置不对
- 11、昆明大屏展示
- 11.1第一期五个页面经验汇总
- 11.2防止文本越界
- 11.3SVG里面谨慎设置font-family
- 11.4Error: <rect> attribute height: A negative value is not valid
- 12、技侦动态管控
- 12.1 使用CSS3动画导致页面抖动
- 12.2 使用 digitroll数字滚动插件,给数字加逗号(3位数分隔)
- 13、ES6前端开发框架
- 13.1 打包后部署到Tomcat下访问路径不对
- 14、贵阳项目
- 14.1、关于引用不到saga文件报错的问题
- 15、React前端开发框架
- 15.1 this.refs.xxx获取到的值是undefined
- 15.2 Mockjs与mapbox不兼容
- 15.3 axios联调报跨域错误
- 15.4 saga结合websocket使用方法
- 15.5 打包部署后访问页面白屏