代码改变世界

vue报错Uncaught (in promise) cancel解决办法

2020-09-02 11:23 by 营养快线1, 3518 阅读, 0 推荐, 收藏, 编辑
摘要:原因:this.$confirm方法内置promise方法,.catch()不能省略(因为取消操作时,无法捕获) 解决: .then(res => {...}) .catch(()=>{});(then之后把catch加上) 阅读全文

vscode中使用svn

2020-09-01 08:57 by 营养快线1, 7917 阅读, 0 推荐, 收藏, 编辑
摘要:1,直接在vscode中用svn拉取代码,按ctrl+shift+r快捷键,会出现一个输入框(带>号,删掉>号相当于一个搜索框),输入svn(选择SVN:Checkout),在输入框内输入svn地址(会让输入svn的账号,密码),建一个文件夹名字 2,用svn拉取代码到本地,安装svn后,在桌面点击 阅读全文

禁止弹窗后面的body页面滑动

2019-05-06 16:54 by 营养快线1, 374 阅读, 0 推荐, 收藏, 编辑
摘要:问题:1.设置弹窗时,禁止后面的body页面滚动 2.给弹窗设滚动条 方案:1,给html,body加样式 html, body{ width: 100%; height: 100%; overflow: scroll; } 2, 给弹窗总的div加样式 .windowDiv{ max-height 阅读全文

sWiper动态加载图片后无法滑动?

2019-04-30 17:35 by 营养快线1, 199 阅读, 0 推荐, 收藏, 编辑
摘要:原因:sWiper在初始化的时候会扫描sWiper-wrapper下面的swiper-slide的个数,从而完成初始化,但是由于动态加载时在初始化之后的动作,所以导致无法滑动。 解决方案:在动态获取数据后,马上对swiper进行初始化(在 ajax里动态渲染页面后,写sWiper); 阅读全文

添加jq点击事件后,页面怎么返回到顶部

2019-04-30 17:16 by 营养快线1, 482 阅读, 0 推荐, 收藏, 编辑
摘要:问题:在同一个页面中,添加点击事件,点击之后页面怎么返回到顶部? 解决方案:在点击事件里设置body的scrollTop为0,(body元素的scrollTop指的是超出“浏览器窗口上边界”的内容的高度); 代码实现:<div id="top" >top</div> <script src="js/ 阅读全文

jq点击事件不生效,效果只闪现一次又立马消失的原因?

2019-04-27 12:02 by 营养快线1, 839 阅读, 0 推荐, 收藏, 编辑
摘要:出现的问题:jq点击事件不生效,点击的时候效果实现但又立马消失,页面重新刷新了一次 可能出现的原因: a标签href属性的原因,虽然点击事件生效,但页面又刷新了一次,所以没有效果,只闪了一次 解决方案:阻止a标签跳转,给a标签的href属性加 javascript:; ,即可 <a href="ja 阅读全文

多个页面引用公共的头部 header.html 和尾部 footer.html

2019-04-25 15:20 by 营养快线1, 3122 阅读, 0 推荐, 收藏, 编辑
摘要:方法:通过load()函数,引入公共头部和尾部文件; js代码预览: $(".headerPage").load("header.html"); $(".footerPage").load("footer.html"); 步骤: 1. 把头部代码和尾部代码分别单独写到一个新的html页面(头部hea 阅读全文

鼠标移入给图片添加向左移动的动画

2019-04-11 11:28 by 营养快线1, 812 阅读, 0 推荐, 收藏, 编辑
摘要:在样式里加个transform动画,展示效果为鼠标移到图片上,图片向左移动10px,鼠标移出,图片还原到原来位置 阅读全文

jq点击事件未生效

2019-04-08 18:19 by 营养快线1, 324 阅读, 0 推荐, 收藏, 编辑
摘要:jq点击事件未生效,应写成事件委托的方式 // $(function(){ // $('.current a').on("click", function(){ // $(this).addClass('select').siblings().removeClass('select'); // }) 阅读全文

h5样式布局

2018-11-27 09:39 by 营养快线1, 115 阅读, 0 推荐, 收藏, 编辑
摘要:在文字的左面加图标 background: url(../images/hi.png) left no-repeat; 如图所示 阅读全文