置顶那一年

,热度1,823 °C

白驹过隙,时光荏苒。:!(彩虹) 过去的东西一再不复返,别等到失去的时候,才知道珍惜。

给网站加一个图片预览的功能。

,热度48 °C

${_.title}

新网站再做,重写了之后考虑的不是那么多花里花哨的,而是简洁好用耐看更快极致,当然这都建立的我以为。这次就再做的需要图片展示的时候多花点了时间,由于平时工作也没多少时间,闲下来不是打游戏就是写写代码,很难静下心来做一件事情,但这次疫情的原因和政策的大放开,我有幸可以在家里居家办公,顺便也琢磨一点我自己的事情。

前端使用 Flip 做元素动画思路。

,热度19 °C

${_.title}

一般在开发的过程中,很多时候都会有动画夹杂里面,不管是交互上还是体验,对使用者来说都是不错的,但是当我们真正的去写动画的时候又发现并不是那么简单的,涉及到的css 和 js 的计算等一些处理包括边界条件的处理都是比较麻烦,做出来了很多时候也会不尽如人意。可以借鉴使用一下现在很流行,至少前端也有必要去了解的动画 Flip 模式。

实现 textarea 自适应高度最佳实践。

,热度58 °C

${_.title}

重新做的一个博客页面设计有用到 textarea 标签来做高度自适应,但是碰到了一些难搞得问题,解决了问题之后,记录一下。

调用 GitHub API 新增图片初尝试。

,热度52 °C

${_.title}

最近有点散漫了,有点想法但是不多,不想动手,其实留的摊子还不上,每次说要去解决一下吧,就拖到不知道什么时候,这个性子不行,抽点时间这个搞一下那个也看一下的,效率也不行浪费时间倒是不少,本来这个的上传内容老早就要写的,一直拖到了今天写完。

canvas 可视化波形音频播放器。

,热度71 °C

${_.title}

一个 canvas 可视化波形音频播放器。 一直想找个机会写一个播放器的功能,这次终于可以如愿实现了,前后花了几周的时间,主要是自己本身也有工作,也确实有点懒散,写一下放一下,磕磕绊绊的总算是做了自己满意的样子。

JS 事件委托你可能不知道的一些事情。

,热度25 °C

${_.title}

前言最近在一个弹窗插件,看了比较多的图片弹窗预览插件源码,有一个弹窗插件也是网站正在用的 fancybox 插件,看了源码实数写的巧妙,可以说绝大部分插件都是需要 new 一个实例,然后传入参数初始化的,但是这个却可以直接引入就可以点击初始化弹窗,看里面的做法是监听了文档加载事件,再去监听全局点击,判断点击的元素是否含有自定义属性 data-fancybox,然后做一些操作,最后在代码里面实现动态的 new 实例。但是本片不讲插件的处理,说一下点击的获取监听的部分,事件委托。

移动端的适配和数字大屏的展示。

,热度29 °C

${_.title}

越来越多的项目都有涉及到数字大屏了,数据全部展示在首页显示,搭配各种各样的表格图就显得很有那味了,虽然大屏项目看着很高大,但是弄起来并不是好处理,首先要考虑的性能问题,能快速的展示数据和实时展示,再者就是布局的兼容性和适配能力,本篇暂时不讲数据性能先说大屏的适配开始。

[转] 前端如何实现一个页面埋点监控 SDK 插件。

,热度40 °C

${_.title}

上班的地跌上看到一篇有意思的文章,因为之前有遇到过到时没有去做的事情,那就是给页面做的一些埋点系统,当时说没做其实也是加了一点东西的,就是在接口调用或者需要监听的地方加上调用发送上报的接口,下面就是用户直接点击或者进入这个页面之后就会上报给后端,通过用户的 id 做标识保存等等,但是这样的写法是有局限繁琐的,也没有考虑插件化的处理。

关于 CSS 命名的方式 BEM 规范的个人理解和使用。

,热度62 °C

${_.title}

最近在写代码样式的时候经常会考虑命名的写法和规范注意,一直认为前端开发者写一个好的代码不仅仅只是写一些可用的 JavaScript 的片段,而是也要注意 CSS 的样式处理和规范,如果在样式上不注意稍有不慎就会让你的页面出现奇怪的问题,当然命名的规范也是必要的,为了统一和后续的维护都有重要的意义,下面就是我在写的时候结合前人的思路总结自己可用的代码命名规范,经供参考。

Typecho获取评论的QQ头像并加密。

,热度102 °C

${_.title}

本站也是用的国产typecho开发,简单好用,但是对于技术开发人员想去修改里面的一些东西还是比较麻烦,因为不是所有人都懂PHP代码的,顶多在设计页面的时候根据自己的想法,有些改动的问题确实还是需要自己琢磨,搞不懂的地方上网搜一下,但是很多时候网上回答的那些东西不是陈年老旧就是误人子弟,大部分做了无用功,花了时间和经历都没打到想要的效果。