JS
Terry_wn
程序猿
展开
-
js自建readAsBinaryString方法,兼容ie11该方法报错,对象不支持“readAsBinaryString”属性或方法
兼容ie11报错,对象不支持“readAsBinaryString”属性或方法vue项目可以直接在main.js加入下方代码if (typeof(FileReader.prototype.readAsBinaryString) !== "function") { FileReader.prototype.readAsBinaryString = function (fileData) { var binary = ""; var pt = this;原创 2021-03-12 18:20:53 · 1712 阅读 · 1 评论 -
@babel/polyfill的改动,兼容ie11浏览器
// 安装[email protected] 和 regenerator-runtimenpm install --save core-js@3npm install --save regenerator-runtime// babel.config.jspresets: [ ["@babel/preset-env", { useBuiltIns: "entry", // or "usage" corejs: 3, }]]// 入口文件main.js最上面import "co原创 2021-03-10 14:52:37 · 894 阅读 · 0 评论 -
关于 vue 不能 watch 数组变化和对象变化的解决方案
vue 无法监听数组变化的情况利用索引直接设置一个数组项时,例如:arr[indexOfItem] = newValue;修改数组的长度时,例如:arr.length = newLength;vue 无法监听数组变化的解决方案set方法: this.$set(arr, index, newVal);splice方法: this.arr.splice(index, number, newVal);临时变量方法:let temp = [...this.arr]; temp[index] = n原创 2021-01-19 18:04:55 · 332 阅读 · 0 评论 -
前端js搜索
/**检查一个字符串是否包含在另一个字符串里,并且首字符相同 * i:计算机科学与技术 * j:计科 * 返回true * */ function checkStrContain(i, j) { if(!i || !j){ return false; } if(i.charAt(0) != j.charAt(0)){ return false; }原创 2020-09-04 10:45:29 · 179 阅读 · 0 评论 -
vue.config.js常用用配置
const path = require("path");const resolve = function(dir) { return path.join(__dirname, dir);};module.exports = { publicPath: process.env.NODE_ENV === "production" ? "./" : "./", outputDir: "dist", assetsDir: "static", lintOnSave: true, // 是原创 2020-08-21 15:24:34 · 832 阅读 · 0 评论 -
js递归
代码function getParent(data2, id) { let arrRes = []; // 如果非数组直接返回 if (data2.length === 0) { if (id) { arrRes.unshift(data2) } return arrRes; } const rev = (data, nodeId) => { for (let i = 0;转载 2020-07-01 17:07:40 · 100 阅读 · 0 评论 -
JS递归遍历树结构
function getArray(data,name){ for (var i in data) { console.log('i',i); console.log('datai',data[i].children); if (data[i].name == name) { console.log(data[i]); break; } else { getArra原创 2020-07-01 16:42:15 · 1363 阅读 · 0 评论 -
前端CSS,JS,PS开发技巧
灵活运用CSS开发技巧CSS请戳这里,持续更新灵活运用JS开发技巧JS请戳这里,持续更新灵活运用PS切图技巧PS请戳这里,持续更新转载 2019-12-30 13:59:49 · 170 阅读 · 0 评论 -
js数字补0操作
const addZero1 = (num, len = 2) => (`0${num}`).slice(-len)const addZero2 = (num, len = 2) => (`${num}`).padStart(len , '0')addZero1(3) // 03addZero2(32,4) // 0032原创 2019-04-18 16:47:50 · 2513 阅读 · 0 评论 -
解决移动端弹出键盘时遮挡输入框
一、解决移动端弹出键盘时遮挡输入框方法1、Element.scrollIntoView(); // 让当前的元素滚动到浏览器窗口的可视区域内方法2:Element.scrollIntoViewIfNeeded();二、微信打开网页键盘弹起后页面上滑,导致弹框里的按钮响应区域错位$("input").blur(function () { $("html,body").anima...原创 2019-04-26 14:09:23 · 3883 阅读 · 0 评论 -
滚动穿透的解决方案
在移动端中,如果我们使用了一个固定定位的遮罩层,且其下方的dom结构的宽度|高度超出屏幕的宽度|高度,那么即使遮罩层弹出后铺满了整个屏幕,其下方的dom结构依然可以滚动,这就是大家所说的“滚动穿透”。而且经常是你在pc模拟器上没有问题,但是真机打开就一定会出现。方案:body滚动 + 弹层内部滚动[js-检测touchmove的target]简单粗暴,一针见血:谁能动谁动,谁不能动就禁止to...原创 2019-03-21 14:18:43 · 233 阅读 · 0 评论 -
swiper边缘抵抗力resistanceRatio和触摸比例touchRatio和禁止切换noSwiping
1.抵抗率。边缘抵抗力的大小比例。值越小抵抗越大越难将slide拖离边缘,0时完全无法拖离。resistanceRatio : 0.9,2.触摸比例。触摸距离与slide滑动距离的比率。触摸距离与slide滑动距离的比率。默认为1,按照1:1的触摸比例滑动。设置为0时,完全无法滑动touchRatio : 0.5,3.禁止切换。设为true时,可以在slide上(或其他元素)增加类名...原创 2019-01-17 15:09:11 · 1573 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()
JSON.parse() 方法用于将一个 JSON 字符串转换为对象。JSON.stringify()方法用于将对象的类型转换为字符串类型。原创 2019-01-03 18:24:15 · 101 阅读 · 0 评论 -
jquery只获取自身文本节点,不获取子元素的
1、jquery获取<div id="demo">只获取我<a href="">别管我</a></div>var a = $("#demo").prop('firstChild').nodeValue;console.log(a);2、js原生获取<div id="demo">原创 2018-12-18 15:20:01 · 1133 阅读 · 0 评论 -
原生JS的cookie操作
//JS操作cookies方法! //设置cookies function setCookie(name,value,days) { // 设置cookie days设置过期时间 单位:天 不传默认是 cookie 在浏览器关闭时删除 var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*...原创 2018-12-11 13:47:22 · 675 阅读 · 0 评论 -
swiper的元素更新,需要初始化组件
var mySwiperOut = new Swiper('.swiper-container-out', { direction:'horizontal', loop: false, touchRatio : 8, resistance : true, resistanceRatio : 0, effect : 'fade', fade:{...原创 2018-12-08 21:13:32 · 2594 阅读 · 0 评论 -
iphone点击滑动图标确定效果
html&lt;div class="wn-radio-box"&gt; &lt;span class="wn-radio-ball"&gt;&lt;/span&gt;&lt;/div&gt;css.wn-radio-box { right: .3rem; t原创 2018-11-22 20:00:53 · 480 阅读 · 0 评论 -
阻止默认事件和事件冒泡,溢出文字隐藏CSS
阻止默认事件和事件冒泡e.preventDefault();e.stopPropagation();溢出文字隐藏CSSoverflow: hidden;white-space: nowrap;text-overflow: ellipsis;原创 2018-10-23 15:59:48 · 420 阅读 · 0 评论