自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 可选链(Optional Chaining)新特性

前言相信大部分开发前端的的码农们都会遇到下面一个问题, 在遍历一个深层的树状结构数据时,总要去判断该中间节点的数据是否存在,之后再去取值或者对应的操作,最常见的场景就是在对接后端的api了,假设现在有这么一个api返回obj.let person = { name: 'a', owner: { token: '54163sdf', permis...

2019-09-23 15:49:57 3188

原创 vue 日历选择组件

vue 日历选择组件日历作为手机端一个常用的控件,想必大家多多少少都会用到,现在github上有很多优秀的日历控件,但可能有些时候并不能满足我们日常的业务开发需求,话不多说,下面简单实现一个日历的选择功能!链接和图片展示(●’◡’●) (●’◡’●)(●’◡’●)(●’◡’●)(●’◡’●)(●’◡’●)演示示例链接核心代码分析首先,我们明确一点,日历,就是时间的选择,有了时间对应的数...

2019-09-16 22:16:51 2111

原创 (依赖收集vue) 联想学习

现在假设我们已经理解了vue响应式的原理,然或者希望这篇文章能有点作用https://juejin.im/post/5cc005a45188250a9b5ac7a9,现在我们创建一个girl,她的所有属性读写已经变得可观察了:function defineReactive(obj, key, val, cb){ Object.defineProperty(obj, key, { ...

2019-04-25 17:05:17 241

原创 vue双向绑定(响应式)简单理解

相信很多人都知道双向绑定原理是基于Object.defineProperty实现的,通过该方法将对象的属性转化为getter/setter,进而实现响应式,(顺便提一句该方法在低版本的浏览器没有很好的支持,所以这也是ie8以下不支持vue的原因),话不多说,下面来一步步实现吧!首先我们定义一个对象,一个girl:let girl = {}let height = '1.70m'Object...

2019-04-24 16:54:10 372

原创 css设置height 由0到auto的动画效果

css设置height 由0到auto的动画效果分析

2017-12-29 14:19:56 12732

原创 H5页面唤醒app的方法

iOS/Android 浏览器(h5)及微信中唤起本地APP会遇到的问题:如何解决未安装APP时的做好引导页 如何在微信中唤醒APP 在iOS9中如何处理universal link被用户误关的情况 如何解决Android各种机型、各种第三方浏览器导致的兼容问题等 在APP未安装情况下,引导用户下载后打开APP后,如何进入之前唤起时指定的页面或内容,即如何实现场景还原 在微信中唤...

2017-12-28 10:34:54 12403 2

原创 关于animation PlayState在ios上不起作用, 以及ios前端页面音乐不能自动播放的问题

最近在做前端页面的时候遇到一个需求, 就是音乐进入页面自动播放,对应图标不停旋转的设计在查阅了对应的资料后, 决定利用vedio.js以及配合css3的animation 去实现,在实现了对应的功能后,发现也不是很难代码如下 if ($(this).hasClass('active')) { $(this).style.animationPlay...

2017-11-16 20:15:21 669

原创 关于touch事件的使用 (touchStart touchMove touchEnd(不触发 android 4.0以上)) 滑动的使用

最近在移动端使用touch事件的时候,遇到了一些问题 ,下面是一些心得,手机端经常会有有一些上拉加载,下拉刷新, 左右滑动删除的应用场景, 在不借助第三方插件的时候,无疑会用到touch事件,在谷歌浏览器开发时并没有出现任何问题,结果在手机端测试时各种问题便出来了,亲测在 Android 4.0 上面的浏览器手指页面上做滑动操作,然后手指离开,结果不会触发 touchend 事件。同样的...

2017-11-03 10:04:45 3942

原创 浏览器返回事件监听

在进入当前页面的时候向历史站压入该页面,当监听到返回事件就是popstate的时候,进行对应的操作,我们修改历史站的操作pushState不会触发popstate事件, 可见MDN.$(function(){ pushHistory(); var bool=false; setTimeout(function(){ bool=true; },1000); windo...

2017-11-02 17:02:27 864

空空如也

空空如也

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

TA关注的人

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