js
Candice坎蒂丝
这个作者很懒,什么都没留下…
展开
-
js 原生获取一个元素的距离,比较全的api
js 原生获取一个元素的距离,比较全的apidocument.getElementById().getBoundingClientRect()值的格式为DOMRECT { bottom : 500 , height : 17 , left : 311.5 , right : 391.5 , top. : 483 , width : 80,...原创 2018-06-15 19:31:44 · 1407 阅读 · 0 评论 -
websocket 兼容 IE8
此文章转载于 https://www.cnblogs.com/againn/p/8308875.html最近由于项目需要做实时聊天功能,选择了html5的websocket方案(事实上node.js+socket.io兼容性更好,个人觉得这个方案更加完美),websocket实现实时聊天的demo网上很多,但是兼容IE8的资料却很少,这块折腾了很久。websoket的原理我就不多说了,网上这...转载 2018-08-14 14:33:21 · 2120 阅读 · 1 评论 -
webpack4 分离css
前言:webpack从1.0的版本 飞速的发展到了webpack5。今天我想记录一下webpack4 如何分离css。webpack4之前一直使用是extract-text-webpack-plugin 来分离css和js。在webpack4之后就无法再分离,很多人配置这个,不报错,但也达不到分离css。官网上面有一句话::warning: Since webpack v4 the e...原创 2018-07-23 17:16:31 · 4435 阅读 · 1 评论 -
react4 使用 react-hot-loader 局部刷新
第一步 安装 react-hot-loadernpm install react-hot-loader --save第二步 使用.babelrc{ "presets": [ [ "env" ], "stage-0", "react" ], "plugins": [ "transform-runtime", "原创 2018-07-11 16:20:06 · 1532 阅读 · 0 评论 -
用富文本方式方式做 复制到粘贴板 功能
使用富文本方式方式做 复制到粘贴板 功能在系统中我们经常会使用到 复制到粘贴板这个功能。以前使用flash做的。但现在我想使用富文本的方式将这个功能实现出来,如果有错,请指出。核心 document.execCommand('copy')兼容性IEchromeEdgefirefox(gecko)OperaSafari943 yes412910代码 <div class="div">...原创 2018-07-04 19:30:42 · 1952 阅读 · 0 评论 -
Router4 按需加载
Router4 按需加载最近在学习react,由于react-router已经到了4的版本,抛弃 getComponent来按需加载,在网上看了很多对此的教程,有一些是可用的,但有一些感觉就像是复制别人的代码,而不能使用,我记录一下自己的代码,方便后期可以快速使用参考链接https://www.jianshu.com/p/d712a5030c13https://blog.csdn.net/sina...转载 2018-07-10 16:34:57 · 216 阅读 · 0 评论 -
vue 源码学习一: 了解Object.defineProperty
Object.defineProperty是 ECMAScript5.1中定义的参数。旨在监听一个对象改变时的值。Object.defineProperty(obj, prop, descriptor)obj: 监听对象prop: 监听对象的属性descriptor: { configurable: false , enumerable: false, writ...原创 2018-06-27 13:59:58 · 199 阅读 · 0 评论 -
safari new Date( ) 时间报错 Invalid Date
js时间标准化最近翻看了一些书,了解了一下现在的时间变准化,时间一直都是有兼容性问题,以前写h5的时候也没有认真写一篇博客来记录这些兼容性的解决方式,今天就来总结一下。日期时间标准时间标准主要是原子时 · 协调世界时(UTC) · 格林尼治平时(GMT) 如果想看更多,建议可以此链接,它说的很详细,UTC和GMT为什么时世界时间标准。参考链接https://www.jb51.net/article...原创 2018-06-19 17:23:21 · 2448 阅读 · 0 评论 -
使用图片加载速度,编写一个 测速 插件
使用图片加载速度,编写一个 测速 插件前沿:在用户网速不好的时候,无法使用。直观的带给了用户,这个网站很垃圾。其实很多时候我们也可以将测网速带给用户,让用户自己体验。这个有很多种,今天就写一下 使用图片来测网速架构:html + es6 + css思路:在这个测速插件当中,主要使用的是图片 onload事件来判断 图片是否加载完成。在进度条执行当中,如果它在进度条达到90的时候,如果图片还未完成加...原创 2018-06-25 17:26:10 · 525 阅读 · 0 评论 -
react 写 分页插件
react 写 分页插件其实分页插件无论在什么项目我们都会用到,现在的ui框架也自带这个插件,但我最近正在学习react,实在不知写什么。就用分页插件练一下手,如果有错误的请指出,谢谢。思路先总结一下思路吧,可能写博客,在写插件之间都应该总结一些思路吧。其实最难算的应该就是分页条数大于10的时候吧,有的用点代替,有的用轮播方式来代替,这里我使用点的方式来代替。公式: Math.ce...原创 2018-08-15 14:08:25 · 1299 阅读 · 0 评论