Date.parse()获取时间戳IOS不兼容

最近写小程序，new Date(‘2018-12-17 13:12’)在电脑上显示正常,用开发者工具进行真机调试的时候也正常,放到手机上就报错,开始还以为是时分秒都必须有. 过了一会才想起来ios的时间格式必须为 2018/12/17 ios不支持2018-12-17的写法,所以-必须都替换为/

var date = '2018-12-17 13:33'

Date.parse(new Date(date.replace(/-/g, '/')));

vue项目打包后css背景图路径不对的问题

问题描述：自己在自学vue做项目的过程中，遇到一个有关背景图片路径的问题，就是css代码中背景图片是根据相对路径来写的，如下图：当使用npm run dev命令本地访问的时候，背景图片是正常显示的，可使用npm run build命令打包后，访问dist目录下的项目，页面背景图路径就不对了，显示不出背景图。如下两张图对比图一：使用npm run dev命令访问图二：使用npm run build命令打包之后，访问dist目录下的文件，出现的问题，背景图片路径变成了http://127.0.0.1:9000/static/css/static/img/login-bg.0271ef1.jpeg，而实际在dist目录下，图片路径是这样的，如下图解决办法：解决办法为：只需要在build/utils.js文件中添加如下一行代码即可。

1	publicPath:'../../'

添加位置为如下图：然后重新执行 npm run build 命令，即可成功显示图片 from:https://www.cnblo […]

这些开源项目，让你轻松应对十大工作场景

俗话说得好，工欲善其事必先利其器。本文阿宝哥将介绍一些优秀的开源项目，利用这些开源项目，你将能能轻松应对以下十个工作场景：文件上传、图片处理、文档处理、网络请求、数据存储、微前端、表单设计器、H5 页面设计器、文档管理和 API 管理。阅读阿宝哥近期热门文章（感谢掘友的鼓励与支持🌹🌹🌹）： 77.9K Star 的 Axios 项目有哪些值得借鉴的地方（1018+ 个👍）使用这些思路与技巧，我读懂了多个优秀的开源项目（724+ 个👍）这些高阶的函数技术，你掌握了么（629+ 个👍）文件上传 uppy The next open source file uploader for web browsers 🐶 github.com/transloadit… uppy 是一个体验顺滑、模块化的 JavaScript 文件上传器，可以无缝地与任何应用程序集成。它速度快，使用方便，可以让你专注比构建文件上传器更重要的问题。该库拥有以下特性：支持 I18n 及可访问性；轻量，基于模块化的插件架构，可按需加载；通过开放的 tus 标准，可恢复文件上传，可以解决上传过程中网络故障的问题 […]

一份不可多得的 TS 学习指南（1.8W字）

阿宝哥第一次使用 TypeScript 是在 Angular 2.x 项目中，那时候 TypeScript 还没有进入大众的视野。然而现在学习 TypeScript 的小伙伴越来越多了，本文阿宝哥将从 16 个方面入手，带你一步步学习 TypeScript，感兴趣的小伙伴不要错过。一、TypeScript 是什么 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性，比如异步功能和 Decorators，以帮助建立健壮的组件。下图显示了 TypeScript 与 ES5、ES2015 和 ES2016 之间的关系： 1.1 TypeScript 与 JavaScript 的区别 TypeScript JavaScript JavaScript 的超集用于解决大型项目的代码复杂性一种脚本语言，用于创建动态网页可以在编译期间发 […]

Date.parse()

Date.parse() 方法解析一个表示某个日期的字符串，并返回从1970-1-1 00:00:00 UTC 到该日期对象（该日期对象的UTC时间）的毫秒数，如果该字符串无法识别，或者一些情况下，包含了不合法的日期数值（如：2015-02-31），则返回值为NaN。不推荐在ES5之前使用Date.parse方法，因为字符串的解析完全取决于实现。直到至今，不同宿主在如何解析日期字符串上仍存在许多差异，因此最好还是手动解析日期字符串（在需要适应不同格式时库能起到很大帮助）。

