自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 safari浏览器中使用flex布局出现图片拉伸显示图片原始宽高

在safari浏览器中使用flex布局出现图片拉伸的情况,一般设置图片宽度,图片高度会根据图片宽高比,高度自动伸缩进行调整。解决方案:1,在使用了flex的情况下,设置图片定宽定高2.去掉flex 布局,图片设为display:inline-block,宽度自定义宽度,图片间距自定义,父级设置font-size:0去除图片间距更多方案待探索...

2021-01-25 10:46:03 1517

原创 ES6标准入门(第3版)-笔记

准备工作新建空工作文件夹在该文件夹打开终端,并初始化项目,-y取默认配置,安装完毕出现package.json配置文件$ npm init -y后续可能需安装大量安装包,切换成淘宝镜像进行下载更快捷#查看当前镜像源$ npm get registry#切换淘宝镜像$ npm config set registry http://registry.npm.taobao.org/1.6 Babel转码器配置文件 .babelrc格式:{ "presets": []

2020-05-28 16:42:45 509

原创 关于CommonJS、AMD、CMD、ES6特点及异同总结

1.CommonJS适用于服务端,node.js遵循该规范,运行时加载,同步加载模块,服务端数据存放于本地,同步加载避免异步加载引起的“假死”状态。不重复引用模块,直接获取导出的数据,导出的数据是值的拷贝//导出语法module.exports = { A , B , C }//或exports.A = A;//等价于给该导出添加属性方法//导入语法let {A} = require('./file1')2.AMD适用于浏览器环境,requireJS遵循该规范,异步加载,依赖必须前置!

2020-05-19 17:34:16 259

原创 自定义音频插件

前言最近由于发现项目中使用百度自带编辑器中的audio有兼容问题,oppo手机自带浏览器显示的audio样式无法点击播放,魅族手机自带浏览器打开,audio交互界面样式乱套且没有播放按钮。为解决这个问题,封装了一个audio插件以供使用。默认audio:修改后样式:audio功能点暂停所有:由于可能会有多个音频,有点击任一个暂停其他音频的需求点,所以有以下绑定function ...

2020-03-16 11:37:35 596

原创 截取文本内容,包括中英文,多余则显示省略号

function subStringTxt(str, len) { var strlen = 0; var newStr; var flag = 0; if (str == null) { return "" } for (var i = 0; i < str.length...

2020-01-17 17:02:31 133

原创 h5使用video播放视频,部分浏览器横屏播放后返回,屏宽还是横屏长度,刷新页面就好

//判断手机横竖屏状态: let flag = 0; window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function () { if (window.orientation === 180 || window.orientati...

2020-01-17 15:04:40 1440

原创 h5跳转链接后返回,继续浏览当前页的位置不变

当前页面点击动态生成的a标签后,跳转到二级页面,从二级页面返回当前页面时,需要定位到之前浏览的位置 //监听页面跳转 $(".chunk-3").on("tap", "a", function () { var distance = window.pageYOffset || document.documentElement.scrollTop || d...

2020-01-17 14:53:23 2895

原创 canvas画图

技术使用背景最开始我是使用了html2canvas插件,从后台获取数据后填充在div中,直接截取屏幕上的该div,但是该插件一个是兼容性不太好,第二个截取图片需要5秒以上,且不包括等待加载其他图片加载的时间(之前页面上有从后台获取到的图片加载失败的情况,那时该插件生成图片花费23秒左右时间,天啦噜~别说用户了,我自己都不想等了!)后面解决了等待图片加载失败的情况后,耗时需4-5秒,倒是能忍受,但...

2019-12-12 11:35:46 125

原创 jquery动效操作元素左右晃动

实际展示的动效效果为一个锦囊持续不断的间隔几秒左右晃动几次,用以提示用户该元素可以点击,查看详细信息···//锦囊晃动jQuery.fn.shake = function (times, offset, delay) {//次数,偏移,间隔//stop()可停止为完成的动作,当页面打开了但用户去浏览其他页面后回来,能有效防止其不断晃动的一个过程//先左移一定偏移量,再右移一定偏移量,最后...

2019-12-12 10:34:27 825

原创 懒加载图片

懒加载图片使用背景使用前提使用背景这是在编写一个网页专题时,从后端接口接收到图片时,以防图片加载出错,显示错误图片不美观而采取的措施。使用前提1.首先要在懒加载的img标签内添加绑定属性,如data-src,并且给一个默认图片src链接(用以当图片加载出错或未加载时显示)2. 获取到所有需要懒加载的图片imgs3. 调用以下方法···//懒加载图片function loadImg...

2019-12-12 09:48:43 107

原创 git本地分支上传更新时远程覆盖了本地代码

最新完善的捕鱼小游戏准备更新到git上,试了试用branch,可是不知怎么操作得导致git远程上的代码覆盖了本地代码,慌得一笔,以为一下午做了无用功。。现在我再来捋一捋补救流程:首先,我是在新建了branch dev,把最新的本地代码上传到了本地分支$ git checkout -b dev //创建分支dev 并切换进devSwitched to a new branch 'dev'...

2019-08-02 16:59:16 846

原创 github首次上传本地项目出错

首次上传本地项目至git上,由于git上的项目中有readme.md文件,而本地项目中没有,当push时出现冲突: ! [rejected] master -> master (non-fast-forward)error: failed to push some refs to 'https://github.com/ImStruggler/FishingGame.gi...

2019-07-21 21:17:58 148

原创 github上传本地项目的主要命令

准备工作本地项目文件本地安装好git [右键单击项目文件,出现Git Bush Here,即OK]github账户创建仓库https方式上传在项目根文件右键"Git bush here"打开终端后,将项目文件加入git管理$ git init将项目文件全部内容添加到git 本地仓库$ git add .将所有(修改新增)文件全部提交到本地库,并添加备注信息...

2019-07-11 13:55:24 98

转载 Markdown使用手册

csdn自带的说明书功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入功能快捷键撤销:Ctrl/Command + Z...

2019-07-11 12:42:42 180

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除