javaScript
关注
分享
扫一扫
sani_x
这个作者很懒，什么都没留下…
展开
-
vue 打包 -webkit-box-orient 失效
一行溢出不显示overflow: hidden;white-space: nowrap;text-overflow: ellipsis;多行溢出不显示overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;需要添加注释，来解决这个问题，注意css和scss的方法是不一样的！！！在scss中 /*! autopr原创 2021-11-08 11:34:45 · 416 阅读 · 0 评论 -
forEach打断方法
问题：多层循环嵌套如何打断循环进程解决方法：1.使用return 打断，但是这只是打断一次循环，如果嵌套循环的数据中有重复数据该方法就容易出现问题。2.使用 try 通过抛出异常的方式实现终止循环（多层循环，数据有重复，推荐使用）例：checkAll.forEach((item,index)=>{ try { that.Nodisabled.forEach((itemC,indexc)=>{ if(item==itemC.title){//获取被选中的数据 let n原创 2021-07-16 13:43:07 · 1331 阅读 · 0 评论 -
vue axios 二进制文件 下载 乱码
注意请求是时候一定要请求头添加 responseType: ‘blob’, 来获取二进制流axios({ method: 'post', responseType: 'blob', url: process.env.BASE_API + '/Console/exportPieAreaAmountList', params: form }) .then(response => { co原创 2021-07-08 17:50:02 · 405 阅读 · 0 评论 -
鼠标移入 移出 子元素触发父元素的 mouseout mouseove，mouseleave mouseenter事件
转一下，这位仁兄写的。解决了燃眉直接https://blog.csdn.net/qq_41139830/article/details/82860616方法一、 用mouseleave/mouseenter代替mouseover/mouseout【最佳方法】mouseover 与 mouseenter:mouseover => 不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。mouseenter => 只有在鼠标指针从元素外穿入被选元素（到元素内）时.转载 2021-05-26 09:46:36 · 1044 阅读 · 0 评论 -
JQ jquery 获取 子元素 修改内容
html结构<div id="test"> <a href="">123</a> <a href="">asd</a> <a href="">zxc</a> <a href="">qwe</a></div>获取第一个子元素$('#test').children().first().html("<<<");获取最后一个子元素$('#test').ch原创 2021-05-21 11:46:38 · 604 阅读 · 0 评论 -
template 标签 VUE v-slot 用法
匿名插槽(也叫默认插槽)没有名字，但是只能有一个父<todo-list> <template v-slot:default> 任意内容 <p>我是匿名插槽 </p> </template></todo-list> 子<slot>我是默认值</slot>具名插槽比上面的好点有个名字父<todo-list> <te原创 2021-05-18 17:09:10 · 6493 阅读 · 4 评论 -
关于 template 标签 在 js vue 中的用法
template 定义内容模板 <template> 元素是一种用于保存客户端内容机制，该内容在加载页面时不会呈现。将模板视为一个可存储在文档中以便后续使用的内容片段。虽然解析器在加载页面时确实会处理<template>元素的内容，但这样做只是为了确保这些内容有效；但元素内容不会被渲染。说白了和input type=”hidden” 类似，一个储存字符状态，一个储存代码片段js 中使用IE完全不兼容，仅作为了解扩展！<table id="producttable原创 2021-05-18 16:55:29 · 1872 阅读 · 0 评论 -
ie 报语法错误，方法未定义，不兼容es6/es7语法 如 =＞,...
原因是ie不兼容es6/es7语法 如（=> 箭头函数） 等 使用外部插件（只有少量js代码时候可使用）： browser.min.js（兼容es6）core.min.js（兼容es7）必须把js代码放在html页面里面，且使用type="text/babel"：<script type="text/babel"> function user(){let age = abc; setInterval(() => { cons...原创 2021-04-27 11:02:11 · 1201 阅读 · 0 评论 -
Babel js （es6/es7）语法转换 es5
问题：该方法只要用于兼容个别浏览器对es6乃至es7语法不支持使用。方法：新建babel项目对js语法进行降级示例初始化：cnpm init -y安装转换工具：cnpm i -g babel-clicnpm i --save-dev babel-preset-es2015 babel-cliBabel对应版本安装:cnpm install babel-preset-stage-20的集成度最高包含es6到ES7的语法兼容，最大最杂最省事懒得折腾，但是为了避免开发..原创 2021-04-27 10:58:46 · 1462 阅读 · 1 评论 -
html2canvas海报生成
html2canvas海报生成官网：http://html2canvas.hertzen.com/使用环境：js，vue；使用方法：Html：<div class="poster-container" ref="imageWrapper" style="display: inline-block;">我是海报</div><div onclick=”createPoster”>生成海报</div><el-butto..原创 2021-04-23 09:38:35 · 529 阅读 · 0 评论 -
layui upload； 限制上传个数打断提交
Before回调中使用stopPropagation(); 强行打断进程layui.use('upload', function() { var upload = layui.upload; //执行实例 var uploadInst = upload.render({ elem: '#uploade', //绑定元素 url: '/upload', //上传接口 size: 1024 * 2, accept: 'images', acceptMime: 'image/jp原创 2021-04-20 17:59:10 · 621 阅读 · 0 评论 -
时间戳 时间文本 时间 转换成指定格式日期
/*** 时间戳转换成指定格式日期** eg. ** dateFormat(11111111111111, 'Y年m月d日 H时i分')** → "2322年02月06日 03时45分"*/const dateFormat = (timestamp, formats) => { // formats格式包括 // 1. Y-m-d // 2. Y-m-d H:i:s // 3. Y年m月d日 // 4. Y年m月d日 H时i分 format.原创 2021-04-02 19:56:29 · 1390 阅读 · 2 评论 -
video uni-app h5 无法内联播放会自动全屏 问题
可以直接使用playsinline属性来限制，webkit-playsinline="true" 属性 针对iOSx5-playsinline="true" 属性 针对 微信<video id="myVideo" :src="videoUrl||''" object-fit='fill' enable-progress-gesture=false @timeupdate='timeUpdate' @ended='Ended' :autoplay='...原创 2021-04-01 18:13:23 · 669 阅读 · 0 评论 -
element ui table 定义 slot-scope=“scope“ 数据不更新问题
<el-table-column prop="scope" label="修改后"> <template slot-scope="scope"> <span v-for="item in scope.row.attributes" :key="item.attributeID"> {{ rouleshowattributes.attrID == item.attribut.原创 2021-03-30 10:35:54 · 3000 阅读 · 0 评论 -
uniapp picker 定义 range-key
<picker @change="bindPickerChange" :value="index" :range="array" :range-key="'text'"> <view class="uni-input"> 选择回看时间：{{array[index].start}}---{{array[index].end}} </view></picker> array: [{ id:"1", text:"2020年 5月 18日.原创 2020-10-28 14:12:04 · 2845 阅读 · 4 评论 -
js解决css 缓存 问题 (随机数)
<script> var cssStr='<link href="css/index.css?v='+Math.random()+'" rel="stylesheet" type="text/css"/>'; document.write(cssStr);</script>放在<head>标签里面就好了原创 2020-05-22 16:14:22 · 392 阅读 · 0 评论 -
uni app getBackgroundAudioManager 的使用和坑（自动播放，进度条）
项目需求需要在页面上添加音频播发功能，在官网上<audio>停止维护了，所以使用了uni.getBackgroundAudioManager()在后台还能继续播放的api接口。写死的播放路径的代码（代码主体，之后都是在该代码上修改）： var that=this console.log(this.detail.audio,"放入的音频路径") this.bgA...原创 2020-04-28 19:50:13 · 13276 阅读 · 6 评论 -
h5 js input 实时监控输入
<input type="text" id="fix">$("#fix").on('input propertychange', function(event){ //"#fix为你的输入框 last = event.timeStamp; //利用event的timeStamp来标记时间，这样每次事件都会修改last的值，注意last必需为全局变...转载 2020-04-26 11:03:09 · 437 阅读 · 0 评论 -
swiper3 动态加载数据 js
需要定义两个属性、observer:true,//修改swiper自己或子元素时，自动初始化swiperobserveParents:true//修改swiper的父元素时，自动初始化swipervar mySwiper = new Swiper('#nei', { autoplay: 500,//可选选项，自动滑动 pagination : '#nei .swiper-pagin...原创 2020-04-25 23:08:38 · 560 阅读 · 0 评论 -
js tab切换 封装方法 比较好用的
var tabs = function (tab, con,con2) {//debugger tab.eq(0).addClass('sevenFenlei_topMenu_zi_active') con.hide(); con.eq(0).show(); con2.hide(); con2.eq(0).show(); tab.click(func...原创 2020-02-18 17:40:35 · 268 阅读 · 0 评论