前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！

原创 字体库显示不全

问题效果初步解决：原本是线上的字体库，切换到线下，未解决求大佬解答

原创 超出堆栈大小报错

原因：查看代码是否递归，或者重定向，导致无限循环，导致内存超过堆栈

原创 js基础笔记（个人）

基本数据类型number，string，boolean，undefined，null，ES6（symbol，bigint）引用数据类型function ，object：数组对象【】，普通对象{}，正则对象/^$/，日期对象Date等等内置对象浏览器常用内核常用的webkit，还有火狐=>gecko，IE=>trident内核 bink内核等等数据类型的区别基本数据类型是按值操作的，值存储在栈内存中，引用数据类型是按照堆内存的地址来操作的，我们需要把对象的键值对存储在堆内存中，我

原创 去除a标签的默认点击灰色背景

直接上代码：a, a:hover, a:active, a:visited, a:link, a:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; background: none; text-decoration: none; }

原创 uniapp报错：plus is not defined

原因：不能使用浏览器进行调试,仅能用手机调试,app内置了一个支持html5+的内核,该内核支持plus对象.所以没有plus库,也不用需要引用库.可能是因为手机上的硬件跟电脑上的不一样，系统也不一样的原因。...

原创 码云创建SSH仓库链接：最详细教程

第一步：创建ssh密匙命令：ssh-keygen -t rsa -C "你的码云邮箱"一直敲回车The key fingerprint is:SHA256:Mdk3XCRtPHfk5Q/9/fqrALmP15fq70TyiSuybpUKOZI 你的码云邮箱The key's randomart image is:+---[RSA 2048]----+| .+o.o|| o . o=++|| + . +..o=||

原创 change事件传参

cahnge事件传参如果是单独的传event不用传参<input type="text" value="" @change='cak'/>cak（）{console.log(e)}**如果传有其他值 **<input type="text" value="" @change='cak（a，event）'/>cak（a）{console.log(a)console.log(e)}...

原创 uniapp的nav导航栏下划线问题

未解决前：解决后：解决代码**:border-bottom='false'**<u-navbar :is-back="false" title="发布活动" :border-bottom='false'> </u-navbar>

原创 uniapp轮播图高度随变和左右滑动也获取高度

排版代码<view class="zonglistSwiperHeight" :style="{'height': swiperHeight +'px'}">//tab栏 <view> <u-tabs-swiper ref="uTabs" :list="list" :is-scroll="false" :current="current" @change="tabsChange" swiperWidth="750"></u-tabs-swiper&

原创 express设置跨域报错

问题代码：解决代码

原创 uniapp禁止手动滑动轮播

在swiper-item上添加@touchmove.stop则不会滑动 <swiper class="listSwiperHeight" ref="listHeight" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish"><swiper-item class="swiper-item" @change='newON()' @touchmove.stop>&l

原创 input层级过高穿透的解决方案！！！

未解决之前：解决之后：因为微信小程序默认就是原生组件camera、canvas、input（仅在focus时表现为原生组件）、live-player、live、pusher、map、textarea、video的层级是最高的，官方的解决方案也不行，最后通过几行代码解决。把下面那个层级较低的盒子，给他固定定位，定位到屏幕下方，层级设高一点就行了 position: fixed; left: 0; bottom: 0; z-index: 9999;...

原创 git命令一些坑！！！

采用https方式进行上传代码：这里是引用Username for ‘https://gitee.com’:自己的邮箱Password for ‘https://自己的邮箱@gitee.com’:密码{密码填了不提示，保护隐私而已}

原创 uniapp转微信小程序编译报错 Bad attr `data-event-opts` with message

Bad attr `data-event-opts` with message> 1 | <view class="activityContent data-v-74e8dc3a">> <view class="poster_img_outside data-v-74e8dc3a" data-event-opts="{{index==setdata?animdata:{}}}">> <image src="{{imgSrc}}" mode class=

原创 vscode摸鱼插件！！！

