lunbotu
3篇文章 · 0订阅
  • 《从零构建前后分离的web项目》：前端1.0 终 - 前端性能优化 (多图预警)
    我们通常在本地开发，本地环境和线上也并非完全一样，很多项目第一次上线几乎都会遇到本地开发无法复现的问题，可能是字体、样式的问题，也可能是webpack 编译的问题、甚至可能是本地的奇葩环境。所以 本地完美运行 ≠ 线上完美运行，我们需要 build 项目，模拟线上测试一下，看看…
    Vue.js 前端 Nginx
    《从零构建前后分离的web项目》：前端1.0 终 - 前端性能优化 (多图预警)
  • 原生JS实现轮播图--第二章动画实现
    样式构成与上一节相似，这里稍做调整，便不再赘述。 轮播图的动画效果，就是图片按照规定的方向，不停滚动以展示每一张图片，同时还可以通过点击以改变原本的展示顺序。实现有一下几点： 功能整合。 图片自行滚动务必就要使用到定时器setInterval或者setTimeout，使得移动函…
    CSS 前端
    原生JS实现轮播图--第二章动画实现
  • 原生JS实现轮播图--第一章图片展示
    首先实现一个功能时，要从整体考虑，将大功能分解为多个小功能，在轮播图的实现中，首先最直观的，是展示出来的和未展示出来的足多张图片、可点击的多个按钮和底部提示圆点，这三部分；其次是在不进行任何操作的情况下，图片会自动朝一个方向循环滚动；最后是点击不同的按钮，图片会朝不同的方向滚动…
    CSS
    原生JS实现轮播图--第一章图片展示