- 博客(6)
- 收藏
- 关注
原创 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 165
原创 解决swiper图片无法滑动问题
今天在使用swiper做轮播时,自己新建html文件测试时使用没有问题,但是放进项目后出现图片无法滑动问题,最后还是在百度找到解决方案。出现问题原因:swiper在初始化的时候会扫描swiper-wrapper下面的swiper-slide的个数,从而完成初始化,但是由于动态加载时在初始化之后的动作,所以导致无法滑动。解决方案:var mySwiper = new Swiper ('.swiper-container', { observer:true,//修改swiper自己或子元素时
2020-06-13 11:26:03 2066
原创 分享一些关于iterm2 的快键键
分享一些关于iterm2 的快键键:⌘ + Click:可以打开文件,文件夹和链接⌘ + n:新建窗口⌘ + t:新建标签页⌘ + w:关闭当前页⌘ + 数字 & ⌘ + 方向键:切换标签页⌥⌘ + 数字:切换窗口⌘ + enter:切换全屏⌘ + d:左右分屏⇧⌘ + d:上下分屏⌘ + ;:自动补全历史记录⇧⌘ + h:自动补全剪贴板历史⌥⌘ + e:查找所有来定位某个标签页⌘ + r & ⌃ + l:清屏⌘ + /:显示光标位置⌥⌘ + b:历史回放⌘
2020-05-15 11:14:57 169
原创 使用原生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 2851
原创 css实现文字超过字数显示省略号
css实现一行超过字数,用省略号替代white-space: nowrap; //不允许换行overflow: hidden; //超出包裹器隐藏text-overflow: ellipsis; //显示省略符号来代表被修剪的文本。超出部分也可以自定义字符text-overflow: string超过行数在最后文字部分显示省略号overflow: hidden;display:...
2020-05-08 11:22:10 3718
原创 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 4774
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人