那些年踏过的坑
虫虫教父
梦想,不是你睡觉时梦到了什么,而是想到了什么令你激动得没法睡觉。
展开
-
利用css优雅的处理破损图片
在运行终端经常会上报一个图片加载失败的异常日志,经过测试与分析发现图像文件流在传输过程中可能存在因外部问题造成丢失包的情况。终端问题不好统一处理,只有通过css来处理问题了img { display: block; position: relative; text-align: center;}img:after { content: url(assets/img/default.png); display: block; position: absolute; top原创 2021-01-21 16:07:01 · 576 阅读 · 0 评论 -
font-face 移动端字体图标不显示的Bug
这个问题非常的常见,当使用自定义的字体有时候在移动端不显示字体图标。一句话:加载顺序问题。移动端有问题的加载顺序:eto,woff,ttf,svg//有兼容问题的字体图标加载顺序@font-face {font-family: "iconfont"; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot?#iefix') fo原创 2016-11-01 14:50:26 · 7418 阅读 · 1 评论 -
IOS Javascript Date的坑
上次遇到一个坑,刚开始还没有引起重视后面发现所有的IOS系统都有这个问题。这里总结下,也不是什么大问题,若是有经验的人,就不会花费很长时间去定位问题了。 简单介绍下背景:一个已经写好的页面,在android的机器上运行很正常,没出一点问题。某一天,一个小伙伴跑过来问我,为哈IOS上这个页面是空白的,为啥呢?到底是为啥呢?在需求忙不停的时候我还得抽空看这个外网bug,这哪算bug,要上IOS平台原创 2016-11-01 15:07:05 · 419 阅读 · 0 评论 -
AngularJS的踏坑经验
前段时间一项中需要使用 AngularJS 这个框架,但在使用中发现几处比较坑的地方。在此文中列举出解决方案希望帮助到更多的人,假如你看到此篇文章时发现有好的解决方案请留言告诉我。拜托。路由切换时自动跳到页面顶部假如路由改变、视图刷新时页面不是在顶部位置,则新的视图页面也不在顶部位置,大多数时我们希望它能自动跳到顶部,可以在模块 run() 方法中加入下面代码:angular.module('my原创 2016-11-01 14:41:12 · 436 阅读 · 0 评论 -
技术栈不统一带来的问题
技术栈不统一带来的开发效率问题日渐突出,系统维护成本显著增加,基础技术建设收效甚微,难以开展。我们面临的问题主要有: 1.业务线技术栈不统一,新技术如AngularJS、Vue.js、jQuery和传统老项目并存,项目切换和维护成本较高; 2.基础技术建设无法开展,业务和技术组件无法复用,一个技术方案需要多个版本的实现; 3.团队规模扩大,新人培训和快速切入业务难度大,团队效率下降。 因此,我原创 2017-08-21 18:39:44 · 3588 阅读 · 0 评论 -
前端页面如何正确渲染大量数据
当前端开发人员面对成千上万条记录要显示的时候,我们该怎么处理?关键点:不卡顿,交互流畅代码 setTimeout(() => { // 插入十万条数据 const total = 100000 // 一次插入 * 条,如果觉得性能不好就减少 const once = 200 // 渲染数据总共需要几次 ...原创 2019-06-27 15:54:40 · 12222 阅读 · 8 评论