自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

海贼王某人的博客

最强的武器是什么?没错!就是补丁!

  • 博客(165)
  • 资源 (4)
  • 收藏
  • 关注

原创 js锚点跳转添加过度动画,vue锚点跳转js添加平滑过度效果

js锚点跳转添加过度动画,vue锚点跳转js添加平滑过度效果

2022-05-12 11:08:38 984

原创 VUE经典面试题2022年,面试常用题

v-for为什么要加key 值?vue组件高度复用增加Key可以标识组件的唯一性,为了更好地区别各个组件,key的作用主要是为了高效的更新虚拟DOM。v-if和v-for 不能同用的原因?当 v-if 与 v-for 一起使用时,v-for 具有比 v-if 更高的优先级,这意味着 v-if 将分别重复运行于每个 v-for 循环中,所以不推荐v-if和v-for同时使用,可以把list放在计算属性中遍历v-model的实现原理是什么?v-model主要提供了两个功能,view层输入值影响data

2022-03-30 17:28:15 3248 3

原创 微信小程序2021年经典面试题总结

1.小程序与原生App哪个好?小程序的优点:基于微信平台开发,享受微信本身自带的流量,这个是最大的优势无需安装,只要打开微信就能用,不占用用户手机内存,体验好开发周期短,一般最多一个月可以上线完成开发所需的资金少,所需资金是开发原生APP一半不到小程序名称是唯一性的,在微信的搜索里权重很高容易上手,只要之前有HTML+CSS+JS基础知识,写小程序基本上没有大问题;当然如果了解ES6+CSS3则完全可以编写出即精简又动感的小程序;基本上不需要考虑兼容性问题,只要微信可以正常运行的机器,就可以

2021-06-25 18:01:53 3243 4

原创 微信小程序夜间模式,实现更换皮肤,切换白天黑夜模式,简单易懂

先看下效果图吧:夜晚模式样式:白天正常样式:先讲一下具体的思路和实现方法吧,我这个功能是项目已经上线一年后才提出要加上去的,由于页面比较多,重构wxSS太费力了,就选了简单粗暴的方式,直接另外给一套夜间模式的单独样式,吧白天的样式给覆盖掉,用户在点击模式切换的时候,直接设置一个全局变量‘idDark’存入到缓存中,然后在去到每一个页面的时候,在onShow方法里面读取一下当前的’isDark’值,判断当前是否为夜间模式,如果是就显示夜间模式样式,如果不是就正常显示就ok,这里皮肤设置其实修改的全是

2020-10-13 16:01:27 4517 8

原创 如何搭建Vue开发环境以及创建一个vue项目到运行全过程简单易懂!

第一步:安装Node.js和npm官网下载:https://nodejs.org/en/download/下载好了安装一直点就好了,npm不要再次安装,node安装包里面自带的有,安装完成在cmd 命令输入 node -v npm -v 回车查看,如下图看到版本号即为安装成功。 第二步: 安装cnpmcnpm和npm的区别就在于下载路径不一样,cnpm走的是国内下载路径,很快,但npm 走的是国外的,下载速度要慢很多,建议使用cnpm但不是必须使用,安装直接在cmd命令里面继续输入

2020-08-26 10:57:19 3178 2

原创 vue绑定的数据发生了变化页面显示没有刷新解决办法!

在vue开发的时候最常遇到的问题就是我们通过methodsethods里面的方法改变了data里面数据的值,我们发现在js里面这个数据已经改变了,但页面渲染数据时却还是之前的状态,这个问题最常见的解决方案:方案一:深浅拷贝数据赋值时发生了问题深浅拷贝不多讲了,不懂得可以去看下面这篇文章或者自己先去学习了解一下:JavaScript深浅拷贝最简单的例子let arr = this.dataListjs逻辑处理完arr后在this.dataList = arr给dataList赋值;这样虽然确实改变

2020-08-04 09:55:58 2652

原创 vue绑定键盘事件enter,ctrl+enter,alt+enter以及其他组合键的使用。

