daisy_lisixi-CSDN博客

原创 canvas练手素材

http://www.html5tricks.com/8-html5-canvas-animation.html

2017-11-01 16:54:28 618

转载性能更好的js动画实现方式——requestAnimationFrame

http://blog.csdn.net/sinolzeng/article/details/45418307 setTimeout和setInterval有着严重的性能问题，虽然某些现代浏览器对这两函个数进行了一些优化，但还是无法跟css3的动画性能相提并论requestAnimationFrame 是专门为实现高性能的帧动画而设计的一个API，目前已在多个浏览器得到了支持，包括IE10+，Fi

2017-11-01 16:36:20 641

转载获取当前屏幕的宽度和高度

在使用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 5594

原创滚动到锚点

window.fixedNav = function (level) { let ele = [...document.querySelectorAll('.detail-article h2')][level]; let targetY; // 安卓的与ios机制有些不同

2017-09-28 17:45:07 470

转载 app头图

app头图 http://www.jianshu.com/p/67ab63723e54

2017-09-28 10:35:18 357

转载获取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 1058

转载 axios

http://blog.csdn.net/insistlzh/article/details/73658230

2017-09-18 13:59:27 501

原创视频初学总结

一直播，bilibili站，秒拍对应的播放形式以及移动端和pc端都是怎么处理的主要封装格式一览文件有不同的格式，用不同的后缀表示：avi，rmvb，mp4，flv，mkv等等(视频数据和音频数据打包成一个文件的规范)一直播视频多为m3u8（包括直播与回放）bilibili站视频多为flash 下的swf flv mp4格式直播为m3u8秒拍视频多为mp4格式在线抓取以上三个视频站的在

2017-09-07 11:39:19 284

转载浏览器兼容性问题解决方案 · 总结

转自：https://juejin.im/post/59a3f2fe6fb9a0249471cbb4?utm_source=gold_browser_extension 非常全用啥拿啥略略略

2017-09-01 16:21:34 213

原创移动适配（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 762

原创配置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 199

原创 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 209

原创浏览器http的缓存机制

参考地址：http://www.cnblogs.com/vajoy/p/5341664.html 页面每次刷新都是200，解决304缓存（当浏览器请求过一遍资源，并且资源内容未变）主要也是last-modifiled 我们先来瞅一眼RFC2616规定的47种http报文首部字段中与缓存相关的字段，事先了解一下能让咱在心里有个底：通用首部字段（就是请求报文和响应报文都能用上的字段）

2017-08-12 13:01:35 294

原创 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 339

原创 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 365

原创 module.export exports的区别

node

2017-08-09 23:00:42 326

原创 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 551

原创 ng2学习——简单后台demo的实现

工程需要的第三方UI组件库是primeNG<hero-detail [hero]="selectedHero"></hero-detail>属性绑定？注册一个HeroService提供商，来告诉注入器如何创建HeroService。要做到这一点，我们在@Component组件的元数据底部添加providers数组属性如下providers数组告诉 Angular，当它创建新的AppCompo

2017-08-09 21:57:22 492

原创文章标题

前端页面有哪三层构成，分别是什么？作用是什么 HTML 或 XHTML之类的标记语言负责创建表示层（ css创建）行为层：内容应该如何对事件做出反应页面在哪个内核测试过 IE内核浏览器：360，傲游，搜狗，世界之窗，腾讯TT 非IE内核浏览器：firefox opera safari chrome 移动端如何适配不同的屏幕

2017-07-25 22:56:26 186

原创 http状态码以及含义

2** 请求成功 200请求成功并处理 204请求成功但是没有返回任何内容3** 重定向 301：请求的网页已永久移动到新位置。当URLs发生变化时，使用301代码。搜索引擎索引中保存新的URL。 302：请求的网页临时移动到新位置。搜索引擎索引中保存原来的URL。 304：如果网页自请求者上次请求后没有更新，则用304代码告诉搜索引擎机器人，可节省带宽和开销。 4** 表

2017-07-25 10:57:32 234

原创 get和post的区别

现象级别的：get后退不被刷新 post被重新提交 get可被收藏post不可被收藏文件夹 get能被缓存，post不能够被缓存 get能保存在历史记录中，post不能 get对长度有限制，url最多2048个字符，post无限制

2017-07-25 10:10:14 240

原创 position absolute relative的区别

position absolute relative的区别 TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)默认情况下position:staticabsolute不知页面的时候不会错位，不会根据浏览器的分辨率变化 absolute的定位满足两个条件：以父元素的relative相对定位。设置tbrlrelative相对定位，他是默认参照父级的原始点为原始点，配合TRBL进行

2017-07-25 09:56:57 335

daisy_lisixi的博客