js
文章平均质量分 52
日常开发学习中遇到的问题记录
D浩DzD
这个作者很懒,什么都没留下…
展开
-
使用script标签解决跨域问题,但是只能使用get请求,且不需要获取get请求的数据,例如埋点,只需要触发后发送get请求,而不需要获取返回的参数
这样就不会有报跨域的错了,不过这样不能拿到get的数据,只能适用于get请求且不需要获取其返回的数据。在项目中,使用埋点的时候,因为使用的是外部提供的接口,所以直接请求的时候,前端会报跨域的问题,本着不麻烦后端的想法,怎怎么前端实现跨域而完全不需要后段的配合,这时候就想到了通过script标签,不受浏览器同源策略的影响的特性。使用上述方法请求的,其在控制台中网络里的请求类型为script而不是我们平常通过ajax请求的xhr类型。原创 2023-08-13 21:25:45 · 383 阅读 · 0 评论 -
使用Facebook Pixel 埋点
在投放广告的时候,一般需要知道广告的产生的效益,所以就需要通过埋点去记录,这里使用到的是Facebook Pixel。CompleteRegistration是标准事件,指注册成功事件。原创 2023-08-13 21:08:43 · 1177 阅读 · 0 评论 -
promise
作用:Promise是解决异步编程的一种方案,比传统的回调函数和事件更加合理和强大,以往使用回调函数容易造成回调地狱。Promise是一个容器,保存着某个未来才会结束的事件的结果。特点:Promise对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)、rejected(已失败)。只有异步结果决定当前是哪种状态,任何操作都无法改变这个状态一旦状态,就不会再变,任何时候都是这个结果。Promise对象的状态改变,只有两种可能原创 2022-03-17 18:10:09 · 56 阅读 · 0 评论 -
解决label标签包裹input后点击事件触发两次问题
通常在为了使用户体验更好,在一些复选框或单选框和输入框中,会使用label包裹input这样用户只需点击后面文字,即可选中当前项。代码结构如下<ul class="table-main " @mouseenter.stop="myMouseenter(index)" :class="{'table-main-active':mouseIndex==index?true:false, 'table-main-actived':selectIndexArr.indexOf(index)!=-1原创 2021-03-03 17:32:34 · 1367 阅读 · 1 评论 -
vue.nextTick()方法的使用详解
定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码;理解:nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,在dom中渲染后,自动执行该函数,<template> <div class="hello"> <div>转载 2021-01-26 17:20:29 · 210 阅读 · 0 评论 -
Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。
项目中为只读属性,它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。如果是标准盒子模型,元素的尺寸等于width/height + padding + border-width的总和。如果box-sizing: border-box,元素的的尺寸等于 width/height。参考:MDN...原创 2021-01-20 20:39:20 · 223 阅读 · 0 评论 -
每天一道面试题系列
20200714 阅读下面代码,写出打印结果(只考虑浏览器环境)function Foo() { getName = function () { console.log(1); } return this}Foo.getName = function () { console.log(2);}Foo.prototype.getName = function () { console.log(3);}var getName = functi原创 2020-07-15 15:56:27 · 239 阅读 · 0 评论 -
类似淘宝商品放大镜功能,以及offsetX、offsetY造成的鼠标移动时阴影部分会一闪一闪的不断回到左上角问题
效果:效果是当鼠标移入的时候小图出现一小块是以鼠标为中心的遮罩层,鼠标在小图移动时大图放大显示遮罩层所在的局部,且遮罩层不能超出小图位置。如下图所示:html部分从代码可知大图和小图是分别两个img标签图片其实也是一样的,只不过尺寸不一样<body> <div class="box"> <!-- 小图 --> <div class="left"> <div class="shadow原创 2020-07-13 15:28:17 · 836 阅读 · 1 评论