实际应用功能
14篇文章 · 0订阅
  • 16个工程必备的JavaScript代码片段（建议添加到项目中）
    “这是我参与8月更文挑战的第27天，活动详情查看：8月更文挑战” 1. 下载一个excel文档 同时适用于word,ppt等浏览器不会默认执行预览的文档,也可以用于下载后端接口返回的流数据，见3 2.
    前端 JavaScript
  • 8个工程必备的JavaScript代码片段（建议添加到项目中）
    “这是我参与8月更文挑战的第23天，活动详情查看：8月更文挑战” 8个工程必备的JavaScript代码片段，听过这样起博客标题可以提高阅读量。😀 最近写博客好累，让8月征文活动搞的，今天水一篇好了，
    前端 JavaScript
  • canvas 基础系列（二）之实现大转盘抽奖
    定义点击事件，当点击旋转按钮，执行rotateWheel() 方法，该方法将动态改变全局变量 starRadian的值，并调用 window.requestAnimationFrame()方法实现逐帧旋转动画。 之所以在绘制最开始对画布做清理，是为了完成逐帧动画。 我们可以想象…
    Canvas
  • JS写的一个抽奖小Demo从普通写法到设计模式再向ES6的进阶路程
    这款抽奖小Demo拥有类似现实中转盘抽奖的效果，会在最后慢慢停止。 1. 整体目录 2. HTML结构 这里有一点需注意，因为每个格子是通过CSS整体进行30°旋转，所以1号格子想要在0°的话需要放到最后一个。 3. CSS样式 然后每个 li 设置成上三角形的样式。ul进行溢…
    JavaScript ECMAScript 6 设计模式
  • vue单页应用如何在页面刷新时保留状态数据
    在Vue单页应用中，如果在某一个具体路由的具体页面下点击刷新，那么刷新后，页面的状态信息可能就会丢失掉。这时候应该怎么处理呢？如果你也有这个疑惑，这篇文章或许能够帮助到你 现在产品上有个需求：单页应用走到某个具体的页面，然后点击刷新后，刷新的页面要与刷新前的页面要保持一致。 这…
    Vue.js 前端 产品
  • 愈发熟练的 CSS 技巧
    rem+simple-flexible适配方案简单解析rem相对于根元素<html>的font-size的大小来计算坐作为一个单位；simple-flexible是根据手淘团队lib-flexible
    CSS JavaScript 前端
  • ❤️❌ 如何用vue制作一个探探滑动组件
    一. 功能分析 二. 具体实现 1. 堆叠效果 2. 图片滑动 3. 条件成功后的滑出，条件失败后的回弹 4. 滑出后下一张图片堆叠到顶部 重新堆叠是组件最后一个功能，同时也是最重要和复杂的功能。在我们的代码里，stack-item的排序依赖绑定:style的transform…
    • 秋
    • 8年前
    • 8.6k
    • 40
    Vue.js HTML CSS
  • 常用JS方法整理
    主要整理日常工作中常用的一些通用Js代码，以方便能够记录与使用。
    JavaScript 前端 微信
  • vue 手写一个时间选择器
    最近研究了 DatePicker 的实现原理后做了一个 vue 的 DatePicker 组件，今天带大家一步一步实现 DatePicker 的 vue 组件。 1. 构思页面结构 DatePicker 组件由输入框和日历面板组成，写好页面主体结构。 输入框<input>点击显…
    Vue.js CSS 前端
  • 懒加载和预加载
    懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。 能提升…
    JavaScript 前端 服务器