qq342035299的博客

转载 移动端长按事件 vue

首先去除页面默认长按事件在标签中的写法 方法 李白 唐噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。地崩山摧壮士死，然后天梯石栈相钩连。上有六龙回日之高标，下有冲波逆折之回川。黄鹤之飞尚不得过，猿猱欲度愁攀援。青泥何盘盘，百步九折萦岩峦。扪参历井仰胁息，以手抚膺坐长叹。问君西游何时还？畏途巉岩不可攀。但见悲鸟号古木，雄飞雌从绕林间。又闻子规啼夜月，愁空山。蜀道之难，难于上青天，使人听此凋朱颜！连峰去天不盈尺

原创 JQ attr和prop区别

亲测prop和attrselec给option设置默认选中使用attr就第一次生效prop就可以 不知道什么原因有没有大佬答疑解惑

原创 Git commit以后 销毁commit

修改了本地的代码，然后使用：git add filegit commit -m '修改原因'执行commit后，还没执行push时，想要撤销这次的commit，该怎么办？解决方案：使用命令：git reset --soft HEAD^这样就成功撤销了commit，如果想要连着add也撤销的话，–soft改为–hard（删除工作空间的改动代码）。命令详解：HEAD^ 表示上一个版本，即上一次的commit，也可以写成HEAD~1如果进行两次的commit，想要都撤回，可以使用HEAD~

原创 身份证 获取年龄 出生日期 性别

function IdCard(UUserCard, num) { if (num == 1) { //获取出生日期 birth = UUserCard.substring(6, 10) + "-" + UUserCard.substring(10, 12) + "-" + UUserCard.substring(12, 14); return birth; } if (num == 2) { //获取性别

原创 TypeError: Cannot read property ‘tapPromise‘ 问题

发现是CompressionWebpackPlugin版本过高导致1.首先卸载高版本的compression-webpack-plugin，执行命令：npm uninstall compression-webpack-plugin2.再安装指定版本执行命令npm i compression-webpack-plugin@6.1.1 --save-dev之后在执行就没有问题了...

原创 js面试题

JavaScript的typeof返回的那些数据类型objectnumberfunction booleanundefindstringsymbolbigint例举三种强制类型转换和二种隐式类型转换强制（toStringtoNumber

转载 小程序没有上传按钮问题

appid和要上传项目的appid不一致解决办法：１：先把文件备份一下２：重新创建一个小程序，填写正确的ＡＰＰＩＤ－－－做完这一步编辑器中应该就已经出现了“上传按钮”３：把刚才备份的文件覆盖过去。４：注意：app.json里面同样也有一个ＡＰＰＩＤ的配置项。要改成你正确的ＡＰＰＩＤ...

转载 GitLab上传本地项目

原创 HTML CSS面试题

面试题你做页面在那个浏览器上测试过？这些浏览器的内核分别是什么？IE：trident内核Firefox:gecko内核Safair（苹果浏览器）：webkit内核Opera（欧朋浏览器）:以前是presto内核，现已改用Blink内核Chrome：Blink内核每个HTML文件开头有一个很重要的东西Doctype知道这是干什么用的吗<!Dectype>声明在文档的最前面，​处于HTML的标签之前，此标签可告知浏览器文档使用哪种HTML或XHTML的...

原创 面试题

面试题什么是WebWorker？在哪些场景下需要使用WebWorker？WebWorker是h5中新增的WebAPI，用与启动一个独立的线程，主线程和分线程只能通过相互发送消息进行通信，当前端页面中有耗时很长的代码需要执行时，可以放在worker中执行，否则会卡塞主线程，影响用户体验。Websocket是什么？适于与那些网站？是一种双工通信技术，可以实现服务器主动向客户端发送数据如何优化网页打开的速度1.减少页面资源请求次数 合并图片 js css 2.对页面代码进行压缩 3.合理利用懒加载 4

原创 在浏览器地址栏输入一个网址，从敲下回车键，到页面完全加载完毕，中间都发生了什么？

1，如果地址栏中输入的是一个域名，浏览器会先使用自己的DNS缓存进行域名解析，转为IP地址，如果缓存中不存在，则会请求使用上层DNS（操作系统的DNS），操作系统会先查询本地HOST文件，如果HOST文件中不存在则会使用网络设置的DNS进行域名解析。最终得到域名对应的IP地址。2，获得IP地址后，浏览器按照IP地址进行连接(tcp连接)，连接成功之后按照http协议的格式（请求行，请求头，请求头）发送http请求，服务器会返回响应报文（响应行，响应头，响应体），浏览器收到响应报文后，会根据响应头中...

原创 jq 添加自定义方法

min: function(a, b){return a < b?a:b; }, max: function(a, b){return a > b?a:b; } }); //为jquery扩展了min,max两个方法使用扩展的方法（通过“$.方法名”调用）：alert("a=10,b=20,max="+$.max(10,20)+",min="+$.min(10,20));...

转载 解决REFERENCEERROR: PRIMORDIALS IS NOT DEFINED问题 gulp

处理解决REFERENCEERROR: PRIMORDIALS IS NOT DEFINED问题原因 ：node版本和gulp版本冲突解决方法： 在package.json文件的同级目录下新建一个npm-shrinkwrap.json文件里面需要包含{ "dependencies": { "graceful-fs": { "version": "4.2.3" } } }执行 ：npminstall注意这个文件在执行过一次npm install以后，下次再执行就没有效...

原创 js 页面全屏

//该方法要有点击事件触发才能实现全屏效果function launchFullScreen(element) { /* 处理全屏*/ // 先检测最标准的方法 if (element.requestFullScreen) { element.requestFullScreen(); } else if (element.mozRequestFullScreen) { // 其次，检测Mozilla的方法 ele

转载 2020-12-25

首先要知道什么是伪数组?**伪数组就是像数组的对象,**举个例子:obj={“0”:“zhang”,“1”:18,length:2}这个就是伪数组,含有length属性[].slice.call(obj)这个等于Array.protype.slice.call(obj)slice会把通过索引位置获取新的数组，该方法不会修改原数组，只是返回一个新的子数组.call会把this的指向改为传进去的objvar newArr=[].slice.call(obj)Array.form(obj)

原创 uni-app的背景图片路径问题

uni-app的背景图片路径问题

原创 uni-app 部署到小程序 修改swiper的样式

​​​​​​/* uni-app *//deep/ .uni-swiper-dots-horizontal{ left: 90%;}/* wx *//deep/ wx-swiper .wx-swiper-dots-horizontal{ left: 90%;}使用/deep/然后把uni替换成wx

原创 :class :style

uni-app踩坑style， class不支持绑定Obejct变量（使用字符串的形式绑定）解决方法：我是通过三目运算符来强行判断的不知道各位大佬有没有更好的解决方法

转载 uni-app 刘海屏遮盖问题

刘海屏 遮盖问题 padding-top:var(--status-bar-height);`var(--status-bar-height)是计算状态栏的高度

转载 table iview this 问题

原创 页面刷新404 uni-app H5服务器

**manifest.json 下面配置 **h5" : { "router" : { // "mode" : "history" "mode" : "hash" },}

原创 对象数组去重 简单数组去重

unique(arr) { const res = new Map(); return arr.filter((arr) => !res.has(arr.value) && res.set(arr.value)); },其中arr是需要去重的数组aaa.value是需要去重的数组里面的对象 简单的数组去重可以使用 es6中的new Set 方法 ...

原创 uni-app tab遮盖问题

推荐使用最外层的view<view class="pageBottom bg"></view>.bg { height: 100vh; background: #fff; box-sizing: border-box;}.pageBottom { padding-bottom: 100upx;}