ヤD草帽Dヤ

ヤD草帽Dヤ 查看完整档案

广州编辑  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 该用户太懒什么也没留下

个人动态

ヤD草帽Dヤ 赞了回答 · 8月2日

解决js操作原生

试下这个例子,我这里测试是可以的
文档

<!DOCTYPE html>
<html>

<head>
  <title>测试监听页面的显示隐藏</title>
</head>

<body>
  <div class="container">
  </div>
  <script>
    /**
     * 监听浏览器标签页的显示与隐藏
     */
    class ListenerPageVisibility {
      constructor() {
        // 设置隐藏属性和改变可见属性的事件的名称
        this.hidden = ''
        this.visibilityChange = ''
        if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support
          this.hidden = "hidden"
          this.visibilityChange = "visibilitychange"
        } else if (typeof document.msHidden !== "undefined") {
          this.hidden = "msHidden"
          this.visibilityChange = "msvisibilitychange"
        } else if (typeof document.webkitHidden !== "undefined") {
          this.hidden = "webkitHidden"
          this.visibilityChange = "webkitvisibilitychange"
        }

        this.handleChange = (callBackHidden, callBackVisibility) => {
          if (document[this.hidden]) {
            // 页面是隐藏状态
            callBackHidden && callBackHidden()
          } else {
            // 页面是展示状态
            callBackVisibility && callBackVisibility()
          }
        }

      }

      /**
       * 全局访问点
       * @param callBackHidden 页面隐藏执行的回调方法
       * @param callBackVisibility 页面显示执行的回调方法
       */
      linsternVisibility(callBackHidden, callBackVisibility) {
        // 如果浏览器不支持addEventListener 或 Page Visibility API 给出警告
        if (typeof document.addEventListener === "undefined" || typeof document[this.hidden] === "undefined") {
          console.log("This demo requires a browser, such as Google Chrome or Firefox, that supports the Page Visibility API.")
        } else {
          // 处理页面可见属性的改变
          document.addEventListener(this.visibilityChange, () => {
            this.handleChange(callBackHidden, callBackVisibility)
          }, false)
        }
      }
    }

    // 调用实例
    let navChange = new ListenerPageVisibility()
    navChange.linsternVisibility(
      // 页面是隐藏状态执行方法
      () => {
        console.log("页面隐藏")
        // TODO 浏览器标签页处于隐藏状态时,执行的方法
      },
      // 页面是可见状态执行方法
      () => {
        console.log("页面显示")
        // TODO 浏览器标签页处于显示状态时,执行的方法
      }
    )
  </script>
</body>

</html>

关注 4 回答 3

ヤD草帽Dヤ 提出了问题 · 7月27日

解决js操作原生

js是否可以监听浏览器聚焦失焦?
比如:我在浏览着页面,突然去打开微信或者打开不属于浏览器的软件或者返回桌面,这时需要触发一个事件?
document.hidden属性是实现不了的

关注 4 回答 3

ヤD草帽Dヤ 提出了问题 · 7月16日

vue的axios请求

vue开发h5,使用axios请求,在app内经常pending几秒然后status返回0(十次大概有四次返回0),在电脑访问又没有问题?求大神解答,急急急~~~

关注 3 回答 2

ヤD草帽Dヤ 提出了问题 · 2019-03-26

谁有h5手机小游戏源码免费下载链接

谁有h5手机小游戏源码免费下载链接
最好能把下面这个游戏免费下载地址告诉我就好了
http://www.zzfriend.com/demo/...

关注 1 回答 0

ヤD草帽Dヤ 回答了问题 · 2019-03-14

解决h5使用自定义字体后需要刷新才显示文字

经多次检验,发现loading完到第二页后字体不显示的原因是,我在第二页又再次定义了字体,相当于重复引用了,

关注 4 回答 4

ヤD草帽Dヤ 关注了用户 · 2019-02-26

linong @linong

做技术的时候,往往不是我想怎么样就怎么样。而是在现有场景下我可以怎么样。

Read-Search-Ask
赢了大吉大利,输了再接再厉
OTIwMTEwNjMzQHFxLmNvbQ==

微信公众号:前端linong

关注 3669

ヤD草帽Dヤ 提出了问题 · 2019-02-26

解决h5使用自定义字体后需要刷新才显示文字

在Vue里面使用自定义字体

@font-face { 
    font-family: 'FZZZHUNHJW';
    src: url('../../assets/font/FZZZHUNHJW.ttf');
}

在pc端可以显示,在移动端有些可以显示,但是有些手机一进去是连文字都不显示,但是可以复制(意思就是文字变成透明的了),然后手动刷新一次,就会出现文字+字体。为什么有的手机第一次进去都不显示呢?这个是什么问题?怎么解决?如果说是文字没加载完,我这里也做了一个loading,加载完字体再进页面,但是也没作用,在线等,急!!!!!

关注 4 回答 4

ヤD草帽Dヤ 提出了问题 · 2019-02-22

解决js怎么监听字体下载完成?

现在做一个项目,然后有一个loading,loading就是在加载图片,字体等静态资源,但是我怎么判断字体有没有下载完成呢?
目前是这样使用的
@font-face {

font-family: 'FZZZHUNHJW';
src: url('../../assets/font/FZZZHUNHJW.ttf');

}
跪求各位大佬指点下

关注 5 回答 5

ヤD草帽Dヤ 提出了问题 · 2019-01-30

vue 中怎么使用 Swiper Animate 使用方法

不用Vue的话可直接这样使用(可行):

//引入相关文件
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script data-original="js/swiper.min.js"></script>
<script data-original="js/swiper.animate.min.js"></script>


//html
<body>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!-------------slide1----------------->
            <section class="swiper-slide" id="page1">
                <p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s">第一页</p>
            </section>
        </div>
     </div>
</body>


//初始化-使用
<script>
    var mySwiper = new Swiper ('.swiper-container', {
        direction : 'vertical',
        pagination: '.swiper-pagination',
        mousewheelControl : true,
        onInit: function(swiper){
            swiperAnimateCache(swiper);
            swiperAnimate(swiper);
        },
        onSlideChangeEnd: function(swiper){
            swiperAnimate(swiper);
        }
    })
</script>

使用vue的话怎么像上面一样可用并加上动画??
目前使用
cnpm install vue-awesome-swiper --save
安装成功并成功使用,主要是不知道
swiper.animate.min.js
这个动画怎么加上去?有做过的吗?
新年不放假,跪求大佬,谢谢

关注 5 回答 4

ヤD草帽Dヤ 关注了用户 · 2018-12-21

冯恒智 @fenghengzhi

字节内推,所有岗位均有内推,欢迎投递
社招内推链接:https://job.toutiao.com/s/Jya...
校招内推码:SRTPQUP
校招内推链接:https://job.toutiao.com/s/Jya...

关注 3965

认证与成就

  • 获得 1 次点赞
  • 获得 16 枚徽章 获得 0 枚金徽章, 获得 3 枚银徽章, 获得 13 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2018-02-27
个人主页被 271 人浏览