CSS 实现条纹背景

preview

刚刚写年会红包雨的时候用到了 linear-gradient 来实现条纹背景,但是突然卡壳想不起来怎么写了。
就去百度一下,所以现在把它记下来,方便以后查阅。

阅读全文

年会开发日记03 - WebSocket长连接获取微信签到用户信息

接着 年会开发日记 01 的签到墙,
里边用到了 WebSocket 来实现用户微信扫码签到,然后后端推送签到用户信息到前端,
前端收到数据之后创建元素添加到 3D 墙中。

本来是想直接自己写的,但是有后来又加入了礼品活跃气氛,就要用到用户列表的展示和抽取过程中的随机效果,虽然哪些人获奖是后台返回给我的。
所以这些用户信息需要在多组件内共用,那我就懒得自己写了,就去找了 Vue 的组件库了。

阅读全文

年会开发日记02 - 红包雨

本来想写的,但是手机摔了,X 的后玻璃碎了,看了官网保修 RMB 4,269
有点烦,算了! 不写了,今天晚上咸鱼。

Javascript 滚动侦测导航

一个以前的小项目要改,新增一个根据时间线显示不同月份绩效的需求。
没有设计稿,想了下怎么做出来好看。就有了以下这个想法

左侧显示时间线,滑动会显示不同的年份和月份,
右侧显示不同月份的统计数据。

阅读全文

如何使用CSS控制SVG图片?

一直以来都很少使用 SVG 图片,偶尔使用也发现用 CSS 控制时灵时不灵的,也没有去研究为啥,先写一篇文章提醒自己去研究下。

PHPOK 不能创建项目和修改项目信息

今天写网站的时候直接用了以前的 CMS 框架,并没有在官网下载最新版的。

安装完成之后发现项目不能创建和修改,想起之前做的时候也遇到过这个问题,
但是之前的网站,整体的项目总数比初始填充数据少,直接在数据库里边修改了,并且在讨论群和开发团队提了一下。

这次又遇到了在这个问题,就想着开发团队应该解决了这个问题吧,就把程序更新到了最新的 version 5.4,结果还是不行。

去看了下更新日志,就没有提这茬,估计忙忘记了。

好吧,自己动手丰衣足食,自己改吧。

阅读全文

年会开发日记01 - 3D签到墙

年会签到做到最后特效实现的部分,使用 Js 来不断绘制 Canvas 会出现擦除背景图的情况,而且并不流畅,
所以又考虑了下 CSS3 的动画属性,可是 Javascript 并不能控制 CSS3 动画。

昨天折腾到晚上 10 点还没怎么好的思路,今天看到一个开源 WebGL Js 库 👉 ThreeJs.org

阅读全文

forEach() 与 Promise()

今天写年会活动页的时候用到了异步记载数组里边的图片,然后按照数组的下标顺序做不同的操作,
所以想循环里边用 await,那就要 Promise 化图片的加载。

可是我问了下群友,好像不能在 forEach 中使用 async/await
但在 for 替换则可以。

所以像探究下为什么 forEach 中不能使用 async/await

开坑未填
2019-12-02

Canvas识别图片内容并使用用户头像拼接

今天 12 月了,本来应该开始做外包的项目,但是好歹不好的长智齿了,
下午去拔了牙之后看着电脑发呆了一个下午,看来真的麻药影响 🧠 脑子。
所以,先写篇文章醒醒脑….

前天初步实现了下使用 canvas 来识别图片内容,今天就把它记录下来。
毕竟 canvas 这部分的内容是真的不懂,现学现卖,欢迎吐槽。📧 MailTo

阅读全文

记Web端唤起QQ聊天的两种方法

以前一直使用的 tencent://message/?Menu=yes&uin={YourQQCode}&Site={SiteDomain} 来做的 web 端唤起 QQ 在线聊天。
这次接了一个外包是自适应的 Web 页面,在手机端点击会提示 Safari 浏览器打不开该网页,应为网址无效。

👇

alert

阅读全文