前端
文章平均质量分 52
梦你所梦
因上努力,果上随缘,无上清凉!
展开
-
[ 前端 ] 腾讯前端回复效果!
平日喜欢关注一些新闻,经常会浏览腾讯网!但是很少看到评论的回复。与是仔细寻找之,发现原来是通过一个页面的弹出遮罩来显示的。与是仔细研究一翻,自己模拟出来一个,感觉还行,兼容ie 8/chrome/firefox.思路:主页面和遮罩是两个不同的页面,遮罩通过iframe 利用js加载进来。 代码如下:index.html append-iframe原创 2014-04-01 13:18:30 · 2469 阅读 · 0 评论 -
长轮询(LongPoll)
之前去某公司面试,需要解决一个在线聊天室的消息实时性问题,且需要兼容低版本浏览器。 高版本浏览器自然不成问题,那么低版本的浏览器如何处理。 最先想到的方案,自然是轮询发ajax请求。在一定的程度上,这个方案可以解决实时性的问题。 但是随之带来的问题是,不停的向服务器发请求带来的服务器的压力,且多数时间都是无用请求。 后实在没有方案,向面试官请教之,得出一个方案: 长轮询。 服务器与客服端需原创 2017-06-09 15:30:27 · 998 阅读 · 0 评论 -
首屏优化离线方案
别人是怎么做首屏优化的?最近对于前端性能方面的优化关注得比较多一点,来一下大公司是做首屏的。 这是天猫首页,不要滚动页面,直接审查元素看一下。发现首页上面有多少个模块(当然天猫对于关键模块是有算法优先支持的)或者说节点,你会发现,没有出现在视区中的元素节点,根本就没有生成节点,而是只是一堆的json数据。 很显然,天猫刚打开始的时候只是渲染了首屏的数据,最大限度减少加载量,而对于后面用户需要的原创 2017-05-19 18:56:13 · 1433 阅读 · 0 评论 -
前端技术总结
文章主要是用来记录一下一些常见问题,权当是复习了。1 请用原生JS实现对象的深度拷贝。其实这个题目还是挺基础的,主要考虑当objt是对象object或者数组时递归调用即可,当然这里还有一个小问题需要注意的就是对于纯对象的考量,这里直接用typeof parent[i] ==='object'可能会存在一定的问题。 具体代码如下:function extendsDeep(parent,child){原创 2017-05-08 19:30:00 · 1095 阅读 · 0 评论 -
IScroll 图片导致refresh不准确问题
最近同事在用iscrolljs做app端的滚动。 页面中的内容是采用ajax加载出来的,但是在上拉的时候,不知道为什么总是拉不到底部,而查看容器的高度又是正确的。原创 2017-01-06 18:11:17 · 1744 阅读 · 4 评论 -
[ 前端 ] 移动端填坑
1 IOS 表单元素点击自带背景阴影最近一直做移动端前端开发,发现一个神奇的东西,对于IOS下的,input或者label元素, 点击之后,总是会出现一个背景阴影的现象。原创 2016-12-08 13:23:19 · 558 阅读 · 0 评论 -
[源码解读] FastClick.js源码解读
最近H5 APP开发过程中,遇到各种许多问题,诸如点击无效,checkbox无法选中,点击穿透等问题。 一切罪责最终都指向了fastclick,于是决定要翻开其源码see see ,否则一些问题真如盲人摸象一般。 其实fastclick的代码还是蛮简单的,不多,就800多行,其中大部分代码都是在做一些Hack类的工作,主要用于判定各种类型的设备或者浏览器特性,而最终的核心代码也就是百来行吧。原创 2016-11-25 16:50:07 · 2374 阅读 · 0 评论 -
[ javascript ] 关于addEventListener绑定事件的一些细节.
最近在读 IScroll 源码,发现其中的_initEvent 事件方法有点奇怪。如下:其中的 utils.addEvent 方法如下: 这里出现的问题是: 之前我们使用addEventListener 绑定事件的时候,第二个参数不都是传入一个function么,为什么这里传入的是一个this ? 竟然是一个对象?原创 2016-11-18 15:50:37 · 2082 阅读 · 0 评论 -
[ 前端工程 ] 静态资源缓存的处理方式
原问题是: 一般浏览器对静态资源的缓存导致的更新不及时问题,我们是怎么处理的?有哪几种方式? 为什么会产生这些方式?(其实就是各种方式的优劣)原创 2016-11-11 19:02:06 · 8938 阅读 · 2 评论 -
关于前端的一点点感触
或许不同的眼界,就会有不同的眼光,同样的前端,有些人能做到前端架构,而有些人依旧还在不停的绑定事件。或许这就是眼光的问题吧。原创 2016-03-24 12:53:21 · 544 阅读 · 0 评论 -
[ JavaScript ] JavaScript 实现继承.
对于javascript中的继承,由于js中没有后端语言中的类式继承,所以js中的继承,一般都是原型继承(prototype)。function P (name){ this.name = name; this.say = function(){ console.log('p'); }}function S (name,id){ this.id = id; this.原创 2015-08-18 22:31:58 · 684 阅读 · 0 评论 -
IE6 select穿透问题(div 定位无法遮盖select)!
此问题,早有耳闻,但是一直都没有亲身碰到过,也就没有过多的去在意这些问题。这一回总算是见识到了ie的厉害,虽是在ie选项中大大的写着ie版本是ie11 ,但是有些部分确实走的ie6的内核,怪不得微软天天在各种window update.解决此问题的方法很简单,给你需要显示的内容的后面加一个iframe,让他去挡住select不要穿透过来,这样世界就算是清净了。如下html:原创 2014-11-17 12:30:01 · 3035 阅读 · 0 评论 -
passive polyfill 代码
看到了一代码很厉害的代码,用的太巧妙了,值得细读,简直帅到没朋友。//原创 2017-07-12 20:30:07 · 650 阅读 · 0 评论