- 博客(6)
- 收藏
- 关注
RSS订阅原创 webpack使用方法总结
一 创建项目创建一个根目录使用命令行工具，进入目录，运行yarn init -y命令 ，初始化配置文件package.json新建src源代码目录在src目录内新建index.html文件，并且 初始化文件结构。安装jquery（可选，仅用于演示）yarn add jqueryindex.html代码：<!DOCTYPE html><html lang="zh-Hans"><head> <meta charset="UTF-8">
2020-11-23 18:08:14
141
原创 解决swiper图片无法滑动问题
今天在使用swiper做轮播时，自己新建html文件测试时使用没有问题，但是放进项目后出现图片无法滑动问题，最后还是在百度找到解决方案。出现问题原因：swiper在初始化的时候会扫描swiper-wrapper下面的swiper-slide的个数，从而完成初始化，但是由于动态加载时在初始化之后的动作，所以导致无法滑动。解决方案：var mySwiper = new Swiper ('.swiper-container', { observer:true,//修改swiper自己或子元素时
2020-06-13 11:26:03
2011
原创 分享一些关于iterm2 的快键键
分享一些关于iterm2 的快键键:⌘ + Click：可以打开文件，文件夹和链接⌘ + n：新建窗口⌘ + t：新建标签页⌘ + w：关闭当前页⌘ + 数字 & ⌘ + 方向键：切换标签页⌥⌘ + 数字：切换窗口⌘ + enter：切换全屏⌘ + d：左右分屏⇧⌘ + d：上下分屏⌘ + ;：自动补全历史记录⇧⌘ + h：自动补全剪贴板历史⌥⌘ + e：查找所有来定位某个标签页⌘ + r & ⌃ + l：清屏⌘ + /：显示光标位置⌥⌘ + b：历史回放⌘
2020-05-15 11:14:57
143
原创 使用原生js实现歌曲上一曲/下一曲
使用原生js+jqery写的网页播放器实现下一曲/上一曲功能数据库使用的是leancloud，对象储存使用的是七牛云。先上代码（下一曲）：nextSong() { $('.nextSong').on('click', (e) => { e.preventDefault() let songid = this.view.getSongId()//从查询参数里面获取当前播放的歌曲id this.model.getAlbumId(songid).
2020-05-13 15:45:33
2815
原创 css实现文字超过字数显示省略号
css实现一行超过字数，用省略号替代white-space: nowrap; //不允许换行overflow: hidden; //超出包裹器隐藏text-overflow: ellipsis; //显示省略符号来代表被修剪的文本。超出部分也可以自定义字符text-overflow: string超过行数在最后文字部分显示省略号overflow: hidden;display:...
2020-05-08 11:22:10
3655
原创 input标签实现搜索框
要实现手机键盘上的回车变为搜索字样，input type=text不能达到这种效果，应使用type=search，同事需要input type=search外面包上一层带action属性的form<form class="searchForm" action=""> <div class="searchWrap"> <input name="sea...
2020-05-08 11:12:06
4738
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人