打酱油12138

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

已经好久没有写博客了。本文不说 Vue3.0 了，相信已经有很多文章在说它了。而前一段时间尤大开源的 Vite 则是一个更加吸引我的东西，它的总体思路是很不错的，早期源码的学习成本也比较低，于是就趁着假期学习一番。 本文撰写于 Vite-0.9.1 版本。 一个是 Vite 主…

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

框架设计远没有大家想的那么简单，并不是说只把功能开发完成，能用就算完事儿了，这里面还是有很多学问的。比如说，我们的框架应该给用户提供哪些构建产物？产物的模块格式如何？当用户没有以预期的方式使用框架时是否应该打印合适的警告信息从而提升更好的开发体验，让用户快速定位问题？开发版本的…

之前实过现从零开始 Node实现前端自动化部署，并实现对Docker的支持升级 前端docker自动化部署。但仍存在较多不足。 鉴于上一版本（终端执行版本）的痛点，提供一个实时交互、直观的用户界面尤为重要。 考虑到SSH连接、文件压缩、上传等操作，需要Node提供支持，而交互场…

对称加密：采用对称密码编码技术，加/解密使用相同密钥进行，效率较高。 非对称加密：基于密钥交换协议，拥有公开密钥和私有密钥，使用公钥加密后需使用对应私钥才能进行解密。 常见对称加密有AES、DES、3DES等，这里选用AES实现。 常见非对称加密有RSA、ECC等，这里选用RS…

前段时间学习了docker相关的内容，docker可以实现数据隔离、跨平台等，加快项目后续部署。 在了解docker部署流程后，学习了CI/CD的概念，通过对gitlab及docker的 简单配置即可实现持续集成，大幅提高生产效率。 准备对其升级并支持docker部署。 考虑兼…

在上一节 《CommonJS：不是前端却革命了前端》中，我们聊到了 ES6 Module，它是 ES6 中对模块的规范，ES6 是 ECMAScript 6.0 的简称，泛指 JavaScript 语言的下一代标准，它的第一个版本 ES2015 已经在 2015 年 6 月正式…