至于未来会怎么样 反正路还长 天总会亮

Life is a journey, not a destination, care should be the scenery along the way and the mood to see the scenery.

个人博客
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    字符串对象的IndexOf与lastIndexOf
    indexOf(str,[index]):返回指定内容在元字符的位置,如果没有返回-1 ,有返回字符串的索引,只返回第一个字符串出现的位置 lastIndexOf与indexOf一样,不过是从字符串后面开始查找 weiz 案例 查找字符串abcdabcd...
  • ...
     前端 浏览(12)  tangzihan ++阅读原文
    JS字符串的不可变性
    > 字符串的不可变指的是字符串的值不可变,虽然看上去可以改变内容,但其实是地址指向改变了,新改变的指会在内存中新开辟一个内存空间,而原来的旧指内存空间还是存在的,我们看到的字符串内容改变实际上是内存指向...
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    JS数组索引方法
    主要有两个 indexOf():在数组中查找给定元素的第一个索引 如果存在返回索引不存在返回-1;该函数只返回第一个满足条件的元素索引 var arr = ['a','b','c','b'] console.log(arr.indexOf('b'))//返回1 console.log...
  • ...
     前端 浏览(6)  tangzihan ++阅读原文
    js预解析
    情景一 当我们打印一个未定义的变量时 console.log(num) 抛出异常num未定义 Uncaught ReferenceError: num is not defined 情景二 当我们运行下面代码时 console.log(num) var num = 10 输出`unde...
  • ...
     前端 浏览(12)  tangzihan ++阅读原文
    触屏事件
    touch:触摸事件 常用触摸事件如下 | 事件|描述 | |--|--| | touchstart | 手指触摸到dom元素时触发 | |touchmove|手指在dom元素上滑动时触发| |touchend|手指离开dom元素时触发 触摸事件对象(TouchEvent)...
  • ...
     前端 浏览(12)  tangzihan ++阅读原文
    使用zy.media.js视频插件
    zyMedia是一款基于HTML5原生multimedia、自定义UI的多媒体播放器。 [github](yMedia是一款基于HTML5原生multimedia、自定义UI的多媒体播放器。)
  • ...
     前端 浏览(8)  tangzihan ++阅读原文
    使用swiper插件
    swiper插件用于做各种动画如轮播图,滑动菜单等等,通过swiper可以快速的得到我们想要的动画效果 官网地址:https://www.swiper.com.cn/ 使用方法 ![](http://)![](http://www.zihanzy.com/uploads/images/article_...
  • ...
     前端 浏览(11)  tangzihan ++阅读原文
    移动端click延迟300ms问题解决
    解决办法 1. 禁用浏览器缩放 2. 通过faskclick [github](https://github.com/ftlabs/fastclick) 在页面引入faskclick.js文件 添加如下代码 if ('addEventListener' in document) { document.addEventListener('...
  • ...
     前端 浏览(11)  tangzihan ++阅读原文
    移动端轮播图效果实现
    基本结构 基本css / 轮播图 / .focus{ position: relative; padding-top: 44px; overflow:hidden;//溢出的图片隐藏 } .focus ul{...
  • ...
     前端 浏览(11)  tangzihan ++阅读原文
    rem+css预处理+媒体查询与rem+flexible.js做网页适配
    引入 1. 页面布局文字能否随着屏幕大小变化而变化? 2. 流式布局和flex布局主要争对宽度布局,那高度如何设置? 3. 怎样让屏幕发生变化时候元素高宽等比例缩放? rem是什么? l rem是一种新的单位,是一个相对...