唐策的博客

先技术,再思想。实践出真知。

排序:
默认
按更新时间
按访问量

js 获得当前时间,时间与时间戳的转换

一、属性 11.6获得当前时间,倒计时 js中获取时间new date()的用法 var myDate = new Date();//获取系统当前时间 myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-??...

2018-11-06 14:59:45

阅读数:32

评论数:0

canvas上传图片base64-有裁剪功能-Jcrop.js

图片实例 1.初始样子 2.点击上传图片-弹出框 3.可以设置是否-上传图片大小,limitImg = true 4.可以设置是否-有裁剪图片大小条件,limitImg = true,可手动更改 5.裁剪过大图片,可以进行比例缩小,到你需要的尺寸。(eg:实际裁剪过大,自...

2018-09-06 11:23:58

阅读数:50

评论数:0

上传图片获取宽高

<!DOCTYPE html> <html lang="en"> <head> <meta char...

2018-09-06 11:04:56

阅读数:65

评论数:0

图片随手机水平移动-陀螺仪。360度设置条件

说明: 图片随手机水平移动-陀螺仪。360度设置条件 1.初始位置为中心,左右各转90度,图片显示完整。 2.可以设置图片初始位置距离中心的距离(初始显示图片的主要位置部分) var changeDeg90 = wrap_translateX / full_bgimgW; //初始,距离中...

2018-09-06 10:54:38

阅读数:150

评论数:0

移动端双指缩放事件(原生),e.originalEvent.touches

<!DOCTYPE html> <html lang="en"> <head> <meta charse...

2018-09-06 10:47:53

阅读数:260

评论数:0

码云,正式支持 Pages 功能,可以部署静态页面

使用前须知 1、Pages 默认的根文件是 index.html 2、静态网页的样式可以自己写,也可以拿一些静态模版来修改,Pages服务本身不提供任何形式的模版,但我们后续会陆续增加例子,供大家参考使用。 3、如果你想以根目录的形式访问自己的静态网站,只需要建立一个与自己个性地址同名的...

2018-08-21 15:41:37

阅读数:374

评论数:0

git连接码云,实现项目代码上传

一、git安装 1、首先在官方网站下载git工具,或者根据以下链接进行下载:http://download.csdn.net/detail/qq_27501889/9788879(此链接版本为git-2.11版本) 2、找到Git-2.11.exe文件,双击安装 3、点击next继续下一步 ...

2018-08-21 15:02:30

阅读数:37

评论数:0

video视频转画布,通过getContext('2d').drawImage(v, 0, 0, 270, 135)方法

video视频转画布,通过getContext(‘2d’).drawImage(v, 0, 0, 270, 135)方法 <!DOCTYPE html> <html lang="en"&am...

2018-08-08 15:10:05

阅读数:67

评论数:0

video视频转成canvas(兼容至IE8+,全原生JS)

video视频转成canvas(兼容至IE8+,全原生JS) <!DOCTYPE html> <html lang="en"&...

2018-08-08 15:05:16

阅读数:300

评论数:0

video原生js,切换清晰度、广告时间、跳过广告

<!DOCTYPE html> <html> <head> <meta charset="utf-8&qu...

2018-08-07 17:46:39

阅读数:295

评论数:0

video视频播放,play()、pause()、duration时长、onended播放结束

<!DOCTYPE html> <html lang="en"> <head> <meta charse...

2018-08-07 17:32:15

阅读数:250

评论数:0

CSS实现,头部高度固定,主体高度铺满剩余高度;主体左侧固定宽度,右侧铺满剩余宽度

原理: 如题:顶部底部固定高度,中间部分铺满屏幕剩余高度,中间盒子里又左盒子固定宽度,右盒子自适应宽度且距左盒子总是20px 主要解决方法是中间盒子的top:40px;bottom:40px;设置。原理是在position是absolute时同时设置top和bottom或者同时设置left...

2018-07-12 22:40:42

阅读数:120

评论数:0

获取滚动到顶部距离scrollTop,兼容各浏览器的方法,包括移动端PC端

1、各浏览器下 scrollTop的差异 IE6/7/8: 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ; 对于有doctype声明的页面则可以使用 document.documentElement.sc...

2018-07-03 15:22:44

阅读数:1526

评论数:0

vue.js中用v-for遍历出的li中的@click事件在移动端无效better-scroll

应该是使用了better-scroll的原因,默认它会阻止touch事件。所以在配置中需要加上click: true // better-scroll的原因,默认它会阻止touch事件。所以在配置中需要加上click: true // myScroll = newIScroll('#wrap...

2018-07-03 14:52:11

阅读数:634

评论数:0

js获取手机屏幕宽度、高度

js获取手机屏幕宽度、高度 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document...

2018-07-03 11:24:30

阅读数:922

评论数:0

如何使用Vue实现拖拽效果pageY、screenY、clientY、layerY、offsetY

1.效果图 2.分清clientY pageY screenY layerY offsetY的区别 在我们想要做出拖拽这个效果的时候,我们需要分清这几个属性的区别,这几个属性都是计算鼠标点击的偏移值,我们需要对其进行了解才可以继续实现我们的拖拽效果 clientY 指的是距离可视页面左上...

2018-06-28 17:34:42

阅读数:162

评论数:0

正则去除字符串空格,前、后、所有空格str.raplace(/\s/g,'')解释

去除空格 1.这个函数是js的字符串替换函数,这个函数有两个参数,第一个函数可以是字符串或正则表达式(用以进行匹配的子字符串),第二个函数是字符串(替换匹配的子字符串)。就是在原字符串上把和第一个参数相同的字符串替换成第二个参数的字符串。 2.你这个例子使用的是正则表达式匹配字符串,其中”/ ...

2018-06-27 10:30:14

阅读数:945

评论数:0

Mock.js模拟数据,脱离后端独立开发,实现增删改查功能

 在我们的生产实际中,后端的接口往往是较晚才会出来,并且还要写接口文档,于是我们的前端的许多开发都要等到接口给我们才能进行,这样对于我们前端来说显得十分的被动,于是有没有可以制造假数据来模拟后端接口呢,答案是肯定的。应该有人通过编写json文件来模拟后台数据,但是很局限,比如增删改查这些接口怎么实...

2018-06-21 15:25:43

阅读数:392

评论数:2

Mock.js模拟数据,脱离后端独立开发,实现增删改查功能

 在我们的生产实际中,后端的接口往往是较晚才会出来,并且还要写接口文档,于是我们的前端的许多开发都要等到接口给我们才能进行,这样对于我们前端来说显得十分的被动,于是有没有可以制造假数据来模拟后端接口呢,答案是肯定的。应该有人通过编写json文件来模拟后台数据,但是很局限,比如增删改查这些接口怎么实...

2018-06-21 15:25:40

阅读数:414

评论数:0

sublime添加vue插件语法高亮

1.首先安装sublime Text 3,去官网下载安装程序; 2.让vue文件高亮: 安装Package Control 执行Install Package 安装Vue Syntax Highlight 按下Ctrl+Shift+P调出命令面板。输入install 调出 Install...

2018-06-16 20:15:16

阅读数:384

评论数:0

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