js
文章平均质量分 61
C_fashionCat
这个作者很懒,什么都没留下…
展开
-
【vue】区域元素拖动进行页面滚动
区域元素进行拖拽时,如何进行区域滚动条滚动原创 2023-01-29 11:25:45 · 1271 阅读 · 1 评论 -
js位移运算符(<<、>>)
移位运算就是对二进制进行有规律低移位一、 << (左移运算符)在移位运算过程中,符号位始终保持不变如果右侧空出位置,则自动填充为 0;超出 32 位的值,则自动丢弃console.log(5 << 2); // 20演算过程:其实来说,左移运算符就是*2的n次方上面的例子可以换算为:5 << 2 = 5 * 2^2 = 208 << 5 = 5* 2^5 = 256二、 >> (右移运算符)有符号右移位运算把原创 2021-07-23 09:55:03 · 1471 阅读 · 1 评论 -
【2021面试】算法编程篇
目录1、数组去重2、计算1~n的和3、判断回文4、冒泡排序以及它的优化5、斐波那契数列6、快速排序7、二分查找1、数组去重1)ES6 的 Set此时,有些面试官会刨根问底,为什么es6的Set()这个就可以去重?回答:因为Set是类数组对象类型的,它的特性就决定它内部都是不重复的数据此时,如果面试官还继续问,Set()里面是怎么进行重复数据去重的?回答: a、set() 函数中会先调用对象的__hash__()方法,获取 hash 结果;&nb原创 2021-04-14 15:55:41 · 125 阅读 · 0 评论 -
【2021面试】js篇
目录1、js的数据类型2、null和undefined的区别3、闭包(必问)4、谈谈异步编程5、let 和 const 以及 var 的区别6、call()、apply()、bind()的区别7、== 与=== 区别8、防抖和节流的区别8.1 原生编程9、使用new调用函数的时候,会执行怎样的流程9.1 原生编程10、解释一下js中的原型、原型链11、如何判断数据类型12、列举强制类型转换和隐式类型转换13、请讲述一下事件委托 / 事件代理13.1 原生编程14、addEventListener和onCli原创 2021-04-13 13:54:24 · 238 阅读 · 0 评论 -
前端异步编程六种方案
1、回调函数优点:简单、容易理解和实现缺点:就是容易写出回调地狱(各个部分之间高度耦合,使得程序结构混乱、流程难以追踪) ajax(url, () => {});2、事件监听特点:异步任务的执行不取决于代码的顺序,而取决于某个事件是否发生优点:比较容易理解、可以绑定多个事件,每个事件可以指定多个回调函数,而且可以"去耦合",有利于实现模块化缺点:将整个程序都要变成事件驱动型,运行流程会变得很不清晰。阅读代码的时候,很难看出主流程 f1.on('done', f2); // 事件f1完原创 2021-03-19 16:52:44 · 1064 阅读 · 0 评论 -
【js】arguments浅析
Arguments 对象在一个函数中形参:函数定义的参数实参:函数调用时实际传的参数参数的匹配时从左到右的,当实参个数 < 形参个数,后面对应的形参赋值为undefined实参格式 > 形参个数, 可以通过argument访问概念Javascrip中每个函数都会有一个Arguments对象实例arguments(类数组对象),它是函数的实参集合,可以用数组下标的方式"[]"引用arguments的元素(function(i) { console.log(arguments);原创 2021-03-19 00:03:54 · 109 阅读 · 0 评论 -
【vue】cropperjs图片裁剪
在一些需求中,需要上传图片,而且有时上传的图片是要裁剪成一定的比例才能上传,这时我们就可以用cropperjs实现这个功能。 cropperjs可以进行非常灵活的配置来实现图片的裁剪,可以生成一个裁剪之后的canvas对象,还可以利用toDataURL方法生成Base64格式的图片。如果不使用canvas的方式,利用该工具丰富的api可以拿到裁剪区域相对于原图的各项数据,使用这些数据进行css绝对定位即可展示裁剪原创 2021-01-15 10:36:00 · 533 阅读 · 2 评论 -
【js】计算一行字符串的像素长度
getTextWidth(str, fontSize) { let result = 0; let ele = document.createElement("div"); ele.style.position = "absolute"; ele.style.whiteSpace = "nowrap"; ele.style.fontSize = fontSize; ele.style.opacity = 0; ele.innerText = str;原创 2021-01-13 10:55:52 · 2356 阅读 · 0 评论 -
让div呈现类似于background-size中contain的等比(16:9)缩放的自适应效果
做移动端的项目,最重要的就是页面的自适应。比如让一个子盒子在父盒子中等比缩放居中显示,以便整个子盒子能最大程度的显示在手机上,而不变形。首先,我们需要了解background-size中contain和cover的含义与区别。在no-repeat情况下,如果容器宽高比与图片宽高比不同时1、contain:图片自身的宽高比不变,缩放至图片自身能完全显示出来,所以容器会有留白区域2、corver:图片宽高比不变、铺满整个容器的宽高,而图片多出的部分则会被截在repeat情况下1、contai原创 2020-10-21 22:37:34 · 719 阅读 · 0 评论 -
移动端h5调起手机app
当所做的h5页面在微信端打开时,想要调起手机内的app,一般我们会用scheme协议监测本地的应用,要是没有则下载app,有的话就直接打开。但是微信上是屏蔽了,所以我们要是在微信端,则得提示用户用浏览器打开页面再进行监测本地的应用。tips:如何判断是否在微信浏览器端:const u = navigator.userAgent;const isWeixin = u.toLowerCase().indexOf("micromessenger") !== -1;一、scheme协议scheme 是原创 2020-05-16 22:51:58 · 1789 阅读 · 1 评论 -
iframe中子页面访问父页面的某个元素,产生跨域访问
在同域情况下,子页面如果想要访问父页面中的window对象中的方法的话,直接在当前页面中使用window.parent就可以啦但是当iframe嵌入的地址与父页面的地址不在同一网段里,就出现跨域问题解决办法:1、子页面iframe中的代码:<script type="text/javascript"> $("#secondaryDownload").click(...原创 2020-02-14 12:54:14 · 1027 阅读 · 0 评论