摘要:只有源图像外的目标图像部分会被显示,源图像是透明的。绘制了线路的图像是目标图像,线路是源图像。 楔子 最近一个项目,需要绘制双线的效果,双线效果表示的是轨道(类似铁轨之类的),如下图所示: 负责这块功能开发的小伙,姑且称之为L吧,最开始是通过数学计算的方式来实现这种双线,也就是在原来的路径的基础上,计算出两条路径。但是这个过程的计算算挺复杂,而是最终实现的效果很耗性能,性能损耗估计主要...
摘要:原始类型值比较原始类型值有五种布尔值字符串数值。用来比较两个值是否严格相等,与严格比较运算符的行为基本一致。返回布尔值,相等返回,不相等返回。 比较运算符之相等运算符 ES5 比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===)。前者在比较时对于不同数据类型的值会进行类型转换;而后者不会转换,且结果更容易预测,并且因为没有隐式转换,全等比较的运行会更快。因此...
摘要:而渐进增强和优雅降级两种不同的开发流程,也是在我们项目初期做调研选型时会考虑的一个点。二者区别渐进增强和优雅降级只是看待同种事物的两种观点。渐进增强和优雅降级都关注于同一网站在不同设备里不同浏览器下的表现程度。 作为一名前端开发人员,最头疼的莫过于浏览器兼容。远古时期万恶的IE6,到现在CSS3不兼容的IE7/8.为了保证不同版本浏览器都有共同或更优化的用户体验,前端搬砖的我们不得不与...
摘要:前提一个基于平台内部的聊天项目,需要实现用户之间可以相互聊天发送消息,可以添加好友等功能。且消息必须是实时性的,并且用户下线后再次上线可以接受离线消息。 前提 一个基于平台内部的聊天项目,需要实现用户之间可以相互聊天发送消息,可以添加好友等功能。且消息必须是实时性的,并且用户下线后再次上线可以接受离线消息。 技术栈 Vue.js + Html5 + CSS3 + Sass + Vuex...
摘要:中常见的兼容问题元素划过的距离滚动距离在谷歌浏览器下在非谷歌浏览器下兼容写法获取非行内样式在下非下取消冒泡事件是取消冒泡事件是取消冒泡事件获取对象的方法获取方法通过获取元素在以及以下的浏览器中不可以使用手动创建键盘码的获取以及以下的浏览器 js中常见的兼容问题 1.元素划过的距离:滚动距离 document.body.scrollTop //在谷歌浏览器下 document.do...