Savannah

原创 【nvm切换nodejs，nvm安装,nodejs版本切换】

nodejs版本切换，nvm操作nodejs版本，nvm安装

原创 数组热闹的循环---笔记

数组：es5新增一些东西循环 ：1.forfor(let i=0;i<arr.length;i++)2.while arr.foreach()//代替普通函数 let arr = ['菠萝','雪梨','香蕉','苹果','桃子']; arr.forEach(function (val,index,arr) { console.log(val,index,arr); });

转载 JS如何进行对象的深克隆（深拷贝）

原文链接JS中，一般的赋值传递的都是对象/数组的引用，并没有真正的深拷贝一个对象，如何进行对象的深拷贝呢？var a = {name : 'miay'};var b = a;b.name = 'Jone';console.log(a.name) //Jone上述代码中，b指向a所指向的栈对象，也就是说a，b指向同一个栈对象，这种属于对象的浅拷贝。var a = {name : 'miay'};var b = Object.assign({},a);console.log(a ===

转载 JSON返回DateTime/Date('123123123')/解决办法

JSON返回DateTime/Date(‘123123123’)/解决办法Date.prototype.format = function (format) //author: meizz { var o = { "M+": this.getMonth() + 1, //month "d+": this.getDate(),...

原创 网页配色搭配、页面配色搭配、设计配色搭配

网页配色搭配、页面配色搭配、设计配色搭配

原创 layer 弹框让按钮取消自动获取焦点

success时候调用 “blurLayBtn”//layer 取消按钮自动聚焦function blurLayBtn(layObj) {//layObj 是当前layer弹框对象 $(layObj).find('.layui-layer-btn button').blur();}

原创 layer open和msg不能同时存在?layeriframe获取内容

layer.open和layer.msg为什么不能同时存在问题场景先是layer.open了一个弹出框，然后在里面进行操作后，需要用到layer.msg显示提示信息。但弹出提示信息的同时layer.open的那个弹框自己就关闭了解决方案layer.open需要这是type,1为页面层，单页面。2为iframe,自己看打开的是什么类型的设置一下，不设置默认是0信息层，这个会在打开下...

转载 js判断一个数字是否是整数

js判断一个数字是否是整数首先判断这个数字是不是numbervar a=2;console.log(!isNaN(a))再使用余数运算判断任何整数都会被1整除，即余数是0。利用这个规则来判断是否是整数。var a=4console.log(a%1 === 0)下面是封装的方法function isInteger(num) { if (!isNaN(num) &am...

原创 好看的壁纸收藏

转载 px、em、rem区别

PXpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点IE无法调整那些使用px作为单位的字体大小；国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前...

转载 WebSocket心跳机制

理解WebSocket心跳及重连机制在使用websocket的过程中，有时候会遇到网络断开的情况，但是在网络断开的时候服务器端并没有触发onclose的事件。这样会有：服务器会继续向客户端发送多余的链接，并且这些数据还会丢失。所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳了。还有心跳，说明还活着，没有心跳说明已经挂掉了。1. 为什么叫心跳包呢...

转载 前端实现三角形的三种方法

第一种 HTML+CSS<div class="box"></div> <style> .box{ width:0; height:0; border:10px solid; border-color:transparent transparent red red ; } </sty...

原创 ttf2imgpng

<input type="button" value="download" id="dd"><div id="dropTarget"></div><div id="font-container"></div></body></html><script src="http://code...

转载 HTML脱离文档流的三种方法

一、什么是文档流？将窗体自上而下分成一行一行，并在每行中按从左至右依次排放元素，称为文档流，也称为普通流。这个应该不难理解，HTML中全部元素都是盒模型，盒模型占用一定的空间，依次排放在HTML中，形成了文档流。二、什么是脱离文档流？元素脱离文档流之后，将不再在文档流中占据空间，而是处于浮动状态（可以理解为漂浮在文档流的上方）。脱离文档流的元素的定位基于正常的文档流，当一个元素脱离文档流后...

转载 VUE

原文链接：https://www.cnblogs.com/scode2/p/8820613.htmlVue.js 是开源的 JavaScript 框架，能够帮助开发者构建出美观的 Web 界面。当和其它网络工具配合使用时，Vue.js 的优秀功能会得到大大加强。如今，已有许多开发人员开始使用 Vue.js 来取代 Angular 和 React.js 。那么对于 Angular 和 Re...

转载 10个让人心情变好的颜色【附RGB值以及html值】

原文链接：https://blog.csdn.net/u014019911/article/details/21185065本文源于想把QQ字体调成令人心情愉悦的颜色，传递好心情：）。于是找来了网上已有的十种让人心情变好的颜色汇总，但只有html的值，又由于QQ字体颜色设置需要RGB，接着用了画图工具，一一查询，就有了这篇小文~#2ae0c8#a2e1d4#acf6ef#cbf5fb...

转载 css3 animation基于svg绘制旋转放大的透明三角形动画特效。

html { height: 100%; }body { padding: 0; margin: 0; height: 100%; background: #642B73; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #C6426E, ...

原创 JS全部替换某个字符串

话不多说直接上代码JS CODE var str='S,SHDHFK,NK,SS,'; var reg = new RegExp(',', "g"); var consoleStr= str.replace(reg, '*'); console.log(consoleStr);

转载 js文件操作之——导出Excel (js-xlsx)

#js文件操作之——导出Excel (js-xlsx)前阵子跟server同学讨论一个Excel导出的需求我说JS搞不定需要server来做被server同学强行打脸。今天研究了下尼玛不光可以还很强大了总结经验是害人的尤其是在发展迅速的前端圈儿and需要保持饥渴保持对新技术的敏感度。注以下只探讨现代浏览器1. 最简单的Excel导出原理js可以通过base64或者blob把一个包含一个...

原创 水波加载动效 water loading

水波加载动效 water loadingHTML CODE<div class="waterLoadingBox"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style=" ...

转载 jsondata导出excel文件和csv文件【笔记】

jsondata导出excel文件和csv文件【笔记】参考文献 https://blog.csdn.net/hhzzcc_/article/details/80419396数据demovar jsonData = [ {id: '01', content: 'contentValue01'}, {id: '02', content: 'contentVal...

原创 LESS与CSS结合的简单应用

LESS与CSS结合的简单应用相关文档教程1.https://less.bootcss.com/functions/2.http://lesscss.cn/functions/#misc-functionsLESS代码@fontColor: #efefef;@bgColor: pink;@padding: 20px;@borderColor: green;@shadowColo...

原创 CSS鼠标悬停border线条动画

CSS鼠标hover动效border动画动效部分截图CSS代码HTML代码动效部分截图CSS代码.hover-bg-line { transition: background-size 500ms linear; background: line...