前端开发
文章平均质量分 88
好吧我的用户名
这个作者很懒,什么都没留下…
展开
-
基于antd-theme-generator插件实现ant design项目的动态主题切换
公司的项目是基于ant design开发的,年前初步完成了整个系统的动态主题切换,主要是利用了antd-theme-generator这个插件,使用 less 的 modifyVars 来更改主题。这里要先交待一下我的依赖版本,ant design是3.19.1,antd-theme-generator是1.2.6,如果你的项目用的是ant design 4.x版本,可以直接安装最新的antd-theme-generator,如果跟我一样是接手的ant design 3.x的项目,就要和我一样用1.2.6原创 2021-02-19 16:25:56 · 6521 阅读 · 4 评论 -
利用Web Audio API将振动数据转化为音频数据并播放
年初在公司做了一个需求,公司的传感器采集了机器的振动数据原创 2021-02-18 14:09:44 · 1845 阅读 · 1 评论 -
从css源码理解bootstrap布局容器和栅格系统
之前在项目中用bootstrap的时候没有深入理解,直接就上手用了,这几天重新看了官方文档中最基本的布局容器和栅格系统部分,并且阅读了相关部分的css源码,理解了bootstrap是如何通过CSS3的媒体查询语法来实现响应式的栅格布局。如果你刚好还不理解bootstrap的栅格系统如何实现响应式布局,这篇手记或许会有帮助。那么首先什么是响应式呢?响应式网页设计的定义它是针对任意设备对网页...原创 2020-03-02 09:57:39 · 521 阅读 · 0 评论 -
CSS优化小结
一次面试的时候因为简历上写了一句了解CSS代码优化,面试官就问CSS有哪些地方可以优化,我答了尽量减少选择器的嵌套和使用样式继承,自己后来感觉还有一些可以说的,这里都列出来,方便以后应对面试。添加注释,可以是说明一块样式是针对页面哪一部分的,或者是哪个功能,可以是对作用不明显的样式或属性做说明,注释主要是为了方便别人接手代码或者自己一段时间后修改代码;使用继承:继承是指应用在某个标签上的CS...原创 2019-07-16 11:55:53 · 128 阅读 · 0 评论 -
从setTimeout的去抖到异步同步再到事件循环
异步:用于一些耗时较长的操作,比如Ajax请求,发出请求后在等待响应的时间里程序不阻塞,继续执行后面的程序,等响应到达再执行Ajax请求的回调函数...原创 2019-07-18 23:02:32 · 321 阅读 · 0 评论 -
JS中节流与去抖的简单对比
上一篇博客里我简单讲了去抖的概念,提到去抖就很容易联想到节流,两者经常放在一起比较,万一下次面试我好不容易讲清楚了去抖,面试官又让我讲节流呢?之前工作中用到了去抖,还比较熟,节流只是看过理论,以防万一,这里还是总结一下二者的区别。应用场景去抖:对于resize和mouseenter等可能会连续触发的事件,用户只想执行一次事件操作,此时就用去抖保证短期内的多次触发只执行最后触发的那一次节流:...原创 2019-07-19 21:05:42 · 170 阅读 · 0 评论 -
前端开发工程师应该知道的http协议知识
文章原本发布于慕课网,因慕课网敏感词审核一直无法通过,重新发表在这里,可当总结笔记使用。在从访问网页简单理解互联网数据交换的整个过程 这篇手记里讲到了从输入url到看到网页的整个过程,这实际上也是从发送http请求到接收到http响应的过程中在更底层所发生的事,在这么多互联网协议中,我们前端工程师接触最多的就是应用层的浏览器程序和应用层的http协议,资源缓存、CDN加载,页面性能调优都离不开对...原创 2019-08-07 20:45:18 · 404 阅读 · 0 评论 -
CSS工作实践笔记(不定期不断更新)
文章原本发布于慕课网,因慕课网敏感词审核系统时常审核不通过,重新编辑后发表在这里。不得不说,工作的时候能用来自学和总结的时间比较少,但是在实际的项目中成长的也很快。CSS是一门实践性很强的技术(也可以说是一门手艺),在实际工作中,面对各种各样页面结构的需求,能够更快地掌握它。这里希望借这篇手记总结一下自己遇到的一些页面中的需求是如何用CSS实现的,以及背后用到了什么CSS的理论,以后如果遇到了...原创 2019-08-07 21:48:08 · 153 阅读 · 0 评论