qq_36800701的博客

.npmprc文件添加`sass_binary_site=https://npm.taobao.org/mirrors/node-sass/`

nuxt2.13.3最新版本增加了自动注入compoent的功能；如果要兼容IE，请不要使用；否则会报错nuxt.config.js中components: false; // 禁止自动注入component

用jsx语法比较方便，不然slot不知道要怎么写render (h) { return ( <el-input { ...{ props: this.$attrs, on: this.$listeners } }> { Object.entries(this.$slots).map(([name,...

背景：公司项目需求，在后台添加文章时需要大段大段从word复制带图片的文章，使用chrome等现代浏览器时flash被禁用，导致编辑器的图片转存功能无法使用。一.编辑器配置好之后，发现粘贴word文章，图片是空白的参考了https://blog.youkuaiyun.com/lddtime/article/details/79272693————————————————原来，在默认情况下 uedi...

var arr = ['apple','strawberry','banana','pear','apple','orange','orange','strawberry'];  var r = arr.filter(function(element,index,self){    return self.indexOf(element) === index;  });

console.log(randomChars(5)); function randomChars(n) { if (typeof n == 'undefined') { return; } var n = parseInt(n); var result = []; var letters = ['A', 'B', 'C', 'D', 'E', ...

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no

call,apply,bind其实都是改变this指向的但是这里需要注意的是 bind 会返回一个新函数，并且是不会调用的，它只是单纯改变了函数的this指向而已而call,和apply却是改变了this指向又立马调用了函数; 例如：function b(a) {    console.log(a); }var c = b.bind(this,'bind');var...

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no

在js中1.1*6=6.6000000000000005实际上应该是等于 6,6；是由于小数点不准确的问题；解决方案： 1.1 * 10000 * 6 / 10000 = 6.6网上说 乘以10000后再除以10000是最合适的...

移动端图片预览插件，一个JQ的插件，支持手势放大缩小；有点小bug，不过感觉是可以接受的；插件的地址：http://www.jq22.com/jquery-info15466 那里有具体的说明，但是那里下载需要JQ币；使用很简单：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&...

原文地址在这里：https://blog.youkuaiyun.com/wangjiaohome/article/details/49364177实在没看到转载按钮在哪里，直接复制过来了，格式都没整理，看原文比较清晰，这里太混乱 TOUCH.JS手势操作，例如一指拖动、两指旋基本事件：touchstart   //手指刚接触屏幕时触发touchmove    //手指在屏幕上移动时触发...

NaNNaN 即 Not a Number ，不是一个数字。 在 JavaScript 中，整数和浮点数都统称为 Number 类型 。除此之外，Number 类型还有一个很特殊的值，即 NaN 。它是 Number 对象上的一个静态属性，可以通过 Number.NaN 来访问 。  1 console.log(Number.NaN);// NaN ...

在网页中经验要上传图片，那么预览的时候是需要把图片转换成base64，以下是函数<input onclick="upload" type="file"><img id="img" src="">function upload(e) { //获取并记录图片的base64编码 let reader = new FileReader(); reader.rea...

html中绑定事件，type=number 可以避免其他字符的输入，但是规避不了小数点输入 <input type="number" placeholder="输入想要出售金额" v-model="pricing" @input="preventPoint('pricing', $event)">vue中的方法，自己加一个方法，把value值给整数化，但...

今天开项目，决定使用 Vue 来进行开发，遂开始寻找 Vue 相关的 Ui 组件库，找了一圈看下来，Github 上 star 数最高的二个分别为 Mint-ui 和 Vux，分别扫了他们的二维码体验了下，发现 Vux 在界面切换的时候不流畅，所以就剩下 Mint-ui 这一个选择了。下面开始今天的爬坑之旅。坑一：npm 5.8.0在新建项目的时候发现 npm 有新的版本升级，就顺手升级了下 np...

1、安装sass-resources-loadernpm install sass-resources-loader --save-dev2、添加函数找到 build/utils.js 文件，在 exports.cssLoaders 模块中加多一个函数function lessResourceLoader() { var loaders = [ cssLoa...

&lt;input type="file" /&gt; &lt;script type="text/javascript"&gt; var f = document.getElementsByTagName('input'); f[0].onchange = function(){ var file = this.files[0]; var url=win...

前端在做开发的过程中，经常会遇到以下的场景：用户填写完了表单，然后点击提交按钮，这个时候需要把数据提交给后台，然而提交给后台是需要一个过程的，如果这个时候用户再一次点击提交按钮就会出现第一次数据还没提交完，用户又提交了第二次数据，如此反复，就会提交很多重复的数据；解决方案： 在用户点击完提交按钮以后，立马禁用按钮，不允许用户再次点击，等数据提交完毕以后，再次让用户点击

JS获取节点

最近做的一个项目，是关于房产的一个app；由于只会前端的一点东西，也没有任何的开发经验，所以所做的一切都是百度找的，最后找到了MUI这个框架，说是最接近原生APP的一个框架，反正我啥也不会，就这么用吧；总结一点问题 一，关于固定定位的问题 其实在IOS下固定定位并不稳定，特别是在用户输入内容的时候，固定定位就会出问题，其实我是比较想用绝对定位来模拟固定定位的，但是因为很多东西不是很熟悉，加...

1、 用iscoll-probe.js 2、probeType： 2

上拉或者下拉刷新的需求在移动端是非常常见的需求，大部分情况下，实现这个效果都使用网上现有的解决方案，例如有人使用swiper这个插件， 也有人使用iScroll这个滚动插件。本文的示例是利用iscroll实现的下拉刷新效果。iScroll简介iScrool是目前最成熟的自定义滚动解决方案之一，在移动端和PC有很好的兼容性。iScroll官方提供了5个不同的版本：iscroll.js 通用版 包含了...

移动端适配一般是两种方式一JS方式：setRem(); window.addEventListener("orientationchange", setRem); window.addEventListener("resize", setRem); function setRem() { /* * 以750*1334的设计稿为例：1rem=40px */ v...

target：在事件流的目标阶段； currentTarget：在事件流的捕获； 目标及冒泡阶段。 只有当事件流处在目标阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象（一般为父级）。所以在Vue要获取添加事件的那个元素的时候用currentTarget<a href="#" @click="fn"

在做项目的时候一般都会有增删数据的时候，特别是列表的时候，比如在选中一些列表，然后删除掉选中的数据var arr = [1,2,3,4,5,6,7] //源数据var delIndex = [3,2,4] //需要删除源数据的所有索引//通俗的解释就是：把arr中的第3,2,4项都删除了//一般删除数据我们都想到的方法是 splice()，然后我们理...

在做组件之前，一般我都是把HTML结构先写出来的，最终我们需要变成这样的结构&lt;div class="cascader-menus"&gt; &lt;ul class="menus"&gt; &lt;li&gt;文字&lt;/li&gt; &lt;li&gt;文字&lt;/li&gt;

/* * 在浏览器中是如果解析JS的呢 * 一、预解析 * “JS解释器”会在JS代码中去找一些东西，比如，关键字var,function和参数 * 找到var的时候，就会把变量存在一个仓库中，并且这个是变量为undefined * 找到function的时候 就会把整个代码块都存在一个变量中 *  * 例如： * var a = 1; * function b() {aler...

pageY：相对于文档的左上角的坐标 (需要加上滚动距离，类似于在body的绝对定位)clientY：相对于浏览器窗口的左上角的坐标（类似于固定定位）screenY：相对于屏幕的左上角的坐标...

/* * offsetHeight:元素的大小+padding+border,不包含margin * clientHeight:,元素的大小+padding * offsetTop: 返回元素的上外缘距离最近采用定位父元素‘内壁’的距离，如果父元素中没有采用定位的， * 则继续往上走查找是否有定位的父级元素。【按照绝对定位的去理解就好了】 * scrollTop: 往下拉滚动条...

        t, 当前执行动画第几次  b, 起始值 c, 起始值和结束值 之间的差值 d, 动画执行总次数 返回值： 当前次元素应在在的一个“位置”这个“位置”不一定是坐标，也有可能是透明度什么的！只是一个目标值...

一般，我们想要禁止橡皮筋效果的话，会给document加阻止默认行为，不过新版的谷歌浏览器不已经不让这么做了，所以现在一般都是在最外层的加个div，然后给它做阻止默认行为，但是阻止了默认行为会带来以下问题阻止默认事件带来的问题： 1)解决IOS10+ safari 以及部分安卓浏览器 不在支持 viewport的最大缩放值和禁止缩放的问题 2)解决IOS10+ safari下给body加overf...

function isArray(o){return Object.prototype.toString.call(o)=='[object Array]';}