自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

24K丿丑男的博客

一个前端程序员笔记

  • 博客(21)
  • 资源 (1)
  • 收藏
  • 关注

原创 js 日期操作

js 日期操作/** * 获取当前时间的n天后的时间戳 * @param {number} n 天数 * @returns {Number} 返回值为时间毫秒值 */export function toNextTimes(n){ let timestamp = +new Date() + n * 86400000; return timestamp;}/...

2020-04-01 11:08:45 135

原创 前端开发常用工具类

常用工具类/** * 金钱格式化,三位加逗号 * @param { number } num */export const formatMoney = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");/** * 截取字符串并加身略号 */export function subText(st...

2020-04-01 11:06:12 233

原创 localStorage

/** * localStorage 存贮 * 目前对象值如果是函数 、RegExp等特殊对象存贮会被忽略 * @param { String } key 属性 * @param { string } value 值 */export const localStorageSet = (key, value) => { if (typeof (value) === 'o...

2020-04-01 11:04:15 162

原创 js浏览器 常用工具

当前url/*** 返回当前url*/export const currentURL = () => window.location.href;/*** 获取url参数(第一种)* @param {*} name* @param {*} origin*/export function getUrlParam(name, origin = null) {...

2020-04-01 11:02:10 155

原创 移动端布局适配解决方案

以下这段代码是用于根据移动端设备的屏幕分辨率计算出合适的根元素的大小当设备宽度为375(iPhone6)时,根元素font-size=100px; 依次增大;限制当为设备宽度大于768(iPad)之后,font-size不再继续增大 scale 为meta viewport中的缩放大小/** * 设置根元素font-size * 当设备宽度为375(iPhone6)时,根元素fo...

2018-03-20 14:17:01 264

原创 判断设备,时间戳转化为时间,获取URL中的参数等常用方法

判断设备function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone","iPad", "iPod"]; var flag = true; for (var v = 0; v &l

2018-03-20 14:11:38 1009

原创 HTML meta标签总结

meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等!

2017-12-15 10:19:55 297 1

原创 正则表达式

一、校验数字的表达式1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数

2017-11-28 14:32:30 119

原创 前端面试题

2017前端面试题(含答案)

2017-09-04 10:28:34 625

原创 对jQuery ajax请求成功(失败)回调执行前的统一处理

目前的项目中有这样的需求,如果用户的状态因已登录太久已经失效(登录超时,用户自己不知道),用户在操作发起一个ajax请求的时候服务端是无法返回有效数据的,而ajax请求的状态还是成功,会执行配置项里的success函数参数或者done的异步回调。这时需要我们在请求成功后判断用户是否已经登录超时,在每一个ajax的成功回调里加是不现实的的,我们需要做统一处理。

2017-06-28 16:45:36 3541

转载 浏览器兼容问题

Ø JavaScript1. HTML对象获取问题FireFox:document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法:统一使用document.getElementById("idName");2. const问题说明:Firefox下,

2017-02-21 10:03:59 610

原创 蓝胖子 canvas版

最近学习了canvas,用canvas画了一个蓝胖子

2016-10-29 20:34:34 412

原创 canvas 模拟地球绕太阳转动 月球绕地球转动

requestAnimationFrame,Web中写动画的另一种选择HTML5/CSS3时代,我们要在web里做动画选择其实已经很多了:你可以用CSS3的animattion+keyframes;你也可以用css3的transition;你还可以用通过在canvas上作图来实现动画,也可以借助jQuery动画相关的API方便地实现;当然最原始的你还可以使用window.setTimout()或者w

2016-10-29 15:40:27 5330

转载 常用正则表达式大全 (转)

网上找到的常用正则表达式,留着以后可能用得上,正则表达式实在是不好写,只好拿来主义了,在Delphi中没有自己带有正则表达式的组件,靠第三方了另外办了

2016-10-28 21:06:18 176

原创 canvas 放大镜

采用canvas实现放大镜功能,只需要使用一个方法。。。这个方法有三种使用情况: 1、drawImage(img,x,y) 三个参数,第一个参数当然是img元素了,也可以是video元素或者Image对象,x 、y 为图片绘制时在画布中的起始坐标,图像大小与原图相同。 2、drawImage(img , x , y , w , h) 与第一中情况相比,多了两个参数,分别代表所绘图像的

2016-10-28 08:47:19 364

原创 Canvas 时钟

Canvas 时钟之前学习了下html5中的canvas元素,为了练练手就实现了一个简易的时钟。时钟本身并不复杂,也没有使用图片进行美化,不过麻雀虽小五脏俱全

2016-10-27 21:57:10 310

原创 javascript坐标:event.x、event.clientX、event.offsetX、event.screenX 用法

event.x、event.clientX、event.offsetX、event.screenX 用法clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条。offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标

2016-10-11 11:20:26 363

原创 JavaScript 关灯游戏

游戏简介:这是一个纯js写的小游戏,游戏开始时会有一些灯点亮,我们需要关掉所有亮着灯进入下一关卡,在点击关灯时会对它四周的灯产生影响,如果灯是亮的就会关掉,否则就会打开。

2016-09-23 23:41:58 980 1

原创 javaScript 贪吃蛇

JavaScript 贪吃蛇自己用js写的贪吃蛇小游戏一、制作游戏界面1 定义游戏中需要的变量

2016-09-22 23:16:11 727

原创 js 放大镜

js 实现放大镜效果 当鼠标在设定的窗口内移动时 放大镜区域内的图片就会放大 代码: .wrap {width: 1000px; height: 800px; border: 1px solid black; position: relative;} .wrap img {width: 100%; height: 100%;} .ball {width

2016-09-21 22:23:00 213

原创 js 随机产生一注 三注 五注 双色球

DOCTYPE html>html>head>metacharset="UTF-8">title>双色球title>styletype="text/css">#wrap{width:800px;padding:50px;margin:20px auto;background: darkslategray;text-alig

2016-09-19 21:00:12 2974 1

canvas 时钟

canvas 时钟

2016-10-28

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除