自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

cutly的博客

开始自学前端

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

转载 FastClick

转自https://www.jianshu.com/p/150c305f6930为什么要使用FastClick移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件,才有了FastClick。项目地址:https://github.com/ftlabs/fastclickFastClick的使用安...

2019-12-14 11:38:29 129

原创 移动端页面布局

要实现这种样式先说布局:整个页面宽高百分百流式布局下来,商品区一般都封装成了单独组件,组件也宽高百分百整个页面监听滚动 @scroll="contentScroll"在mounted时纪录需要固定元素的topHeight 在我项目里为rem 高度是上面元素高度写死,也可以动态获取需固定元素距顶部高度this.topHeight = parseInt((...

2019-08-12 17:24:06 305

原创 vue实现购物车滑动删除

先来看看效果图写两个盒子,都用定位,内容的盒子right 0 ,删除盒子right 负盒子的宽度内容盒子注册滑动事件@touchstart="touchS" @touchmove="touchM" @touchend="touchE"下面贴上滑动方法// touch事件,显示删除 touchS (e) { if (this....

2019-07-25 15:53:57 1172

原创 vue实现跳锚点

1.元素加上id,下面是循环中动态添加:id="'product' + index"也可以用vue ref实现2.点击// 跳转到对应锚点document.getElementById('product' + index).scrollIntoView(true)scrollIntoView(true) 跳到元素顶部scrollIntoView(flase) 跳到元素...

2019-07-19 15:02:58 1488

原创 vue纪录页面滚动位置

1.页面keepAlive2.滚动的盒子加上overflow:scroll和-webkit-overflow-scrolling: touch;(解决苹果下不流畅)3.盒子添加事件@scroll="contentScroll" 加上引用ref4.method里contentScroll (e) { let target = e.target || e.srcElement...

2019-07-15 17:57:26 708

原创 vue 骚操作 同时使用v-if v-show保持页面只第一次渲染时调接口

想要实现这两个页面第一次打开时才调接口,光keepAlive还不行,只使用v-if达不到效果,使用v-show又一下调了两页面的接口可以同时使用v-if和v-showv-if跟个data挂钩 ,例如叫showPage: [true, false](默认第一屏显示)v-show跟tabNav挂钩,这里只有0,1当页面mounted时将对应的showpage置true,这样...

2019-07-13 17:10:14 3419 1

原创 三栏布局,中间自适应

1.浮动css.left{ float: left; width: 300px; background: red; height: 100px;}.right{ float: right; width: 300px; ...

2018-10-04 09:57:26 3459 1

原创 MySQL 8.0.12设置密码

用 set password for root@localhost = password('123');   设置失败用 ALTER USER 'root'@'localhost' IDENTIFIED BY '!Password1'; 可以删除 在根目录 sc delete MySQL 也可删除其他服务...

2018-08-20 11:16:10 1232

原创 事件冒泡

兼容代码window.event.cancelBubble=true?window.event.cancelBubble=true:e.stopPropagation();

2018-08-10 10:16:37 85

原创 阻止默认事件

return false  各浏览器都可以用e.preventDefault()

2018-08-10 10:15:56 147

原创 更改input里placeholder的字的颜色

发现用color改不了placeholder的颜色,用下面的代码就行了input::-webkit-input-placeholder{            color:#bfbfbf;        }        input::-moz-placeholder{   /* Mozilla Firefox 19+ */            color:#bfbfbf;    ...

2018-07-29 21:48:17 2328

原创 div和span的区别

div占用一行span只占用所写内容的宽度

2018-07-20 17:52:45 1851

原创 链接页面的打开方式:_blank与blank的区别

_blank能新建多个页面blank只能新建一个页面,再点别的链接也只能在同一个新的页面中打开

2018-07-19 16:14:08 2968

转载 浏览器内核

(1)Trident(IE内核)国内很多的双核浏览器的其中一核便是 Trident,美其名曰 "兼容模式"。代表: IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。Window10 发布后,IE 将其内置浏览器命名为 Edge,Edge 最显著的特点就是新内核 EdgeHTML。(2)Gecko(firefox)Gecko(Fi...

2018-07-19 09:34:02 225

空空如也

空空如也

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

TA关注的人

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