毫秒

50 前端学习7之 Bootstrap

六月ゝ 毕业季﹏ 提交于 2020-02-04 11:17:33
目录 一、jQuery补充 1. 动画效果 2. 补充 2.1 each循环 2.2 data() 二、Bootstrap 1. 布局容器 2. 栅格系统 2.1 栅格参数 2.2 列偏移 3. 表格 4. 表单 5. 按钮 5.1 预定义样式 6. 快速浮动 一、jQuery补充 1. 动画效果 // 基本 show(毫秒数) // 显示 hide(毫秒数) // 隐藏 toggle(毫秒数) // 滑动 slideDown(毫秒数) slideUp(毫秒数) slideToggle(毫秒数) // 淡入淡出 fadeIn(毫秒数) fadeOut(毫秒数) fadeTo(毫秒数) fadeToggle(毫秒数) 2. 补充 2.1 each循环 jQuery.each(collection, callback(indexInArray, valueOfElement)): 描述:一个通用的迭代函数,它可以用来无缝迭代对象和数组。数组和类似数组的对象通过一个长度属性(如一个函数的参数对象)来迭代数字索引,从0到length - 1。其他对象通过其属性名进行迭代。 li =[10,20,30,40] $.each(li,function(i, v){ console.log(i, v);//index是索引,ele是每次循环的具体元素。 }) 输出: 010 120 230 340

JS内置对象

二次信任 提交于 2020-02-04 02:36:55
JS内置对象 JavaScript中的三种对象:自定义对象、内置对象、浏览器对象 ECMAScript中的对象:自定义对象、内置对象 内置对象:内置对象就是系统提供的对象,已经存在的对象,例如Math、Array、Data… Math对象 Math对象不是构造函数,它具有数学常数和函数的属性和方法,都是以静态成员的方式提供跟数学相关的运算来找Math中的成员(求绝对值、取整) Data对象 Data实例用来处理日期和时间。Data对象基于1970年一月一日(世界标准时间)起的毫秒数 Math对象和Data对象的区别: Math 不是一个构造函数,里面提供的是静态成员 Data 是一个构造函数,首先要通过new Data () 来创建日期实例(对象),实例成员 Data()函数的使用方法 //日期构造函数 Data ( ) var d = new Data ( ) ; //1 空构造函数 获取的是当前时间对象 console. log ( d ) ; //距离1970-1-1相差的毫秒数 valueof ( ) 可以获取当前的毫秒数 console. log ( valueof ( ) ) ; //2 构造函数中传入毫秒数 var d = new Data ( 1502088177998 ) ; console. log ( d ) ; //3 可以传入日期形式的字符串 var d

移动端300毫秒事件响应延迟解决方法[fastclick]

微笑、不失礼 提交于 2020-02-02 12:39:55
vue-cli[2.x]中: 安装 npm install fastclick --save 使用: 在main.js中 :先 import fastClick from 'fastclick' 然后 fastClick.attach(document.body) import Vue from 'vue' import App from './App' import router from './router' import fastClick from 'fastclick' import './assets/styles/reset.css' import './assets/styles/border.css' Vue.config.productionTip = false fastClick.attach(document.body) /* eslint-disable no-new */ new Vue({ el: '#app', router, components: { App }, template: '<App/>' }) main.js 来源: https://www.cnblogs.com/ladybug7/p/12251273.html

JavaScript对象之date方法

陌路散爱 提交于 2020-02-02 08:12:45
getDate( ) 返回一个月的某一天 getDay()返回一周中某天(0-6) getFullYear()返回年份 getHour() getMillisecond()返回毫秒 getMinute() getMonth() getSeconds() getTime()返回19701月1日至今毫秒数 来源: CSDN 作者: weixin_45622540 链接: https://blog.csdn.net/weixin_45622540/article/details/104134765

jQuery 效果

淺唱寂寞╮ 提交于 2020-02-02 06:03:13
一、jQuery hide() 方法 $(selector).hide(speed,callback); 语法参数说明: 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。 二、jQuery show()方法 $(selector).show(speed,callback); 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。 三、jQuery toggle()方法 切换 hide() 和 show() 方法。 显示被隐藏的元素,并隐藏已显示的元素 $(selector).toggle(speed,callback); 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。 三、jQuery fadeIn() 方法 j Query fadeIn() 用于淡入已隐藏的元素。 $(selector).fadeIn(speed,callback); 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。 可选的

0472-Hive中TimeStamp精度问题分析

爱⌒轻易说出口 提交于 2020-01-28 00:17:18
温馨提示:如果使用电脑查看图片不清晰,可以使用手机打开文章单击文中的图片放大查看高清原图。 Fayson的github: https://github.com/fayson/cdhproject 提示:代码块部分可以左右滑动查看噢 1 文档编写目的 Hive中使用TimeStamp时,时间戳默认是精确到秒的,那在Hive中如何处理需要精确到毫秒的时间戳呢?本篇文章Fayson主要说明下Hive时间戳的转换及使用。 测试环境 1.RedHat7.2 2.CM和CDH版本为5.15.0 2 Hive中TimeStamp获取及转换 1.Hive中使用current_timestamp()函数获取当前时间 select current_timestamp ( ) ; 使用Hive的current_timestamp()函数获取到当前的时间精确到毫秒。 2.Hive中获取当前时间戳,默认使用unix_timestamp()函数 select unix_timestamp ( current_timestamp ( ) ) ; 使用Hive的unix_timestamp()函数获取到当前的时间戳为10位的bigint类型数值,该数值只精确到秒级别。 3.Hive中将时间戳转换为日期类型,默认使用from_unixtime () select from_unixtime ( 1543735779

