全栈编程

绝对定位可以把元素大概定位在垂直居中的位置，然后需要通过margin、transform和calc的方式来调整居中元素一半的距离。 优点：兼容性好。 缺点：需要知道居中元素的高度。 在transform变形属性中，我们常用的有translate转换，参数可以为像素数和百分数，表…

笔者redis中key的格式为日期和数据表的组合，在脚本启动后，可以通过提示来让用户输入日期和表名：通过read -p即可定义变量，后续使用可以通过$变量名来使用。 之后，检查了redis_keys.txt文件的行数，如果是空文件，则退出脚本。这里是通过"`"符号执行了shel…

本文通过讲解JavaScript Promise迷你书的前两章有关Promise的关键知识来解析一道常考的promise面试题-手动实现Promise.all。 可能光是看知识点不能完全理解，下面会结合手动实现Promise.all来应用上面的知识点。首先看一下promise.…

vue-cli脚手架出到了4.3.1版本，目前主推通过create命令来新建项目。与过去的vue-cli2的init命令不同的是：create命令脚手架建完的项目webpack为4，而init采用的模板中引用的webpack版本还是3。（单独安装最新的@vue/cli-init…

这里通过引入的node_modules/webpack/lib/webpack.js生成了一个compiler实例，然后执行compiler.run()，run是一个重要的入口后文会详细分析。 是通过compiler.hooks.beforeRun.tap方法把回调函数挂载到b…

在日常项目中图片可以通过img标签引入也可以通过元素的background-image引入。那么具体两种引入方式在使用中有什么区别，在打包的时候应该如何配置？本次来进行解析。 在img标签这个行内元素中，我们仍然可以通过css的width和height属性来控制图片的宽和高。 …

先给大家看一下实现效果图，通过一个按钮来触发表情选择面板，点击表情选择面板中的任意表情，实现把表情添加到指定输入框。本文就是讲怎样来实现这样的一个组件。 本文带大家实现一个QQ与emoji表情选择器组件，在之前有讲过如何制作一个npm组件，详情参考底部公众的文章《手摸手教你制作…

nginx作为常用的Web服务器和反向代理，使用已经非常普遍。关于HTTP协议的所有的HTTP配置项都是属于http块、server块、location块、upstream块。本次就从使用场景入手，来讲解nginx的HTTP模块的常用配置。 日志对于nginx的运维环境调试是非…

在HTTP中，缓存是一个性能优化的关键点。本次来讲解目前使用Cache-Control字段的最佳实践。 第一个场景，在根目录中加载了一个网页，网页中引入一个js脚本资源。对于js脚本的请求，设置Cache-Control中max-age为20，未加入其他参数。服务器代码如下： …