javascript
文章平均质量分 59
柚子青年
这个作者很懒,什么都没留下…
展开
-
【手撕代码】轻量轮播图
个人博客:柚子青年。原文地址:【手撕代码】轻量轮播图GIT:youzi20/page/swiper.html效果预览:有时候只是想要一个简单的轮播图效果,一些开源库总是很大,如何手撸一个最轻量的轮子。轮播图的几个关键点:翻页按钮,分页器,悬停静止,无限轮播,清理动画叠加。文中使用了构造函数的方式把所有细节解构去耦合,欢迎大家点评 ????????html<div class="swiper swiper1"> <div class="wrapper">原创 2021-07-27 21:35:14 · 151 阅读 · 0 评论 -
Promise 以及 async/await 是什么
AJAX的出现使浏览器的用户体验得到了一个质的提升,再不用像以前一样(例如:查看下一页必须整个页面全部重新加载,使用AJAX只需要局部加载下一页数据然后重新渲染DOM)。当然AJAX是一个异步操作,当请求成功之后,调用一个回调函数。在遇到需要获取返回内容时再做其他操作,很容易陷入“回调地狱”。这个词相信都不陌生也经常遇到这种情况,最好的做法就是封装一层AJAX参数处理、传入回调函数,做一些简单的...原创 2020-03-24 15:54:52 · 232 阅读 · 0 评论 -
如何让 textarea 文本框 高度自动伸缩
个人博客:柚子青年。原文链接:webstorm 插件拓展(一)本文主要讲的是如何让 textarea 文本框 自动伸缩原理:每次输入文字后重置文本框默认高度 判断是否出现滚动条 动态修改高度 。$(this).change(function () { this.style.height = 'height'; // height = textarea 默高度 if (thi...原创 2020-03-24 11:45:08 · 620 阅读 · 0 评论 -
webstorm 插件拓展(一)
本文主要介绍webstorm拓展插件 Sass / SCSS 以及 压缩css / js一、 Sass / SCSS 安装稍微了解一下 Sass 和 SCSS 的区别:SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能 ;Sass是用Ruby语言写的, 所以需要先安装Ruby,然后再安装 Sass / SCSSRuby 下...原创 2020-03-21 16:29:28 · 1462 阅读 · 0 评论