D3.js:动态效果

亡梦爱人 提交于 2020-01-26 23:57:08
D3 提供了 4 个方法用于实现图形的过渡: - transition() 启动过渡效果,其前后是图形变化前后的状态(形状、位置、颜色等等),例如: .attr("fill","red") //初始颜色为红色 .transition() //启动过渡 .attr("fill","blue") //终止颜色为蓝色 D3 会自动对两种颜色(红色和蓝色)之间的颜色值(RGB值)进行插值计算,得到过渡用的颜色值。 - duration() 指定过渡的持续时间,单位为毫秒。 如 duration(2000) ,指持续 2000 毫秒,即 2 秒。 - ease() 指定过渡的方式,常用的有: linear:普通的线性变化 circle:慢慢地到达变换的最终状态 elastic:带有弹跳的到达最终状态 bounce:在最终状态处弹跳几次 调用时,格式形如: ease("bounce")。 - delay() 指定延迟的时间,表示一定时间后才开始转变,单位同样为毫秒。此函数可以对整体指定延迟,也可以对个别指定延迟。 例如,对整体指定时: .transition() .duration(1000) .delay(500)   如此,图形整体在延迟 500 毫秒后发生变化,变化的时长为 1000 毫秒。因此,过渡的总时长为1500毫秒。 又如,对一个一个的图形(图形上绑定了数据)进行指定时:

day12_Object类、常用API

徘徊边缘 提交于 2020-01-26 10:51:49
Object类 概述 java.lang.Object 类是Java语言中的根类,即所有类的父类。它中描述的所有方法子类(包括数组)都可以使用。在对象实例化的时候,最终找的父类就是Object。如果一个类没有特别指定父类, 那么默认则继承自Object类。例如 public class MyClass /*extends Object*/ { // ... } 根据JDK源代码及Object类的API文档,Object类当中包含的方法有11个。今天我们主要学习其中的2个: public String toString() :返回该对象的字符串表示。 public boolean equals(Object obj) :指示其他某个对象是否与此对象“相等”。 toString方法 方法摘要 public String toString() :返回该对象的字符串表示。 下面我们以代码举例的方式来说明toString方法。首先我们自定义Person类,代码如下 package demo01; public class Person { private String name; private int age; public Person() { } public Person(String name, int age) { this.name = name; this.age = age

C#中精确计时的一点收获

旧街凉风 提交于 2020-01-23 06:24:56
以下所有代码运行环境:Windows 2003, Intel(R) Core(TM) 2 Duo CPU E8400 @ 3.00GHz 2.99GHz,2.96GB内存 根据综合网上的一些文章,精确计时主要有以下几种方式 1 调用WIN API中的GetTickCount [DllImport("kernel32")]static extern uint GetTickCount(); 从操作系统启动到现在所经过的毫秒数,精度为1毫秒,经简单测试发现其实误差在大约在15ms左右 缺点:返回值是uint,最大值是2的32次方,因此如果服务器连续开机大约49天以后,该方法取得的返回值会归零 用法: uint s1 = GetTickCount(); Thread.Sleep(2719); Console.WriteLine(GetTickCount() - s1); //单位毫秒 2 调用WIN API中的timeGetTime 推荐 [DllImport("winmm")]static extern uint timeGetTime(); 常用于多媒体定时器中,与GetTickCount类似,也是返回操作系统启动到现在所经过的毫秒数,精度为1毫秒。 一般默认的精度不止1毫秒(不同操作系统有所不同),需要调用timeBeginPeriod与timeEndPeriod来设置精度

前端性能毫秒必争方案(二)HTTP缓存

扶醉桌前 提交于 2020-01-22 09:14:12
web最好的体验是不需要与服务器通信 响应消除所有的网络延迟,并避免数据传输的数据开销。 为了实现这一目标,HTTP规范允许服务器返回多个不同的缓存控制指令来控制如何,以及多长时间可以通过浏览器和其他中间缓存缓存单个响应。 0.0.1. 好在每个现代浏览器都自带了 HTTP 缓存实现功能。 您只需要确保每个服务器响应都提供正确的 HTTP 标头指令,以指示浏览器何时可以缓存响应以及可以缓存多久。 0.0.2. 作为开发者,怎么利用HTTP Cache? 浏览器会替我们完成所有工作,它会自动检测之前是否指定了验证令牌,它会将验证令牌追加到发出的请求上,并且它会根据从服务器接收的响应在必要时更新缓存时间戳。 0.0.3. 唯一要做的 就是确保服务器提供必要的 ETag 令牌。检查您的服务器文档中有无必要的配置标志。** 0.0.4. 送上Ngix 实战配置,不玩虚的 # 为JS 文件添加长时间缓存 location ~* \.js$ { add_header "section" "long expire"; # 仅供说明 add_header Cache-Control "max-age=31536000"; } # 或者为JS文件删除ETags location ~* \.js$ { add_header "section" "no etags"; # 仅供说明 etag off;