置顶那一年

,热度1,789 °C

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

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

,热度9 °C

${_.title}

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

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

,热度8 °C

${_.title}

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

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

,热度14 °C

${_.title}

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

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

,热度11 °C

${_.title}

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

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

,热度20 °C

${_.title}

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

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

,热度27 °C

${_.title}

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

又重温了一遍国产网剧《毛骗》。

,热度28 °C

${_.title}

记得第一次看还是在17年,剧荒的时候翻到国产剧的排名时看到了一个另类,《毛骗》终结版竟然能在国产排名的前十,与各大名剧并列前茅,点进去看主页介绍也是那么简单,评论也是非常的精彩,并没有说是此剧很差,出乎意料的都在夸赞说团队都是小成本制作,没有人脉没有钱,从大学就开始制作,前后剧情的坑都填了,邵庄很牛逼之类。。

Vue项目后台管理端的登录路程和动态路由展示。

,热度17 °C

${_.title}

PC网页和后台管理以及移动端,每个领域的涉及内容都大不相同,各有各的难点和特色,这次的后台管理项目也是经验的简单总结,大致说了一些登录的流程和菜单处理,当然后台管理的内容涉及的知识点远不止如此,本文也只是浅谈自己的理解。

ColorSort,做了一个瓶子内颜色排序的小游戏。

,热度26 °C

${_.title}

前言好一段时间没写文章了,因为最近在忙着找工作和做些其他有的没的事情,东西多了容易忘记,但写代码还是每天的事,再熟悉了一段时间的公司架构代码之后,撑着闲暇空隙做了这个小游戏锻炼一下玩玩。起因是因为在一次的面试过程中,一个面试官拿着个这个游戏跟我说这个游戏里面的实现和思路,当时也说了一部分,很明显的被遭到了鄙视,但这都无所谓,我也只是简单的讲了一下,具体还是要做的时候去思考,临场的说辞也不能说明什么,只能说思维不敏捷,思考不周到,我始终觉得做过就有印象,即使看的再多没有实战和手写一步步实现,没过多久肯定会忘记。面的时候问了一些无关紧要的问题,我也感觉到各自相互看不上,也就不提了,但这个他拿出来的这个游戏我算是记住了玩法,刚好前几天在刷短视频的时候看到这个小程序,让我想起之前的插曲,撑着这几天的五一放假写了这个小游戏。

聊一下比较常用的一个 ES6 语法。

,热度49 °C

${_.title}

前段时间找工作面试,被问到平常使用哪些es6 的语法,这个问题还是比较常见的,而且会引出几个问题的后续,平时用的有一些但是没专门看着去总结,突然被问的时候脑回路转的不够快,只说了经常用的 let const 之类的,事实上用的远不止这些,回来的时候就在思考这个问题和用过的一些,特写一篇记录总结一下,当然写的也是现阶段操作的,像那些不常用或者没用过的暂时不做记录。