前端
有衡
这个作者很懒,什么都没留下…
展开
-
在H5中使用vant中的ImagePreview组件报错
因为不是脚手架安装的vantUI,用法有些不同,有些组件需要在前面加vantImagePreview的用法:vant.ImagePreview(['https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2853553659,1775735885&fm=26&gp=0.jpg']);原创 2020-12-29 15:12:28 · 1521 阅读 · 0 评论 -
egret白鹭使用exml关联id获取不到对象
在使用exml关联id的时候死活获取不到对象,实在是找不到哪里的问题,怎么打印出来都是undefined,真的是哭了class SceneBegin extends eui.Component implements eui.UIComponent { public beginBtn:eui.Button; public constructor() { super(); this.touchEnabled = true; } protected partAdded(partName:原创 2020-10-14 16:57:20 · 536 阅读 · 2 评论 -
TypeScript使用vsCode自动编译成js
写TypeScript的时候我们需要先将代码手动编译成javaScript才可以在浏览器运行,当前博客介绍在vsCode中让TypeScript代码可以让编辑器自动编译成javaScript1.首先在vsCode中将打开终端切换终端到需要的目录下2.生成一个tsconfig.json文件3. 将tsconfig.json文件中的outDir注释打开,路径改成自己的4. 新建一个ts文件,当前还没有自动更新5. 终端 -》运行任务6. 选择typeScript7. 选择监视当前目录下原创 2020-10-09 11:57:48 · 1797 阅读 · 0 评论 -
jquery点击事件不生效的问题
在同时使用vue.js和jquery.js的过程中,发现jquery的点击事件在有些地方不生效没有任何反应,反反复复看代码并没有什么异常也没有报错,后来发现是父级div使用了v-if='state',加载页面时state为false,后来点击切换为true后来把父级div的v-if显示隐藏使用jquery来操作,点击事件可以生效$('#state').show(); //显示$("#state").hide(); //隐藏...原创 2020-12-29 15:09:11 · 3017 阅读 · 0 评论 -
js操作history
pushState在当前history的中添加一条记录window.history.pushState(null, null, '1.html');replaceState替换当前中history的记录window.history.replaceState(null, null, '1.html');跳转history.go(1) //前进一个页面history.g...原创 2020-03-27 16:02:48 · 594 阅读 · 0 评论 -
jQuery改变图片的src
jQuery改变图片的src$("#img").attr("src", './img/1.png');原创 2020-02-10 18:19:28 · 465 阅读 · 0 评论 -
设置css优先级最高
只要加上!important就行.active { background-color: #fff8fa; color: #ea530b; border: 1px solid #ccc !important; }原创 2020-12-29 15:10:59 · 3809 阅读 · 0 评论 -
右下角的悬浮按钮
在网页上做一个右下角悬浮的按钮代码: <div onclick="location.href='invite3'"> <img src="./xuanfu.png" style="width: 5rem;height: 5rem;position: fixed;bottom: 5rem;right: 1rem;z-index: 9999;" /> <...原创 2020-01-15 15:41:35 · 1884 阅读 · 0 评论 -
小程序image图片变形
有次写商城,发现图片总是会变形,找了很久都不知道是什么问题后来发现小程序的image标签是有默认的宽高的<image> 组件默认宽度 300px、高度 225px;小程序的image标签是有mode模式的,图片缩放模式这个模式有缩放模式,有裁剪模式,具体可以看文档我这里的话就是没有去掉图片的默认宽高<image src="" mode="widthFix">&...原创 2020-12-29 15:10:28 · 2107 阅读 · 0 评论 -
弹性布局 justify-content:space-between 不起作用
如果justify-content:space-between;不起作用有可能是因为没有设置with设置了with就可以了原创 2020-12-29 15:10:05 · 15890 阅读 · 5 评论 -
在vue项目里面使用阿里矢量图标
在vue项目里面使用阿里矢量图标先去官网下载阿里矢量图下载地址:https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a将需要的图标加入购物车打开购物车下载图标代码解压将css文件放到自己的项目中打开购物车添加至项目新建一个项目确认然后就到这个页面点击查看在线链接点击生成代码就可以了...原创 2020-01-03 17:47:41 · 896 阅读 · 0 评论 -
怎么取消掉img之间默认的空隙
如果要写多个img,直接这样写的话<img src="" alt=""><img src="" alt=""><img src="" alt="">这样写img就会出现下面这种空隙想要取消掉这种空隙方法一:将img设置为块级元素display:block;效果图方法二:设置图片浮动float: left;效果图...原创 2019-10-18 11:23:17 · 462 阅读 · 0 评论 -
设置css阴影和取消css阴影
之前用mui布局样式,但是一直都会有这个阴影,在浏览器调试也调试没用这是设置阴影 /* 长 宽 模糊度 颜色*/box-shadow: 0 1px 6px #ccc; 取消的话直接设置为0就行了,不建议直接去mui.css里面删掉,如果改掉mui里面的样式全部的样式都会变这是取消阴影 /* 长 宽 模糊度 颜色*/box-shadow: 0 0px 0px #ccc;...原创 2020-12-29 15:09:44 · 11592 阅读 · 0 评论