【原创】flex 多行多列
列固定 5 列为例： .video-list { margin: 0 50px; display: flex; flex-flow: row wrap; } .single-video { width: 19%; margin-top: 3…
归档：2022 年 12 月
共 28 篇
【转载】让 CSS flex 布局最后一行列表左对齐的方法
转自： https://www.zhangxinxu.com/wordpress/2019/08/css-flex-last-align/ justify-content对齐问题描述 在CSS flex布局中，justify-content…
【原创】jQuery 实现返回顶部按钮显示及动态 JS 效果
HTML <div id="back-container"> <button class="back-btn"> <img src="./images/icon…
【原创】CSS 常见操作
单行省略号 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行省略号 以两行为例： overflow: hidden; text-overflow: elli…
【转载】设置 Webstorm 实时预览
转自： https://codeantenna.com/a/Dqkf1NvMJs 安装插件 Live Edit 这里学到了一个名词，捆绑，意思就是有的编辑器默认自带的,无须另外下载我这里是2020.3.2是自带的，检查是不是自带的也很简单，…
【转载】Vue 请求是在 Created 还是 Mounted？
转自： https://juejin.cn/post/6989496048557228046 首先明确的一个前提是：请求是异步的。 在Created生命周期里Data才生成，而请求返回的数据需要挂载在data上，所以Created里是可以初…
【转载】Webpack 高级（五）——总结
转自： https://blog.csdn.net/u010358168/article/details/124932198 提升开发体验 使用 Source Map 让开发或上线时代码报错能有更加准确的错误提示。 提升打包构建速度 使用 …
【转载】Webpack高级（四）——提高代码运行性能
转自： https://blog.csdn.net/u010358168/article/details/124932198 Preload 我们前面已经做了代码分割，同时会使用 import 动态导入语法来进行代码按需加载（我们也叫懒加载…
【转载】Webpack高级（三）——优化代码运行性能
转自： https://blog.csdn.net/u010358168/article/details/124925893 Code Split 打包代码时会将所有 js 文件打包到一个文件中，体积太大了。我们如果只要渲染首页，就应该只加…
【原创】Webpack 高级（二）——减少代码体积
Tree Shaking 开发时我们定义了一些工具函数库，或者引用第三方工具函数库或组件库。 如果没有特殊处理的话我们打包时会引入整个库，但是实际上可能我们可能只用上极小部分的功能。 这样将整个库都打包进来，体积就太大了。 Tree Sha…