Skip to content

Instantly share code, notes, and snippets.

View ClausClaus's full-sized avatar
😁
Happy coding

ClausClaus

😁
Happy coding
View GitHub Profile
@ClausClaus
ClausClaus / format-date.js
Created January 28, 2019 02:17
日期时间戳格式化
function formatDate(date, formatStr) {
if (/(Y+)/.test(formatStr)) {
formatStr = formatStr.replace(
RegExp.$1,
(date.getFullYear() + '').substr(4 - RegExp.$1.length)
)
// 返回年 :'2016-mm-dd', 'hh:mm'
}
// 定义通用的匹配模式
let o = {
@ClausClaus
ClausClaus / reset.css
Created January 28, 2019 01:29
css样式格式化
html,body{height:100%;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
@ClausClaus
ClausClaus / dpi.js
Created January 28, 2019 01:24
dpi设置
(function () {
var width = parseInt(window.screen.width)
var designWidth = 450
var scale = width / designWidth
var userAgent = navigator.userAgent.toLowerCase()
var metaHead = '<meta name="viewport" content="width=' + designWidth + ','
if (/android (\d+\.\d+)/.test(userAgent)) {
if (parseFloat(RegExp.$1) > 2.3) metaHead += 'minimum-scale=' + scale + ',maximum-scale=' + scale + ','
} else {
metaHead += 'user-scalable=no,';
@ClausClaus
ClausClaus / rem.js
Last active January 28, 2019 01:23
rerm设置
(function (doc, win) {
var docEl = doc.documentElement
var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
function recalc() {
var designWidth = 750
var clientWidth = docEl.clientWidth
if (!clientWidth || clientWidth > designWidth) return
docEl.style.fontSize = (100 * clientWidth / designWidth) + 'px'
@ClausClaus
ClausClaus / get-image-base64.js
Created December 24, 2018 09:05
将图片转化成base64
function getBase64Image(img, width, height) {
var canvas = document.createElement('canvas')
canvas.width = width ? width : img.width
canvas.height = height ? height : img.height
var ctx = canvas.getContext('2d')
ctx.drawImage(img, 0, 0, canvas.width, canvas.height)
var dataURL = canvas.toDataURL()
return dataURL
}
@ClausClaus
ClausClaus / index.html
Created December 24, 2018 06:08
图片粘贴
<p>
Focus this tab and press <kbd>CTRL</kbd> + <kbd>V</kbd>. The image on your clipboard will be rendered on the canvas !
</p>
<canvas style="border:1px solid grey;" id="mycanvas">
@ClausClaus
ClausClaus / scrollUnique.js
Created December 20, 2018 06:28
子元素滚,父元素不滚
$.fn.scrollUnique = function() {
return $(this).each(function() {
let eventType = 'mousewheel'
// 火狐是DOMMouseScroll事件
if (navigator.userAgent.indexOf('Firefox') > -1) {
eventType = 'DOMMouseScroll'
}
$(this).on(eventType, function(event) {
// 一些数据
let scrollTop = this.scrollTop,
@ClausClaus
ClausClaus / animatedScrollTo.js
Created November 22, 2018 13:28 — forked from joshbeckman/animatedScrollTo.js
ScrollTo animation using pure javascript and no jquery
document.getElementsByTagName('button')[0].onclick = function () {
scrollTo(document.body, 0, 1250);
}
function scrollTo(element, to, duration) {
var start = element.scrollTop,
change = to - start,
currentTime = 0,
increment = 20;
@ClausClaus
ClausClaus / phone-split.js
Created September 8, 2018 01:29
将手机号格式化为以横杠分隔字符串
let phoneReg = /^134[0-8]\d{7}$|^13[^4]\d{8}$|^14[5-9]\d{8}$|^15[^4]\d{8}$|^16[6]\d{8}$|^17[0-8]\d{8}$|^18[\d]{9}$|^19[8,9]\d{8}$/
/**
* 格式化手机号码
* @param {*} mobileNum 手机号码
*/
function split(mobileNum) {
let value = mobileNum.replace(/\D/g, '').substring(0, 11)
if (value.length === 11 && phoneReg.test(value)) {
value = value.replace(/^(...)(....)/g, '$1-$2-')
}
@ClausClaus
ClausClaus / string-split.js
Created September 8, 2018 01:57
字符串以位数分隔并存入数组
/**
*
* @param {*} stringToSplit 字符串
* @param {*} groupScale 分割的位数
* @returns
*/
function splitString(stringToSplit, groupScale) {
let arrayNum = 0, // 初始化arrayNum,计算得到的分组个数
strArr = []
let remainder = stringToSplit.length % groupScale