const unixTimeZero = Date.parse('01 Jan 1970 00:00:00 GMT');

const javaScriptRelease = Date.parse('04 Dec 1995 00:12:00 GMT');

console.log(unixTimeZero);

// expected output: 0

console.log(javaScriptRelease);

// expected output: 818035920000

语法显式调用：

1	Date.parse(dateString)

隐式调用：

1	new Date(dateString).getTime()

参数 dateString 一个符合 RFC2822 或 ISO 8601 日期格式的字符串（其他格式也许也支持，但结果可能与预期不符）。返回值一个表示从1970-1-1 00:00:00 UTC到给定日期字符串所表示时间的毫秒数的数值。如果参数 […]

npm install --save 、--save-dev 、-D、-S 的区别与NODE_ENV的配置

备注：<=> 意为等价于； 1、npm install <=> npm i --save <=> -S --save-dev <=> -D npm run start <=> npm start // 对应"scripts"里的"start"命令少敲几下键盘，何乐而不为 2、npm i --save-dev <packname> 工程构建（开发时、“打包”时）依赖；例：xxx-cli , less-loader , babel-loader… 3、npm i --save <packname> 项目（运行时、发布到生产环境时）依赖；例：antd , element,react… 4、对应关系如下（至于我们啥时候用--save、啥时候用--save-dev 感觉是个规范问题，用反了项目一样可以跑起来（对于安装依赖正确时），但会给 […]

vue 安装遇到权限问题解决

