犟小驴0802

这篇文章其实不能说是怎么避免加班吧，也不是教你们如何偷懒，就是个人的一些经验，如何高效的利用上班时间，让你在上班的时候就干完活了，来减少加班。我会讲述一个项目从立项到上线每个阶段中前端的职责和如何更加高效工作。 一般产品会把产品需求整理出来之后，会让有关人员一起开项目启动会，告…

前几天有很多人问到了如何绘制高德地图那样的导航箭头线效果，当时想了想并不难就先用canvas 做了，然后集成到mapbox 上，迁移到其他map lib 也只需要应用相应的地理转屏幕坐标函数。 在canvas 的应用中我们经常会遇到各种线样式的绘制，比如虚线，渐变线，带patt…

最近做的项目是从0开始采用Vue作为数据驱动框架。所以有很多Vue实战上的经验体会，下面就专门拿几个常用的但难度不高的VUe功能说一下： 冒泡概念普及： 当单击事件在dom结构上存在父子关系时，单击子dom，不仅会触发子dom单击事件还会触发父dom单击事件。 上面的大概就是典…

如果你们设计师想在某些特别的专题活动中使用下图的字体作为标题字体进行展现，怎么办呢？做成图片咯。然后你可能会遇到这几个问题：不同屏幕下的适配，要是只做一种尺寸的图，放大或缩小后的效果都不太好。直接做成 SVG？好像不能复制到 Word 里面加粗啊，也就是说，这种做法使得这些“文…

有时候单独的使用CSS是不够的。您可能需要使用JavaScript控制CSS值。但是你如何在JavaScript中获得CSS值？ 有两种可能的方式，取决于您是尝试获取内联样式还是计算样式。 内联样式是存在于 HTML style 属性(attribute)中的样式。 要获取内联…

旧版本的 Button 组件只单纯包裹了一个 button 标签。 假如 to 有值，则组件会渲染为 a 标签。 虽然可以复用按钮样式，但却丧失了 Button 的行为，比如 loading、icon 等。新版本支持链接模式后就没有这个问题了，同样的逻辑，可以写成： to 属性…

Google 前沿的 AMP 「 Accelerated Mobile Pages 」技术，能使用户从搜索引擎当中进入我们页面的体验得到一个极大的提升。 AMP HTML 本质上是使用自定义 AMP 属性扩展的 HTML。最简单的 AMP HTML 文件如下所示： AMP 网页…

页面数据更新 需要二次更新才能拿到最近的数据。有缓存读取的是最后一次数据 indexedDB 是一个本地数据库，该数据库是一种存储在客户端本地的 NoSQL 数据库，它可以存储大量的数据。 一个网站可以有多个 indexedDB 数据库，但每个数据库的名称是唯一的。我们需要通过…