第一款：韭菜盒子 /vscode-stocks看股票走势。第二款：daily-anime喜欢二次元，喜欢动漫，番剧的更新。第三款：read-vscode-e/Thief-Book/网易云阅读可以一边敲代码一边看小说。第四款：vsc-netease-music可以听音乐。第五款：vscode-maxPlus浏览游戏资讯。第六款：vscode-leetcode刷算法。第七款： Zhihu On VScode刷知乎。第八款：fakeupdate模仿各种电脑系统。第九款：毒鸡汤扎心

原创 uniapp动态获取swiper的高或宽

在布局设置一下高度为动态的 <swiper class="tabs" @change="swipers" :current="actvic" :style="'height: ' {{ height}}'px;'"> </swiper> 声明height函数 data() { return { height: 500, } },

原创 uniapp转小程序黄色警告！！！

Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./pages/founding/founding.wxss:288:3)This wxss file is ignored.黄色警告根源：解决方案：

原创 javascript语言ES5版本详解（一）

javascript语言ES5版本详解（一）如果大家觉得哪里写的不对可以指出问题，共同学习，共同进步！！！JavaScript 由 ECMA（欧洲电脑制造商协会）通过 ECMAScript 实现语言的标准化。ECMAScript 6 也称为 ECMAScript 2015。（也就是大家俗称的ES6）ECMAScript 7 也称为 ECMAScript 2016。（也就是大家俗称的ES7）不过今天要讲的是ES5讲讲入门的知识！！！HTML 定义网页的内容 CSS 规定网页的布局 JavaScr

原创 模糊查询代码！！！！

原创 详细讲解uniapp转小程序分包教程！！！

1.分包小程序主包或分包不能超过2M，总包大小不能超过16M，分包还可以优化小程序的首次启动时间。分包前后对比分包前分包后小程序分包预加载我们在第一次加载分包中页面时，通常会提示“正在加载模块”,影响用户体验！！！uniapp分包配置对manifest.json文件进行配置一下,参考官网，在manifest配置以下节点，可以在App端启动分包。"app-plus": { "optimization": { "subPackages": true }, "r

原创 Property or method “toJSON“ is not defined on the instance but referenced during render.

Property or method “toJSON” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.翻译：属性或方法“toJSON”未在实例上定义，但在呈现过程中被引用。通过

原创 前端学习文档

javascript文档es5http://yanhaijing.com/es5/#nulles6https://es6.ruanyifeng.com/es6兼容性问题https://segmentfault.com/a/1190000005128101es7https://github.com/w3c-html-ig-zh/es7es7详解https://www.jianshu.com/p/13c5d002478bes8https://www.html.cn/archives/99

原创 HbuilderX鼠标突然变成下划线！

按下键盘上的insert键即可恢复正常！！！

原创 通俗易懂讲解为什么设计稿都是750px！！！

相信很多做前端的有时候很好奇为什么设计稿都是750px，查了好多资料也懵懵懂懂的，我也是这样的，经过自己查阅文档，我将自己理解的告诉大家，不妥之处请大神指出，将十分感谢！！！第一点：手机像素手机像素是逻辑像素也就是pt，1pt等于2px第二点：物理像素设计稿普遍给的都是物理像素，也就是px第三点：为什么不给pt像素呢因为css像素普遍使用率最高就是px像素，苹果手机屏幕为二倍高清屏，显示更为清晰第四点：为什么没有比750还大的设计稿呢因为人类的视觉分辨最大就是750，给在大的设计稿在手机上你

原创 js屏幕自适应设置根字体大小代码

<script> // 设置成自调用函数 传入window，跟document ((win,doc)=>{ // doc需要传进去的参数 所以使用变量命名的方式赋函数 let res=()=>{ // 当前代码是获取可视窗口的宽度 除以16 16是默认字体大小 let width=doc.documentElement.clientWidth/16; // 设置html根字体大小 doc.getElementsBy.

原创 聊一聊像素单位的那些事？

px相对单位页面中最常用的em相对于父级文字大小进行换算的.btn{font-size:20px;}.btns{width:3em;}上面代码：btn是btns的父级，宽度3em等于3*20pxrpx微信小程序中的自适应单位，可以适配屏幕大小1rpx=2pxvh相对于屏幕来说的，1vh就是屏幕高度的百分之一vw相对于屏幕来说的，1vw就是屏幕宽度的百分之一upxuniapp中的单位，和rpx一个性质rem相对于根字体大小...