解决方案： npm config set user 0 npm config set unsafe-perm true 报错： Unable to save binary /var/lib/jenkins/workspace/uploadH5_download_app/download/node_modules/node-sass/vendor/linux-x64-64 : { Error: EACCES: permission denied, mkdir '/var/lib/jenkins/workspace/uploadH5_download_app/download/node_modules/node-sass/vendor' at Object.mkdirSync (fs.js:753:3) at sync (/var/lib/jenkins/workspace/uploadH5_download_app/download/node_modules/mkdirp/index.js:71:13) at Function.sync (/var/li […]

（几乎）完美实现 el-table 列宽自适应

背景 Element UI 是 PC 端比较流行的 Vue.js UI 框架，它的组件库基本能满足大部分常见的业务需求。但有时候会有一些定制性比较高的需求，组件本身可能没办法满足。最近在项目里就碰到了。很多页面都需要用到表格组件el-table。如果没有给el-table-column指定宽度，默认情况下会平均分配给剩余的列。在列数比较多的情况，如果el-table宽度限定在容器内，单元格里的内容就会换行。强制不换行，内容要么在单元格内滚动，要么就会溢出或被截断。产品想要的效果是：内容保持单行显示，列间距保持一致，表格超出容器允许水平滚动。el-table-column是支持设置固定宽度的，在内容宽度可预知的情况下，也能满足这个需求。问题就在于如何让列宽动态适应内容的宽度。在官方文档也没找到这样的选项，应该是组件本身不支持。技术方案于是想到了动态计算内容宽度的方案。网上也有人提过这个思路，做法是根据内容字符数来计算宽度。这种方法有几个局限：内容必须是文本不同字符宽度不一，结算结果不够准确需要在渲染前操作数据，不利于解耦我采用了另一种思路，还是动态计算内容宽度，但是根据实 […]

js 日期时间的格式化

将日期时间转换为指定格式，如：YYYY-mm-dd HH:MM表示2019-06-06 19:45

function dateFormat(fmt, date) {

let ret;

const opt = {

"Y+": date.getFullYear().toString(), // 年

"m+": (date.getMonth() + 1).toString(), // 月

"d+": date.getDate().toString(), // 日

"H+": date.getHours().toString(), // 时

"M+": date.getMinutes().toString(), // 分

"S+": date.getSeconds().toString() // 秒

// 有其他格式化字符需求可以继续添加，必须转化成字符串

};

for (let k in opt) {

ret = new RegExp("(" + k + ")").exec(fmt);

if (ret) {

fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))

};

return fmt;

}

用法：

let date = new Date()

dateFormat("YYYY-mm-dd HH:MM", date)

>>> 2019-06-06 19:45`

2020-11-23: 如果对日期时间处理的需求较多, 推荐moment.js这个日期处理类库, 简单方便. 作者：雷子_ 链接：https://www.jianshu.com/p/49fb78bca621 来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

Vue watch 中 this 注意事项

在watch中使用this要注意，不能用箭头函数，否则会出错，例如：

</template>

export default{

data(){

return {

isLogin: false

}

watch:{

isLogin: (newVal, oldVal) => {

newVal && this.updateLogin()

}

methods:{

updateLogin(){

console.log(`update login`)

}

</script>

</style>

箭头函数要改为function的形式，如下：

</template>

export default{

data(){

return {

isLogin: false

}

watch:{

isLogin: function(newVal, oldVal) {

newVal && this.updateLogin()

}

methods:{

updateLogin(){

console.log(`update login`)

}

</script>

</style>

from:https://blog.csdn.net/liubangbo/article/details/115242420

三种JS截取字符串方法

转载: https://www.cnblogs.com/zccfun/p/6054533.html JS提供三个截取字符串的方法,分别是:slice(),substring()和substr(),它们都可以接受一个或两个参数: var stmp = "rcinn.cn"; 使用一个参数 alert(stmp.slice(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn" alert(stmp.substring(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn" 使用两个参数 alert(stmp.slice(1,5))//从第2个字符开始，到第5个字符；返回"cinn" alert(stmp.substring(1,5));//从第2个字符开始，到第5个字符；返回"cinn" 如果只用一个参数并且为0的话，那么返回整个参数 alert(stmp.slice(0));//返回整个字符串 alert(stmp.substring(0));//返回整个字符串 […]

html直接引用vue和element-ui的方法

代码如下所示：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<el-button round @click="visible = true">圆角按钮</el-button>

<br>

<el-dialog :visible.sync="visible" title="Hello world">

<p>Try Element</p>

</el-dialog>

<br>

<el-switch v-model="value1" active-text="按月付费" inactive-text="按年付费">

</el-switch>

<el-switch style="display: block" v-model="value2" active-color="#13ce66" inactive-color="#ff4949"

active-text="按月付费" inactive-text="按年付费">

</el-switch>

<br>

<el-time-picker is-range v-model="value1" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间"

placeholder="选择时间范围">

</el-time-picker>

<el-time-picker is-range arrow-control v-model="value2" range-separator="至" start-placeholder="开始时间"

end-placeholder="结束时间" placeholder="选择时间范围">

</el-time-picker>

<br>

<el-progress type="circle" :percentage="0"></el-progress>

<el-progress type="circle" :percentage="25"></el-progress>

<el-progress type="circle" :percentage="100" status="success"></el-progress>

<el-progress type="circle" :percentage="70" status="warning"></el-progress>

<el-progress type="circle" :percentage="50" status="exception"></el-progress>

<br>

<el-row>

<el-button icon="el-icon-search" circle></el-button>

<el-button type="primary" icon="el-icon-edit" circle></el-button>

<el-button type="success" icon="el-icon-check" circle></el-button>

<el-button type="info" icon="el-icon-message" circle></el-button>

<el-button type="warning" icon="el-icon-star-off" circle></el-button>

<el-button type="danger" icon="el-icon-delete" circle></el-button>

</el-row>

<br>

<el-steps :active="1" finish-status="success">

<el-step title="已付款"></el-step>

<el-step title="退款中"></el-step>

<el-step title="已退款"></el-step>

<el-step title="待结算"></el-step>

<el-step title="已结算"></el-step>

</el-steps>

</div>

</body>

new Vue({

el: '#app',

data: function () {

return { visible: false }

}

})

</script>

</html>

效果如图：总结到此这篇关于html直接引用vue和element-ui的方法的文章就介绍到这了,更多相关html引用vue和element-ui内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！ from:https://www.jb51.net/web/743299.html

2021年六月
一	二	三	四	五	六	日
« 5月
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

JAVASCRIPT