仿钉钉官网滚动效果
发表于|更新于
|浏览量:
恭维含有一种毒剂，使最坚强的人也不免昏昏陶醉。——大仲马
今天在bilibili刷到个视频
https://www.bilibili.com/video/BV12z4y1s7nE/
发现实现了钉钉官网效果
非常的炫酷，仓库源码：
https://gitee.com/vary-space/hello-world/tree/12z4y1s7nE
相关推荐
2021-02-14
uniapp实现简单登录注册
生活的情况越艰难，我越感到自己更坚强，甚而也更聪明。——高尔基 首先去uniapp官网 可以看到介绍 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 DCloud公司拥有600万开发者用户，几十万应用案例、12亿手机端月活用户，数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app（详见），腾讯课堂官方为uni-app录制培训课程（详见），开发者可以放心选择。 uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架（详见）、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。 首先我们去下载官方IDE——HBuilderX 解压 启动IDE——HBuilderX.exe 我们点击文件->新建-...
2021-11-27
event
有信仰的人不会孤独。——阿列克谢耶维奇 vue官方文档有介绍$event 我们在开发中经常这么写来获取事件 1<div class="trigger-me" @click="triggerMe">点我触发</div> 方法： 123456methods: { triggerMe(e, name) { console.log('e: ', e); console.log('name: ', name); }} 然后调用一下 可以看到打印出了事件，如果我们需要传入其他参数，就可以使用$event了 1<div class="trigger-me" @click="triggerMe($event, 'ruben')">点我触发</div> 再次触发：
2022-02-04
js原型对象
不存在十全十美的文章，如同不存在彻头彻尾的绝望。——《且听风吟》 我们首先定义一个对象 1234567891011class Person { constructor(name,age) { this.name = name; this.age = age; } toString() { return '(' + this.name + ', ' + this.age + ')'; }};let ruben = new Person("ruben",21);console.log(ruben.toString()) 打印结果为： 1(ruben,21) 我们可以使用Person.prototype去获取Person的原型对象，从而更改类其中的方法 1234567Person.prototype.toString = function(){ return "Person{&q...
2025-06-30
meter标签
文变染乎世情，兴废系乎时序。一一刘勰 HTML <meter> 标签详解：数据范围与可视化的理想选择在现代 Web 开发中，可视化数据变得越来越重要。无论是展示进度、评分、性能指标还是任何有明确上下限的度量值，HTML5 提供的 <meter> 标签都能让开发者轻松实现直观、语义化的展示。本文将详细介绍 <meter> 标签的用法、属性、应用场景，以及与 <progress> 标签的区别。 一、什么是 <meter> 标签？<meter> 是 HTML5 新增的标签，用于表示标量测量值（即有范围的度量值），如磁盘用量、投票结果、健康值、评分等。它能为用户提供一目了然的数值状态，并具备良好的可访问性和语义性。 官方文档：MDN - <meter> 元素 二、基本语法与用法最简单的用法如下： 1<meter value="0.7">70%</meter> 效果：显示一个表示 70% 的可视化条。 浏览器默认会根据 <meter>...
2020-08-19
js使用for in取动态key参数
It’s a nice day for coding,isn’t it?Ha ha! 今天遇到一种服务端响应的参数，key是动态的 就像这样 我们一般静态key取值就是直接 1data.data.id.username 但这种id是动态的 我们就只能用for in的方式取值了 12345678var data = { "msg": "查询成功！", "code": 200, "data": { "2f793b1baf4b441c99a12d22af6678aa": { "username": "ruben2", "password": null, "userInfo": null, "genderEnum": null }, "59fa61fe88b64df58568a7046f17ab38": { &qu...
2025-05-21
升级项目为typescript
志不强者智不达。——《墨子·修身》 在一个 JavaScript + Vue 项目中引入 TypeScript 编写的代码组件 1. 保证依赖支持 TypeScript 安装 TypeScript 相关依赖（如果还没有）： 12npm install --save-dev typescriptnpm install --save-dev @types/node 如果你的 Vue 版本是 Vue 2，建议也装上 vue-property-decorator 和 vue-class-component（class 风格）： 1npm install --save vue-class-component vue-property-decorator 2. 配置 tsconfig.json 在项目根目录新建或完善 tsconfig.json，确保包括你的 TypeScript 组件目录。例如： 123456789101112131415161718192021222324252627{ "compilerOptions": { &q...