Candice坎蒂丝-CSDN博客

原创 react 写分页插件

react 写分页插件其实分页插件无论在什么项目我们都会用到，现在的ui框架也自带这个插件，但我最近正在学习react，实在不知写什么。就用分页插件练一下手，如果有错误的请指出，谢谢。思路先总结一下思路吧，可能写博客，在写插件之间都应该总结一些思路吧。其实最难算的应该就是分页条数大于10的时候吧，有的用点代替，有的用轮播方式来代替，这里我使用点的方式来代替。公式： Math.ce...

2018-08-15 14:08:25 1284

此文章转载于 https://www.cnblogs.com/againn/p/8308875.html最近由于项目需要做实时聊天功能，选择了html5的websocket方案（事实上node.js+socket.io兼容性更好，个人觉得这个方案更加完美），websocket实现实时聊天的demo网上很多，但是兼容IE8的资料却很少，这块折腾了很久。websoket的原理我就不多说了，网上这...

2018-08-14 14:33:21 2068 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 4411 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 1517

转载 Router4 按需加载

Router4 按需加载最近在学习react，由于react-router已经到了4的版本，抛弃 getComponent来按需加载，在网上看了很多对此的教程，有一些是可用的，但有一些感觉就像是复制别人的代码，而不能使用，我记录一下自己的代码，方便后期可以快速使用参考链接https://www.jianshu.com/p/d712a5030c13https://blog.csdn.net/sina...

2018-07-10 16:34:57 205

原创用富文本方式方式做复制到粘贴板功能

使用富文本方式方式做复制到粘贴板功能在系统中我们经常会使用到复制到粘贴板这个功能。以前使用flash做的。但现在我想使用富文本的方式将这个功能实现出来，如果有错，请指出。核心 document.execCommand('copy')兼容性IEchromeEdgefirefox(gecko)OperaSafari943 yes412910代码 <div class="div"&gt...

2018-07-04 19:30:42 1927

原创学习css calc() 动态算法

语法 cacl(四则运算)语义calc 函数是css3计算函数，可以使用 * / - + 来计算值。calc函数也可以嵌套。兼容性浏览器大部分支持， = 支持 = 不支持 = 部分支持IEFirefoxChromeSafariOperaIOS SafariAndroid BrowserAndroid Chrome6.0-8.02.0-3.64.0-18.03.1-5.115.0+3.2-5.12....

2018-07-03 11:02:09 1291

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

原创使用图片加载速度，编写一个测速插件

使用图片加载速度，编写一个测速插件前沿：在用户网速不好的时候，无法使用。直观的带给了用户，这个网站很垃圾。其实很多时候我们也可以将测网速带给用户，让用户自己体验。这个有很多种，今天就写一下使用图片来测网速架构：html + es6 + css思路：在这个测速插件当中，主要使用的是图片 onload事件来判断图片是否加载完成。在进度条执行当中，如果它在进度条达到90的时候，如果图片还未完成加...

2018-06-25 17:26:10 482

原创 safari new Date( ) 时间报错 Invalid Date

js时间标准化最近翻看了一些书，了解了一下现在的时间变准化，时间一直都是有兼容性问题，以前写h5的时候也没有认真写一篇博客来记录这些兼容性的解决方式，今天就来总结一下。日期时间标准时间标准主要是原子时 · 协调世界时（UTC） · 格林尼治平时（GMT）如果想看更多，建议可以此链接，它说的很详细，UTC和GMT为什么时世界时间标准。参考链接https://www.jb51.net/article...

2018-06-19 17:23:21 2403

原创 git 常用操作

一直都在使用git 来管理项目，今天总结一下常用的命令，方便后期忘记时可以查看。创建 git ssh_key ,我用惯了 sshkey ,http 也可以使用，我主要记录的是sshkeyssh-keygen -t rsa -C "[email protected]"添加全局的用户名git config --global user.email 'your email'...

2018-06-18 17:52:26 104

原创 js判断类型

js 中判断类型js中常用有三种判断类型的方式，但都有优缺点。typeof 判断 js的类型优点可以判断一些简单类型，比如undefined.缺点：无法判断 null 的类型，也无法完整判断数字 typeof( null ) == 'object' // trueinstanceof 判断已知 js 的类型这个判断类型用的比较少，一般来说都只能判断已知js的类型Ob...

2018-06-15 20:18:55 223

原创使用vue 写轮播文字通告组件

使用vue 写轮播文字通告组件我们在使用电商网站经常会看到轮播文字的通告。今天我记录一下我使用vue2.0版本来写这个轮播组件，先贴一波代码style技术栈 less.scroll{ height: 32px; line-height: 28px; padding: 4px 0; white-space: nowrap; .content{ ...

2018-06-15 19:52:03 8643

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

原创 nrm 的使用

npm : 服务器在国外，导致于国内使用非常慢cnpm : 此坑常常是无法下载完整yarn : 同cnpm一样，有的时候无法下载完整nrm就是用来解决此问题，它是用于 npm 的切换安装nrm npm install nrm -g nrm ls 查看所有可用的路径切换淘宝镜像nrm use taobao...

2018-05-14 17:55:37 1488

原创使用es6 generator,报regeneratorRuntime is not defined 错误

我在使用webpack 编译es6的时候使用回调函数报 regeneratorRuntime is not defined 错误，后来查证是自己没有写好是babel 并不是完全支持编译es6，解决办法安装以下npm i --save-dev babel-plugin-transform-runtime.babelc : {"presets": [

2018-01-14 15:13:03 22218 2

qq_34849240的博客