Drew's Workbench
Tag – web
7 posts tagged with "web" (See all tags)

对单页应用(SPA)进行预渲染从而实现搜索引擎优化(SEO)

2019-12-272 Min Read — In Code

SEO 作为 Growth 团队的重要一环, 成了我现在对前端项目的主要优化方向. 除了一些常规内容(TDK, sitemap, robots.txt)的优化, 手头上的 一个 SPA 项目 也是工作重点: 这个项目信息多, 链接多, 是索引的重点. 那为什么不一开始就放弃 SPA 走 SSR? 原因是立项之初有此页面并不向公众开放, API 需要登录认证才可访问. 后续, API 随着策略调整放开了身份验证. 因此, SEO 的需求也就接踵而至. 对 SPA 的 SEO…

小程序从0到1总结

2019-12-162 Min Read — In Code

公司第一个(也是我的第一个)小程序今天上线了! 总得来讲, 整个开发过程是一个吃 💩 吃到习惯, 到最后觉得再吃一点也还可以接受, 大概就是斯德哥尔摩综合症吧. 在正式开始原生小程序开发之前, 还使用了好评较多的 TaroJs 来开发 KYC 的 H5(这 tm 的发明的这个词...)App. 尽管 Taro…

简单贪吃蛇游戏试水scala.js

2019-12-082 Min Read — In Code

Talk is cheap, show me the 前言 听说到 scala.js 已经有一两年了吧。印象已经不深,只记得还在知乎上面劝别人不要用这个。当然,不是因为对scala本身有什么意见,而是这个东西剑走偏锋又脱离社区太远,必定不会是一个愉快的开发体验。 虽然这个偏负面的判断不是实践得来,却是合理甚至是必然的。 x = 。这个套在 / 这一对好基友上面就是相互放大。反看 , 两个因数都是小于…

CCanvas拖尾效果(Trails Effect)

2019-08-292 Min Read — In Code

最近在把前面做的几个视(wan)觉(piao)向的代码迁出到新的 repo , 并添加了一些新的效果. 除了巩固了一下 Canvas API 和高中三角函数知识外, 还是学到了若干 Tricks. 其中一个是 Canvas 的尾迹效果, 或者说淡出(fade out)效果. 如果独立思考的话, 首先想到的方法大概是: 缓存上一帧 Canvas 在渲染当前帧之前, 先把缓存帧加一个 alpha 值并绘制在 Canvas 上 继续当前帧所有元素的绘制 但这个方法的问题是, Canvas…

33消游戏简易web实现

2019-07-191 Min Read — In Code

Talk is cheap, show me the 想尝试这个玩意很久了. 早先听一个 独立游戏开发者讲自己心路历程 , 提到了自己一直维护的消除类游戏并赚点小钱的故事. 就像一道上好的面试题一样, 切入起来很简单, 要多少有多少要多深有多深. 整个实现过程也没什么好说的, 都是可以预见情况. 设计和实现并无什么优劣之分, 毕竟只是最小实现, 50…

自用剪贴板小工具(https://xiuz.hu/clipboard)

2019-01-051 Min Read — In Code

公司的iPhone交还了回去,换了安卓的新手机。安卓现在真的挺不错的,用了5年iOS换回来竟然没有任何不适,唯一的缺点是没有iOS的handover功能。即使是iOS也无法跟家里的台(you)式(xi)机做到共享一些东西。`对于极度讨厌在桌面上开微信的人来说,急切希望有个跨平台的剪切板。也找过一些软件,都挺麻烦的,本来挺简单一件事还要装这装那。所以呢,就自己做个基于web的剪贴板试试。 先放链接 https://xiuz.hu/clipboard Github…

iiframe对history对象的影响

2019-01-021 Min Read — In Web开发

在实际问题中遇到在使用了iframe的情况下对前端路由的影响。应用的角度讲,这种方式不常用也不大会影响生活,不过浏览器如何处理这个情况确实是一个有意思的问题。遂做如下小实验: 由于安全策略的原因, 的内容并不能直接被访问,只有一个 属性可以看看stack的大小。所以这里所谓的 也只是打印下 和自己手动记录的 值而已,除了响应操作之外并没有太多意义。 问题 history在host和iframe中是否互相独立? 如果不是,那是怎样的互相影响? 结论 host和iframe…