- 博客(22)
- 收藏
- 关注
RSS订阅转载 性能更好的js动画实现方式——requestAnimationFrame
http://blog.youkuaiyun.com/sinolzeng/article/details/45418307 setTimeout和setInterval有着严重的性能问题，虽然某些现代浏览器对这两函个数进行了一些优化，但还是无法跟css3的动画性能相提并论requestAnimationFrame 是专门为实现高性能的帧动画而设计的一个API，目前已在多个浏览器得到了支持，包括IE10+，Fi
2017-11-01 16:36:20
724
转载 获取当前屏幕的宽度和高度
在使用JS的时候经常遇到的问题就是我需要获取当前屏幕的宽度和高度。每每到这个时候不知道使用哪个：1 2 3 widow.document.body.offsetWidth; window.screen.availWidth; window.screen.width;一上图（PC端）为例，A区域 表示的网页的区域（屏幕下面虚线地方表示的是网页可以滑动的区域）：widow.document.b
2017-10-30 13:57:30
5700
原创 滚动到锚点
window.fixedNav = function (level) { let ele = [...document.querySelectorAll('.detail-article h2')][level]; let targetY; // 安卓的与ios机制有些不同
2017-09-28 17:45:07
506
转载 获取scrollTop兼容各浏览器的方法，以及body和documentElement是啥？
1、各浏览器下 scrollTop的差异 IE6/7/8： 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ； 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop ； Safari: safari 比较特别，有自己获取scrollTop的函数 ： wi
2017-09-25 16:20:22
1113
原创 视频初学总结
一直播，bilibili站，秒拍对应的播放形式以及移动端和pc端都是怎么处理的主要封装格式一览文件有不同的格式，用不同的后缀表示：avi，rmvb，mp4，flv，mkv等等(视频数据和音频数据打包成一个文件的规范)一直播视频多为m3u8（包括直播与回放）bilibili站视频多为flash 下的swf flv mp4格式直播为m3u8秒拍视频多为mp4格式在线抓取以上三个视频站的在
2017-09-07 11:39:19
317
转载 浏览器兼容性问题解决方案 · 总结
转自：https://juejin.im/post/59a3f2fe6fb9a0249471cbb4?utm_source=gold_browser_extension 非常全 用啥拿啥 略略略
2017-09-01 16:21:34
247
原创 移动适配（rem/px）
Sass(使用Sass的函数、混合宏这些功能来实现): 写一个函数px2em传入参数px及基础字体 因为字体实际的rem为 （原始px字体大小／跟字体大小）*1rem@function px2em($px, $base-font-size: 16px) { @if (unitless($px)) { @warn "Assuming #{$px} to be in pixels, a
2017-09-01 11:01:18
796
原创 配置gulp
引入所需要的gulp及插件（如果结合webpack使用，那么引入webpack的开发配置和webpack的生产配置） gulp常用插件 参考：http://www.jianshu.com/p/98db023b5b89判断当前gulp是否支持该任务替换html中的引用资源（html，css，js）相对地址为服务器绝对地址，在美化html的时候运行把所有的css, html,js的相对地址，替换
2017-08-21 23:47:23
230
原创 webpack的详解
webpack的详解：https://juejin.im/post/58ea59afac502e4957c794f9 webpack({ entry:’./src/main.js’, output: { path: path.resolve(__dirname, ‘../dist/js’), filename: ‘
2017-08-14 03:34:36
231
原创 浏览器http的缓存机制
参考地址：http://www.cnblogs.com/vajoy/p/5341664.html 页面每次刷新都是200，解决304缓存（当浏览器请求过一遍资源，并且资源内容未变） 主要也是last-modifiled 我们先来瞅一眼RFC2616规定的47种http报文首部字段中与缓存相关的字段，事先了解一下能让咱在心里有个底： 通用首部字段（就是请求报文和响应报文都能用上的字段）
2017-08-12 13:01:35
322
原创 vue-router中注意单词
router 英 [‘ruːtə(r)] 美 [‘rʊtɚ] n. [计] 路由器；刳刨者 route 英 [ruːt] 美 [raʊt] vt. 按某路线发送 n. 路线；航线；通道 routes 多n. [计] 路由，[通信] 路径；[交] 线路，复数 一定要分清楚意思，不要粗心写错了this.$route.params.idconst routes = [
2017-08-10 23:54:08
387
原创 Timeageo的用法
timeago.js 时间处理插件，它可以轻易的将时间戳转换成如：5分钟前，约3小时前这样的更友好易读的时间轴，而且使用timeago.js无需刷新页面即自动更新页面时间的显示 1. 下载 timeago.js 2. 引入 timeago.js 3. 使用 timeago 类 在vue项目中使用let MillisecondToDate = (time) => { var str =
2017-08-10 16:51:21
469
原创 lodash学习笔记之Array方法
参考：http://www.cnblogs.com/shikelong/p/4489615.html lodash学习笔记之Array方法 import _ from ‘lodash’ _.unique([1,2,1])数组去重js数组去重function unique(arr){ var newArr = [] var json = {} for(var i =0;
2017-08-09 22:04:59
591
原创 ng2学习——简单后台demo的实现
工程需要的第三方UI组件库是primeNG<hero-detail [hero]="selectedHero"></hero-detail>属性绑定？ 注册一个HeroService提供商，来告诉注入器如何创建HeroService。 要做到这一点，我们在@Component组件的元数据底部添加providers数组属性如下providers数组告诉 Angular，当它创建新的AppCompo
2017-08-09 21:57:22
528
原创 文章标题
前端页面有哪三层构成，分别是什么？作用是什么 HTML 或 XHTML之类的标记语言负责创建 表示层（ css创建 ） 行为层：内容应该如何对事件做出反应 页面在哪个内核测试过 IE内核浏览器：360，傲游，搜狗，世界之窗，腾讯TT 非IE内核浏览器：firefox opera safari chrome 移动端如何适配不同的屏幕
2017-07-25 22:56:26
214
原创 http状态码以及含义
2** 请求成功 200请求成功并处理 204请求成功但是没有返回任何内容3** 重定向 301： 请求的网页已永久移动到新位置。当URLs发生变化时，使用301代码。搜索引擎索引中保存新的URL。 302： 请求的网页临时移动到新位置。搜索引擎索引中保存原来的URL。 304： 如果网页自请求者上次请求后没有更新，则用304代码告诉搜索引擎机器人，可节省带宽和开销。 4** 表
2017-07-25 10:57:32
257
原创 get和post的区别
现象级别的：get后退不被刷新 post被重新提交 get可被收藏post不可被收藏文件夹 get能被缓存，post不能够被缓存 get能保存在历史记录中，post不能 get对长度有限制，url最多2048个字符，post无限制
2017-07-25 10:10:14
268
原创 position absolute relative的区别
position absolute relative的区别 TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)默认情况下position:staticabsolute不知页面的时候不会错位，不会根据浏览器的分辨率变化 absolute的定位满足两个条件： 以父元素的relative相对定位。 设置tbrlrelative相对定位，他是默认参照父级的原始点为原始点，配合TRBL进行
2017-07-25 09:56:57
373
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人