最近项目需要im在线聊天功能,消息发送enter键,换行ctrl+enter,找了很多资料才解决,结合自己理解也扩展了一些内容,希望可以帮大家解决问题:下面是HTML代码<el-input @keydown.enter.native="keyDown" type="textarea" :rows="4" class="text-input" placeholder="请输入内容" v-model="textarea"></el-input>下面是js代

2020-07-30 18:23:52 4930 6

原创 element-UI里table设置默认高亮一行或者选中某一行

本方案支持颜色自定义,高亮行数自定义,可高亮多行,可定义多个颜色,主要实现方式是css样式,代码简单易懂,下面看效果和代码吧:当前效果:预期效果:代码:这是HTML代码 绑定这个属性:row-class-name=“tableRowClassName”<el-table:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"> <el-table-column prop="d

2020-07-07 16:39:06 9163

原创 elementUI radio修改单选框多选框选中样式及自定义其他样式。

最近vue开发,遇到一个页面样式上的问题,单选框和多选框的样式显示问题,看下图片吧:这是官方组件的显示效果,项目效果需求如下图找了很多资料,最后终于解决了,边看代码边解释吧:这里的.right是我自定义的类名,父盒子,我的单选组是直接放在这个盒子里面的,下面的写法是vue的scss写法,不懂得可以先去了解一下; .right{ width: 40%; border-bottom: 1px solid #cacaca;

2020-06-03 12:20:50 10937 1

原创 uni-app返回上一层页面后数据刷新重置解决办法,uni-app页面不刷新,强制刷新页面方法!

最近使用uni-app开发的项目比较多,过程中也遇到了很奇怪的问题,最后在CSDN和百度上面找的答案大都不靠谱,要么实现不了效果,要么就是复杂到看不下去。页面跳转后返回之前页面数据重置全部刷新了这个问题很头疼,从a页面去b页面办了点事,回到a页面时之前的数据没了,页面重置了怎么办,网上说设置常量,设置缓存,引入JS文件等等等等,这些确实是办法,但我告诉你一个极其简单的办法。把路由页面跳转时用......

2020-04-16 21:40:42 13954 17

原创 uni-app路由跳转以及页面传参的方法

路由跳转uni-app官方给的路由跳转常用方法有以下三个;1.uni.navigateTo保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。,注意这里只用于跳转到子页面哦,tabbar跳转不要用这个,用switchTab。用法代码示例uni.navigateTo({ url: '/pages/notice/notice'})2.uni.......

2020-04-14 18:10:34 15301

原创 浅谈前端是否需要精通JS三大框架,vue,angular,react。

这是一个前端经常会思考的问题,下面是我收集的一些来自五湖四海的同行的看法,大家可以参考一下,仅供产靠哦!一位来自火星的程序员说道:没有必要,无论是大厂或者一般公司的招聘对框架的要求是熟悉或者至少掌握vue,react,angular中的一门,而且一般在大厂里每个团队的技术框架相对来说比较稳定,一般会挑选一门主要的技术框架,其它的作为辅助,除非有重大原因,否则一般不会轻易变更主要技术栈。我觉得作......

2020-01-30 16:47:13 5788 1

原创 HTML和HTML5,css和css3的区别,ES5和ES6的区别有那些?

HTML和HTML5的区别:其实说白了,就是ES5和ES6的区别,无非就是换汤不换药,其实这个说法也不太对,是加了一些调料而已,HTML是前端搭建页面的必须品,但是随着人们开发的需求和速度,后期维护和代码可读性,各个方面的需求不断增加,会发现HTML里面的一些标签满足不了,所以就更新换代,不断的更具需求整合添加了一部分新的元素标签进来,其中常用的有如下这些,如有不全请谅解,仅供参考:新增的结构......

2020-01-27 13:15:50 7350 1

原创 微信小程序打开微信H5页面,体验版可打开,生产环境访问失败,无法访问该页面

这里的校验文件只需要放在域名根目录下即可,比如我们要访问https://www.baidu.com,那校验文件就放在https://www.baidu.com/testFile.txt,这个校验完成后我们就可以访问此域名下的网页了,比如https://www.baidu.com/h5/index,或者https://www.baidu.com/test_h5,在绑定了域名,子域名都可以访问的,还有不明白的可以在下方留言。解决办法,在小程序后台找到开发管理,开发设置,往下拉,找到业务域名配置。

2023-02-08 09:41:24 2

原创 通过weixin://dl/business/?t=打开微信小程序

通过weixin://dl/business/?t=打开微信小程序,我这里用的uni-app,所以请求用的uni.request,其他的同理,比如ajax和axios,不多赘述。

2023-02-07 14:17:34 14

转载 2022凛冬之时三年经验前端面经

面试官让你自我介绍,而且不限定自我介绍的范围,肯定是面试官想从你的自我介绍中了解到你,所以介绍一定要保证简短和流畅,面对不同的面试官,自我介绍的内容可以是完全一样的,所以提前准备好说辞很重要,并且一定要注意:不要磕磕巴巴,要自信!流畅的表达和沟通能力,同样是面试官会对候选人考核点之一。我也曾当过面试官,自信大方的候选人,往往更容易受到青睐。1、个人介绍(基本情况),主要的简历都有了,这方面一定要短2、个人擅长什么,包括技术上的和非技术上的。技术上可以了解你的转场,非技术可以了解你这个人。

2023-01-10 15:25:35 100

原创 html内容无法复制,将页面内容设置为无法复制的属性,前端把网站内容设置成无法复制的状态,CSS禁止文字选择user-select属性,设置文本内容为只读状态

html内容无法复制,将页面内容设置为无法复制的属性,前端把网站内容设置成无法复制的状态,CSS禁止文字选择user-select属性,设置文本内容为只读状态,加了上面一串代码后,我们的body里面的所有内容将无法被复制,接下来详细看看user-select的其他属性。

2023-01-06 15:50:31 42

原创 element-ui之el-dialog弹框内容无法复制的问题解决,el-dialog弹框内容不等复制,el-table表格内容无法复制问题

element-ui之el-dialog弹框内容无法复制的问题解决,el-dialog弹框内容不等复制,el-table表格内容无法复制问题看一下解决后的效果,内容是可以被复制的,之前是无法复制的,看一下问题就出在下面这窜代码上,吧这个代码注释掉就可以复制了,相对的,如果不希望内容被复制的话,就加上这个属性user-select: none;这个代码的意思就是样式内的元素将无法被选中,也就是不能复制。

2023-01-06 15:38:43 135 2

原创 element-ui之el-select下拉选择器树形选择器的使用方法

element-ui之el-select下拉选择器树形选择器的使用方法,由于官方案例比较麻烦,而且说明也比较少,新手拿来还要研究一下,我用完后直接给简化了,复制去直接可以用,吧字段含义简单阐述一下,直接上代码吧。

2022-12-29 17:26:30 219

原创 前端页面置灰实现方法,整个页面置灰效果css,页面灰色样式

那么具体我们项目中怎么实现呢?看看下面的代码,应该大部分是可以实现的,至少我所负责的项目,移动端和pc端是实现了相应的效果,pc端对于ie10及以下的版本,是无法兼容的,如果有哪位大佬可以兼容ie10,可以吧代码分享在评论区,一起帮助大家解决问题。看看效果图如下:页面变成灰色样式。

2022-12-01 09:32:25 514

原创 js数组排序,数组按照某个字段正序倒序排序方法,sort()

js数组排序,数组按照某个字段正序倒序排序方法,sort(),以上是处理的数组里面包含对象的数据结果,当然用来处理一些其他类型的数组数据也是非常方便的。比如后端返回了一个数组集合,需要吧默认选项放在第一条。输出结果:正序,从小到大依次排序。输出结果:倒序,从大到小依次排序。话不多说直接看案例哈。

2022-11-08 14:33:36 487

原创 js数字金额转大写,javaScript数字金额转大写。

【代码】js数字金额转大写,javaScript数字金额转大写。

2022-09-26 11:47:28 325

原创 vue大数据表格上万条数据,树型表格,解决el-table表格数据量过大渲染卡死的问题,使用umy-ui的大数据表格虚拟表格虚拟滚u-table解决。

vue大数据表格上万条数据,树型表格,解决el-table表格数据量过大渲染卡死的问题,使用umy-ui的大数据表格虚拟表格虚拟滚u-table解决。,先看看效果吧,拿实例说话,直接渲染四万多条数据不分页,树形表格可以展开。

2022-09-19 14:30:27 2180

原创 解决el-table表格打印错位,el-table打印时表格行错位问题,el-table数据过多打印行错位问题。

解决el-table表格打印错位,el-table打印时表格行错位问题,el-table数据过多打印行错位问题。,记录el-table打印时的一个小BUG,行错位的问题,先看看bug图,再看看解决后的效果图,最后奉上代码。

2022-09-19 11:36:38 542

原创 IOS低版本无法显示渐变色文字问题,iso不兼容渐变色文字问题

今天遇到一个兼容性问题,iso,12,13一下部分机型无法显示渐变色文字,正常手机显示如下:ISO如下:解决办法如下,你可以理解为兼容性问题,但是兼容性写法不一样可以解决:如果兼容性写法无法解决,试试下面的方法,主要原因就是display:block,不要用display:flex,父元素子元素避免使用display:flex,我就是使用了flex属性后导致IOS部分机型无法显示。

2022-08-25 10:15:40 411

原创 git代码管理工具SourceTree,代码提交分支管理代码拉取,神器啊,开发必备

git代码管理工具SourceTree,代码提交分支管理代码拉取,神器啊,开发必备~

2022-08-02 16:23:26 799 1

原创 一个简单的实例帮你彻底学会async和await的用法

一个简单的实例帮你彻底学会async和await的用法,但是接口请求并没有返回我们需要的数据,console.log(333333)正常执行,最后在我们异步执行完成后执行了console.log(222222),所以我们的代码并没有等异执行完在执行下面的同步操作,而是先执行了所有同步任务,最后执行了异步操作,这下明白了吗。,再来看看不加await输出结果。我们声明一个普通函数getDatas,这个函数里面写了一个异步请求,用来获取后台数据。...

2022-08-01 14:26:36 1435

原创 记录一下uni-app输入框input的@input事件失效问题

记录一下uni-app输入框input的@input事件失效问题

2022-07-22 17:00:36 1948

原创 Cannot create property ‘xxx参数名‘ on string 这个问题结局办法

Cannot create property 'xxx参数名' on string 这个问题结局办法,前端开发,vue开发中遇到的小问题

2022-07-13 11:48:37 7977

原创 js时间格式转化处理,vue.js时间转化为今天,明天,后天显示

js时间格式转化处理,vue.js时间转化为今天,明天,后天显示

2022-07-04 10:37:23 419

原创 git常用指令,小白专属,远程代码拉取,本地代码提交,分支关联,代码冲突解决等

git常用指令,小白专属,远程代码拉取,本地代码提交,分支关联,首先需要新建一个文件夹,本地需要安装了git才可以,然后反键点击 git bash here,打开命令窗口然后依次输入以下指令git init // 初始化gitgit remote add origin http://git.baidu.com.cn/etb-fe/srt.git // 关联远程仓库git fetch origin dev // 关联远程分支 (dev)需要哪个分支就把dev改成对应的分支名称即可...

2022-06-21 10:16:44 159

原创 css高度根据宽度自适应显示,按比例显示宽高

在项目中,我们经常遇到这样的需求,高度或者宽度需要按照比例显示,这时候就可以使用aspect-ratio属性解决问题,也可以使用padding-top: 解决// padding-top.container { width: 100%; padding-top: 50%;}// aspect-ratio 例:宽100,高50.container { width: 100%; aspect-ratio: 2 / 1;}.container { height: 100%;

2022-05-31 11:48:12 1573 1

原创 js数字添加千分位符号,并保留两个小数位

js数字添加千分位符号,并保留两个小数位

2022-05-16 15:59:29 1516

原创 js回到顶部,带过渡动画效果

先来看看实现的效果: js点击回到顶部添加过渡动画效果 这里我就直接贴js代码了,html代码我就不写了,就是回到顶部按钮的一个点击事件,我用的vue,this.myTimer是data函数里面的一个变量,你可以自己声明一个变量,主要是用做定时器的代码如下:toTop() { // 返回顶部,添加过度动画,如果下拉距离超过10000,就统一0.8秒回到顶部,否则按默认速度

2022-05-12 10:30:00 1041

原创 div横向超出可滚动,自动添加滚动条,自定义滚动条样式,

先看一下最终的效果图吧:第一种文字内容超出显示滚动条:父盒子:横向超出滚动:overflow-x: scroll;.box { width: 100%; box-sizing: border-box; overflow-x: scroll;}子盒子:内容不换行 white-space:nowrap;.item { white-space:nowrap;}实现效果,超出滚动:如下图:这个会发现即使内容没超出还是有滚动条占位如下图:这里吧**overflow-x:

2022-05-11 14:32:15 4564

原创 vue实现锚点定位跳转,a标签实现锚点定位跳转

先看一下效果图,点击右侧导航栏,左侧显示相应的版块内容 a标签锚点定位跳转 看代码,我这里用的循环,原理很简单,a标签绑定需要跳转到内容div的id,每一个内容div绑定一个唯一id,即可实现点击跳转 <!-- 右侧悬浮导航栏 --> <div v-for="(item,indext) in fixList" :key="indext">

2022-05-10 10:14:05 1625

原创 手写一张图,帮你理解JS的深浅拷贝及底层原理

手写一张图,配合图文讲解看的一目了然,写的有点丑,看懂内容就行1.我们需要了解js的内存分为栈内存和堆内存,栈内存中存放的是简单数据类型,还有堆内存中复杂数据类型的引用地址,堆内存中存放的就是复杂数据类型就是我们常说的object;2.我们声明了五个简单数据类型,a=Number,b=String,c=Boolean,d=Undefined,e=Null,可以看到都是直接以键值对的形式储存在栈内存中了,这里漏掉了一点,简单提醒一下,简单数据类型的赋值不存在浅拷贝3.我们声明了一个对象f = {g:2,

2022-04-19 09:30:44 102

原创 微信小程序实现分页加载,触底加载下一页,滚动加载

这里我就不写wxml了,就是一个列表循环,直接看js代码逻辑,注释都写在代码后面了,这个方法可以实现无限滚动加载,直到加载完最后一条数据,也可以实现触底没数据后,二次触底可以从新加载刷新,学废了就给个三联把,感谢! data: { orderList: [], pageSize: 10, pageNum: 1, }, /** * 上拉触底 onReachBottom微信自带的触底函数 */ onReachBottom: function () {

2022-03-31 16:47:21 1375

原创 手机浏览器打开微信小程序,支持外部浏览器跳转到小程序

第一步生成小程序的跳转链接,进入微信公众平台,找到工具,生成跳转用到的URL 如下图:参数可以不用传,点击生成后,复制链接,放在微信聊天记录里面可以直接点击打开,也就是说在微信环境内可以打开,微信H5也可以,如下图:点击连接后放在外部浏览器中打开,直接给一个超链接:点我去微信小程序,这个链接在网页中任何一个地方都可以,亲测有效。点击后会如下图:先点击取消程序,页面下方会出现跳转链接,点击后直接打开微信然后自动打开小程序学废了记得点个三联哦·~~~......

2022-03-26 14:02:57 14590 5

原创 微信小程序分享到朋友圈onShareTimeline()传参及接参

代码如下:// index.js onShareTimeline: function () { return { title: '我是分享后显示的标题', // 可不填 query: 'id=123', // 可不填 传递的参数,只能是这种格式 imageUrl: 'https://www.baidu.com/my/active3.png' // 可不填,可以是网络路径也可以是本地路径,分享到朋友圈显示的图标 } }, /

2022-03-26 10:01:47 3693

miniprogram_dist.zip

小程序生成海报组件源码压缩包!

2021-07-03

JS实现XML转JSON格式互转压缩包

这个文件适用于把XMl格式数据转化为JSON对象格式,也可以反向互转

2021-06-10

vue脚手架与项目安装.doc

前端vue开发配置本地开发环境node+webpack+cnpm+vue,配置环境到创建第一个项目并在本地运行,喜欢的小伙伴记得点个赞就行,里面是配置文档,照着一步一步来即可,很方便

2020-12-17

json_exl.zip

支持json格式转化为excel下载到本地,支持线上,支持本地,ip地址需自行配置,在config下面的index文件里面,配置好了直接用,有文档说明!

2020-07-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除