监听scroll,判断是否在视口? 发表于 2019-05-31 | | 阅读次数: 写在前面今天碰到一个诉求,网页性能太慢,需要优化首屏加载速度。网页由10个视频资源,加10个图片资源构成,所有资源在同一时间加载(真不是我写的,我不接这个锅)。立马想到的方案是,延迟加载,通过判断元素中心点的位置,来赋予src属性。同时要保证,视频超出视窗一半及暂停,反之则自动开始播放。毫无疑问, ... 阅读全文 »
orientaton= 0, 不一定是竖屏 发表于 2019-05-30 | | 阅读次数: 写在前面最近在做一个东西,有这么一个需求,希望在平板下的横屏时,改变一个盒子的padding。看起来很简单,那就动手干 12345678window.addEventListenser('orientationchange', handle);function handle() { i ... 阅读全文 »
Next主题 发表于 2019-03-22 | | 阅读次数: next主题是还不错的,看使用的人也比较多,文档也是齐全,官方文档就很详尽,这里就不写了。NEXT 开始使用搜索插件链接Tips:一定要区分主题配置文件与hexo项目配置文件!!!这是我踩过的坑 阅读全文 »
history 相关api 发表于 2019-03-22 | | 阅读次数: event->popstate fn-> pushState fn-> replaceState fn -> back fn -> forward fn -> go property->length 基本就是上述几个相关api length可以查到当前w ... 阅读全文 »
Airbnb JavaScript 代码规范 发表于 2019-03-05 | | 阅读次数: 转自 https://github.com/BingKui/javascript-zh 一种写JavaScript更合理的代码风格。 Note: 本指南假设你使用了 Babel, 并且要求你使用 babel-preset-airbnb 或者其他同等资源。 并且假设你在你的应用中安装了 shims/ ... 阅读全文 »
travis-ci加持 发表于 2019-03-05 | | 阅读次数: 准备工作 https://travis-ci.org/,用github注册,然后选择一个git项目 准备Github Personal Access Token。 ruby for windows gem install travis开始配置 github生成私钥 加密上面的私钥到tra ... 阅读全文 »
Talkback的问题 发表于 2019-03-05 | | 阅读次数: 最近在做的一个hybrid项目,碰到一个talkback问题:webview上的评分控件在talkback模式下无法选中,实现方式就是span标签加背景图,touch事件监听选中与取消选中。 123//代码仅做展示demo,无实际逻辑star.ontouchstart = fn1star.ontou ... 阅读全文 »
语雀加持 发表于 2019-03-04 | | 阅读次数: 准备工作 yuque-hexo (node package) 已经搭建好了hexo博客(可参考上一篇文章) 语雀注册,并新建公开知识库(必须公开,会有个知识库路径命名) 文章部分内容参考乱码配置在你的项目根目录的package.json追加一下内容12345678910//假设json可以添加注释 ... 阅读全文 »
搭建属于我的静态博客 发表于 2019-02-26 | | 阅读次数: 相关工具 node (安装) ruby (安装) hexo (node package) github (githubpages 配置) hexo-deployer-git(node package)准备工作1.安装node2.安装ruby3.安装hexo命令行工具 1npm install - ... 阅读全文 »
博客记 发表于 2019-02-23 | | 阅读次数: 最近终于把博客写起来了,本来准备随便找个类似于CDSN之类的博客网站,写一下流水账之类的,后来看到了githubpages这个产品,很对胃口。然后就一步步地搭建静态博客,用到了hexo,yuque,travis之类的开源技术,真的是感谢互联网,感谢开源,我要汲取,也要奉献。 一千个读者就有一千个哈 ... 阅读全文 »