去年初的时候在掘金上看到不可思议的纯 CSS 滚动进度条效果这篇文章,觉得很有意思,就收藏了下来。现在就做一次搬运工吧。
国际化的一次实践
其实国际化这个东西没什么好说的,原理很简单,用一个函数根据当前的语言类型取出对应的文本就 ok 了。本文的出发点也不是讲国际化怎么用的问题,而是怎么快速生成对应的文本数据。
实际开发中我们知道,通常来说在服务器会保留多个语言文件。每个语言文件都格式,key 都完全一样,只是对应都值不一样。通常情况下
...
Promise、Generator和Async
Promise、Generator 和 Async 都是 JavaScript 的异步解决方案,这里简单的做一个对比。
JavaScript 异步编程
单线程我们知道 JavaScript 是单线程的,在同一时间只能做一件事(虽然 HTML 5 提出了 Web Work 标准,允许 Javascript 创建多个线程,但子线程完全受主线程控制,且不得操作 DOM,一定意义上并没有改变 Javascript 单线程的本质)。如果有多个任务,就必须等待
...
初探Vue3.0
一转眼 vue 已经到了3.0-rc.9
了,在过去很长一段时间都处于一个高强度都工作状态,实在是没有机会跟上版本的脚步。也算是明白了为何中年人为什么不能保持学习的热情,跟不上技术的发展的部分原因。
页面切换动画
不管是在过去的项目还是未来的项目(SPA 项目)中我们都会遇到大量的页面切换,往往伴随页面切换的时候会要求一些切换效果,如:
JavaScript命名规范
在过去的 6 个月里我没有写任何一篇博客,一个是因为确实很忙(996 搞互联网医院,项目砍掉了后又 996 做高速公路管理系统),另一个确实很懒,仅有的一点空闲时间都去玩游戏了。
实际上我并不是第一次阅读别人的代码,但给人的感觉就是有的代码没有多少注释却阅读起来浅显易懂,有的代码即时写了很多注释也很难搞懂在实现什么需求。由于每到一个新的公司都要制定相关的开发规范(确实换工作频率有点高),也在此记录一下变量命名规范供以后有需要时使用。
CSS实现按钮点击水波纹效果
我们经常会看到很多网站为按钮添加点击效果来提升用户体验,我们就简单的实现以下水波纹效果。
实现水波纹效果主要使用来 css after 伪类和 css3 中的 transform 和 transition 属性。
.the-btn{
color: #555;
...
Webpack编译-webkit-box-orient的问题
webpack autoprefixer 在编译一些非标准 css 属性的时候可能会删除该属性。如:
12345height: 0.72rem;overflow: hidden;display: -webkit-box;line-height: 0.36rem;-webkit-line-clamp:
...
CSS3之mask
说来惭愧,这是之前在一篇推送的文章中看到到到,由于自己平时的工作对这种需求比较少,而且通常遇到这样对需求都是以图片(背景)来做,直到看到幻术,一行代码实现镂空效果这篇文章,才发现还可以这么做,就想着自己总结以下 css3 对 mask 属性.