前端
小爱同学-Allen
一花一世界,一叶一菩提
展开
-
JavaScript中将字符串转换为数字的七种方法总结
JavaScript中将字符串转换为数字的七种方法总结原创 2023-03-13 16:45:53 · 2037 阅读 · 0 评论 -
获取url图片的高度跟宽度
根据url获取图片的高度原创 2022-05-05 13:45:38 · 778 阅读 · 0 评论 -
js将字符串转换成数字的四种方法
方法主要有四种1转换函数、2强制类型转换、3利用js变量弱类型转换、4在字符串前面添加个+1.转换函数js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)parseInt("1234blue"); //returns 1234parseInt("0xA"); //returns 10parseInt("22.5"); //r原创 2022-01-12 22:15:42 · 70071 阅读 · 1 评论 -
vue中使用-webkit-line-clamp、-webkit-box-orient属性,项目打包后不生效?
在本地开发中,-webkit-box-orient就文字超出显示。。。是可以正常使用,可是把项目打包到服务器上面,这个功能就出问题,网上查资料看的说原因是:会被打包的postCSS这个插件去掉的,好像是因为这个属性不是规范。可以写在行内style里面,这样就不会被插件去掉了。经过排斥然后有以下两种解决方法解决方法:第一种直接设置css:/*!autoprefixer: off */ -webkit-box-orient: vertical; -webkit-line-clam原创 2022-01-10 23:20:04 · 1949 阅读 · 0 评论 -
文字过长的时候用css,显示。。。
给定宽度(即块级元素)的标签,内容过多时会自动换行显示如下图:1.不支持多行文本溢出显示省略号 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;2.-webkit-line-clamp用来限制在一个块元素显示的文本的行数 overflow: hidden; display: -webkit-box; /*下面三条缺一不可 可以生成 '...' 主要针对谷歌浏览器 */ -webkit-line原创 2022-01-10 23:14:20 · 312 阅读 · 0 评论 -
vue打包报错 ERROR in chunk app [initial] static/js/[name].[chunkhash].js Unexpected token (229:0)
在平时开发中,可能会遇到本地可以运行,可是输入npm run build就报错,报错如下原因:修改代理时confing/prod.env.js的API_HOST:’"//xxxxxxxxx"'里少加双引号原创 2022-01-10 23:00:50 · 1404 阅读 · 0 评论 -
vue监听窗口改变,动态改变table的高度
在实际开发中,想做一个没有右边滚动条的页面,里面是嵌入table,这个时候我们会在最外层加上overflow:hidden,这个时候就没有右边滚动条,在mounted的时候加入页面改变的监听事件mounted():{ //窗口改变,重新取得高度 window.addEventListener('resize', ()=>{ clearTimeout(this.resizeFlag) this.resizeFlag = setTimeout(() => {原创 2021-10-02 19:34:24 · 1327 阅读 · 0 评论 -
js原生对页面做个改变左右边大小的鼠标拖件
最近遇到一个需求,当页面分辨率比较小的时候,想看右边变大,就想了做一个移动滑块,用户自己操作,改变左右边的大小,这边是用到鼠标按下,移动,鼠标松开的事情来完成,布局使用float,直接上代码float<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body id.原创 2021-09-30 16:57:20 · 398 阅读 · 0 评论 -
js图片预加载
预加载基本概念:当页面打开图片提前加载,并且缓存在用户本地,需要用到时直接进行渲染;在浏览图片较多的网页(百度图库,淘宝京东等),可以有更好的用户体验;一张图片的预加载var img=new Image(); img.addEventListener("load",loadHandler); img.src="./img/1.jpg"; document.body.appendChild(img); console.log(img.widt原创 2021-08-11 11:09:39 · 2416 阅读 · 0 评论 -
a标签嵌套a标签效果的两种解决方案
outerAinnerA<!-- 而浏览器则会解析成 – >outerAinnerA解决方法1.使用object标签进行嵌套<a href="#outer"> outerA <object><a href="#inner">innerA</a></object></a>这样在内层a标签加一层object标签嵌套,可以解决了a标签嵌套的问题了。这个办法在火狐和谷歌、IE9及以上是没问题的。原创 2020-09-02 15:10:26 · 905 阅读 · 0 评论 -
日期时间格式化在ios系统上显示为NaN问题
如果后端返回的时间格式最好不要用formatTime这个方法来格式化时间,因为ios系统不支持2018-03-09这样格式的时间导致出现的这个问题,ios只识别2018/03/09这样的格式注意两点即可: 1.苹果只认识 yyyy/mmmm/dddd/ 这类格式的日期 2.如果输出后还要进行处理日期对比,苹果默认会带中文字,如:年月日,需要转成上面1当中的日期格式在转时间戳进行比较GetDateDiff(checked_in) {//将xxxx-xx-xx的时间格式,转换为 xxxx/xx/原创 2020-09-02 14:59:24 · 1545 阅读 · 0 评论