韦德国际官网详解使用nvm安装node,JS中Safari浏览器中的Date

除了默认设置的核心指令( v-model 和 v-show ),Vue
也允许注册自定义指令。注意,在 Vue2.0
里面,代码复用的主要形式和抽象是组件——然而,有的情况下,你仍然需要对纯
DOM 元素进行底层操作,这时候就会用到自定义指令。

在js中处理Date时,发现Safari和其他浏览器的支持方式不一致

我最近在研究node.js的路上,那么今天也算个学习笔记吧!

官方建议directive是对纯 DOM
元素进行底层操作使用,一般情况下还是建议使用组件的复用。

1.例如:2017-01-01 12:00:00

一、Windows系统

directive的意义

在其他浏览器中,使用这个格式的字符串进行new
Date操作没有问题,但是在Safari中会提示Invalid Date;

1、node.js下载应用程序,压缩,安装

自定义指令是用来操作DOM的。

Safari中不支持’-‘格式的日期字符串,将其替换成’/’ 变成2017/01/01
12:00:00即可正常使用

//www.jb51.net/softs/504128.html

尽管数据驱动是Vue的核心之一,但是在实际情况下,并不是所有的情况都可以用数据来驱动视图,我们不可避免的会在有些情况下有操作DOM的需求,所以directive也就出现了。自定义指令就是一种有效的补充和扩展,不仅可用于定义任何的DOM操作,并且是可复用的。

2.例如:2017/01/01T11:00:00

2、nvm的安装路径下,找到settings.txt打开,在后面加上(添加淘宝镜像node)

官方栗子

此格式的日期字符串在Safari中也是不得到支持的,需要将字符串中的’T’  
替换成空格

node_mirror:

code

变成2017/01/01 11:00:00格式

npm_mirror:

// 注册一个全局自定义指令 v-focus
Vue.directive('focus', {
 // 当绑定元素插入到 DOM 中。
 inserted: function (el) {
  // 聚焦元素
  el.focus()
 }
})

//局部指令
directive: {
 focus(el){
  el.focus()
 }
}

下面是我自己写的格式化日期字符串的函数,虽然并不完善,但是暂时也没有发现什么问题

3、安装Node.js

use

/*格式化时间字符串*/
/*datetimeString:符合时间格式的时间字符串*/
/*返回格式化之后的时间字符串:YYYY-MM-DD hh:mm:ss*/
formatDatetime = function (datetimeString) {
  var datetime;
  if (isNaN(Date.parse(datetimeString)))
    datetime = new Date(Date.parse(datetimeString.replace(/-/g, '/').replace(/T/g, ' ')));
  else
    datetime = new Date(Date.parse(datetimeString));
  var year = datetime.getFullYear();/*年*/
  var month = datetime.getMonth() + 1;/*月*/
  var date = datetime.getDate();/*日*/
  var hour = datetime.getHours();/*时*/
  var minute = datetime.getMinutes();/*分*/
  var second = datetime.getSeconds();/*秒*/
  /*统一月,日,时,分,秒的格式*/
  month = month < 10 ? '0' + month : month;
  date = date < 10 ? '0' + date : date;
  hour = hour < 10 ? '0' + hour : hour;
  minute = minute < 10 ? '0' + minute : minute;
  second = second < 10 ? '0' + second : second;
  return year + '-' + month + '-' + date + ' ' + hour + ':' + minute + ':' + second;
};
nvm install <版本号>
<input v-focus>
//input标签自动获得标签

以上所述是小编给大家介绍的JS中Safari浏览器中的Date,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

4、查看已安装node列表,使用版本

是不是感觉很简单?相信自己,其实vue大法真心不难,难得是如何应用。下面先来简单看看的钩子函数。

您可能感兴趣的文章:

  • 微信页面倒计时代码(解决safari不兼容date的问题)
  • JS
    IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
  • JavaScript的new
    date等日期函数在safari中遇到的坑
nvm ls/list
nvm use <版本号>

钩子函数

二、Linux系统

  1. bind:在该元素绑定指令时调用且仅调用一次,用于初始化
  2. inserted:元素插入父节点时调用(可能仍在虚拟Dom中)
  3. update:模板更新时调用
  4. componentUpdated: 被绑定元素所在模板完成一次更新周期时调用。
  5. unbind: 只调用一次, 指令与元素解绑时调用。

(以阿里云服务器(centos)为例)

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注