
js
文章平均质量分 69
xxm0720
这个作者很懒,什么都没留下…
展开
-
彻底弄懂call和apply,bind的区别
apply方法apply接受两个参数,第一个参数是this的指向,第二个参数是函数接受的参数,以数组的形式传入,且当第一个参数为null、undefined的时候,默认指向window(在浏览器中),使用apply方法改变this指向后原函数会立即执行,且此方法只是临时改变this指向一次。call方法call方法的第一个参数也是this的指向,后面传入的是一个参数列表(注意和apply传参的区别,多个参数)。当一个参数为null或undefined的时候,表示指向window(在浏览器中),和原创 2021-08-02 10:37:07 · 518 阅读 · 0 评论 -
最全的手写JS面试题
1 compose题目描述:实现一个 compose 函数// 用法如下:function fn1(x) { return x + 1;}function fn2(x) { return x + 2;}function fn3(x) { return x + 3;}function fn4(x) { return x + 4;}const a = compose(fn1, fn2, fn3, fn4);console.log(a(1)); // 1+4+3+2+转载 2021-07-30 18:00:28 · 757 阅读 · 0 评论 -
微信H5页面前端开发,大多数人都会遇到的几个兼容性坑
最近给公司微信公众号,写了微信h5业务页面,总结分享一下前端开发过程中的几个兼容性坑,项目直接拿的公司页面,所以下文涉及图片都模糊处理了。1、ios端兼容input光标高度问题详情描述:input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上当点击输入的时候,光标的高度和父盒子的高度一样。例如下图,左图是正常所期待的输入框光标,右边是ios的input光标。出现原因分析:通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离(行高),当点击输入的时转载 2021-06-29 15:59:11 · 322 阅读 · 0 评论 -
JS ES5或者ES6简便方法
1.一组数据取最小值// 查找数组里面最小的元素值const arrs = [1, 2, 3, 4];// ES6 的语法如下const min = Reflect.apply(Math.min, arrs, arrs);console.log(min); // 1// ES5的语法如下:const min2 = Math.min.apply(arrs, arrs);console.log(min2); // 1// 或者我们使用 Finction.prototype 代码如原创 2021-06-15 17:25:45 · 184 阅读 · 0 评论 -
js 面试出现频次较高的算法题
原创 2020-06-04 18:04:06 · 151 阅读 · 0 评论 -
js 简便方法
filter用于对数组进行过滤。它创建一个新数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。原创 2019-11-21 15:31:09 · 153 阅读 · 0 评论 -
ES6、ES7、ES8、ES9、ES10新特性一览
ES6的特性比较多,在 ES5 发布近 6 年(2009-11 至 2015-6)之后才将其标准化。两个发布版本之间时间跨度很大,所以ES6中的特性比较多。在这里列举几个常用的: 类 模块化 箭头函数 函数参数默认值 模板字符串 解构赋值 延展操作符 对象属性简写 Promise Let与Const ...转载 2019-10-05 10:10:15 · 243 阅读 · 0 评论 -
vue 中 用法
1.v-for和data属性<li v-for="(item, index) in message" v-on:click="addClassFun(index,$event)" :data-qt_id='item.qt_id' v-bind:class='{selectcolor:index==selectIndex}'> {{ item.type_name ...原创 2019-07-18 17:50:27 · 251 阅读 · 0 评论 -
mui 获取本地的图片的绝对路径本,上传到OSS上
mui(".img ul").on("tap", "li.addImgge", function() { if (mui.os.plus) { var a = [{ title: "拍照" }, { title: "从手机相册选择" }]; plus.nativeUI.acti...原创 2019-06-15 09:09:26 · 1536 阅读 · 0 评论 -
js 时间
functionRefreshTime(targetDate){//获取本地当前时间,截止时间-当前时间=倒计时时间varToday=newDate();varendDate=newDate(targetDate);varleftTime=endDate.getTime(...转载 2019-06-03 16:21:21 · 303 阅读 · 0 评论 -
获取scrollTop兼容各浏览器的方法,以及body和documentElement是啥?
1、各浏览器下 scrollTop的差异 IE6/7/8: 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ; 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop; Safari: safari 比较特别,有自己获取scrollTop的函数转载 2018-01-10 10:48:38 · 433 阅读 · 0 评论 -
vue的建立
1.建立assets,在其中建立css和js文件夹,把vue.js和vue.min.js拉入js文件夹中,因为assets文件夹不编译(熟悉liunx系统的话,就知道不编译了)。2 建立一个和assets同级的写代码的文件夹3.cnpm install -g live-server(服务器设置 vscode),打开 live-server4 npm init(初始化,生成pack.age.json...原创 2018-03-06 15:48:23 · 153 阅读 · 0 评论 -
vue v-if和v-show的区别
v-if:是vue 的一个内部指令,指令用在我们的html中。v-if用来判断是否加载html的DOM,比如我们模拟一个用户登录状态,在用户登录后现实用户名称。v-show是调整css中display属性,DOM已经加载,只是CSS控制没有显示出来。v-if 和v-show的区别:v-if: 判断是否加载,可以减轻服务器的压力,在需要时加载。v-show:调整css dispaly属性,可以使客户...原创 2018-03-06 15:53:54 · 1063 阅读 · 0 评论 -
什么是闭包
什么是闭包?简单来说,闭包是指外部可以访问另一个函数作用域内的变量的函数,一般是定义在外层函数中的内层函数。为什么需要闭包?局部变量无法共享和长久的保存,而全局变量可能造成变量污染,所以我们希望有一种机制既可以长久的保存变量又不会造成全局污染。特点占用更多内存不容易被释放何时使用?变量既想反复使用,又想避免全局污染var a = 1function f(b) { return function ...原创 2018-04-02 12:12:53 · 319 阅读 · 0 评论 -
跨域资源共享 CORS 详解( 阮一峰)
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。 它允许浏览器向跨源服务器,发出XMLHttpRequest请求,...转载 2018-04-02 21:43:08 · 4914 阅读 · 0 评论 -
HTML Button自动刷新页面的问题
一、问题<button class="am-btn am-btn-default am-btn-xs am-text-secondary" data-id="99" data-type=1><span class="am-icon-pencil-square-o"></span>修改</button>1页面上有这样一个按钮,每次点击这个转载 2018-05-16 15:33:05 · 244 阅读 · 0 评论 -
前端面试知识点目录整理
基本功考察1.关于Html1、html语义化标签的理解、结构化的理解;能否写出简洁的html结构;SEO优化。2、h5中新增的属性,如自定义属性data、类名className等;新增表单元素;拖拽Drag。3、h5中新增的API、修改的API、废弃的API稍作了解(离线存储、audio、video)。2.关于CSS1、CSS选择器(三大特性)。2、BFC机制。3、...转载 2019-04-01 18:07:42 · 156 阅读 · 0 评论 -
引入JQUERY的手指跟随滑动
var startX, startY, moveEndX, moveEndY, X, Y;var flag=true;$(".mui-recommend .house-content ul").on("touchstart", function(e) { e.preventDefault(); startX = e.ori...原创 2019-05-03 14:36:50 · 498 阅读 · 0 评论 -
IE10下设置了z-index,底层DIV绑定的事件仍然会触发
div加个透明背景background-color: rgba(0,0,0,0);css3 rgba 即在原本3原色的基础上增加了alpha(透明度)通道,该属性的兼容性如下:类型Internet ExplorerFirefoxChromeOperaSafari版本(×)IE6(转载 2018-01-24 09:35:26 · 520 阅读 · 0 评论