自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

海贼王某人的博客

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

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

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

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

2022-05-12 11:08:38 1934

原创 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 4828 3

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

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

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

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

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

2020-10-13 16:01:27 6099 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 4852 2

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

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

2020-08-04 09:55:58 3046

原创 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 6843 7

原创 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 11375

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

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

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

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

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

2020-04-16 21:40:42 19779 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 21856

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

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

2020-01-30 16:47:13 6363 2

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

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

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

原创 Vue封装路由跳转方法,vue-router对query传参进行加密解密

Vue封装路由跳转方法,vue-router对query传参进行加密解密

2023-09-12 16:44:28 848

原创 vue3路由跳转以及传参。和vue2路由跳转传参的区别

vue3路由跳转以及传参。和vue2路由跳转传参的区别,路由的安装和引入以及注册就不过多赘述,直接说区别和怎么跳转页面。

2023-08-31 10:13:13 333

原创 vue启动配置npm run serve,动态环境变量,根据不同环境访问不同域名

scripts里面就是我们的运行配置,当我们执行npm run dev的时候就会读取env.dev文件里面的配置,其他同理,需要运行test环境就用test,最后是我们的接口请求配置文件,request.js,import.meta.env.VITE_APP_BASE_UR这个就是引用env文件里面的域名了。env.dev就是dev环境的域名,.test就是test环境域名,其他同理,然后配置package.json文件。首先创建不同环境的配置文件,比如域名和一些常量,创建一个env文件,先看看文件目录。

2023-08-17 17:15:10 1055

原创 js使用replace保留两位小数,正则保留小数位,输入负数和小数正则自动校验

js使用replace保留两位小数,正则保留小数位,输入负数和小数正则自动校验。下面是方法,支持保留自定义小数位,这里使用的是截取,没有四舍五入,我的功能需求是只有两位小数的地方可以输入负数

2023-06-27 09:51:49 1216

原创 git 撤销中间某次提交,保留其他提交的方法

今天上班脑抽了,吧test直接合到了uat,因为项目近期就我一个人开发,自己拉个三个分支再改不同的东西,最后都是发到test分支发测试,发生产的时候一个个和嫌麻烦,直接吧test分支怼到了uat,结果生产就出问题了,之前同事改的代码合了test,但是还没改完,不能上生产,那怎么办,看看能否撤回他那次提交,试了很多办法都不行,最后还是解决了:当想撤销中间某次提交时,强烈建议使用revert命令,而不是reset。

2023-05-12 10:28:24 1727 1

原创 在echarts图表上添加一串文字或者标题,echarts地图上指定位置添加标题文字。

在echarts图表上添加一串文字或者标题,echarts地图上指定位置添加标题文字。,option 字段里面添加上title,就是我们自定义的标题了,这里支持样式和大小调节,还支持副标题title : {text : '合格分包商数量' , //主标题文本 subtext : '副标题文本' , //副标题文本 left : 'left' , // 标题距离左边位置,可以使用right bottom : "75px" , // 标题距离底部位置,可以使用top textStyle : {

2023-04-11 15:58:38 4519 2

原创 前端开发规范,你真的了解吗?一起来学习一下前端开发规范,让你的代码高级起来!

前端开发规范,你真的了解吗?一起来学习一下前端开发规范,让你的代码高级起来!动宾短语方法以get、post 开头,以 data 结尾(good:getListData、postFormData)(bad:takeData、confirmData、getList、postForm)事件方法(type-change、username-input)例如this.$on(‘item-click’,this.handleItemClick)

2023-03-01 10:00:00 2620

原创 前端开发环境配置,浏览器跨域配置,代码提交配置git等

前端开发环境配置,浏览器跨域配置,代码提交配置git等,打开chrome浏览器, 输入, 搜索cookies, 找到SameSite by default cookies和Cookies without SameSite must be secure两项, 设置为disabled, 重启浏览器即可。● 将JetbrainsCrack-2.7-release-str.jar文件复制到webstorm的安装目录的bin目录下。(注: 12版本及以下均可)使用90版本或者之前的版本。汉化插件参考(可选)

2023-02-28 15:05:14 721

原创 js数组扁平化并去除其中重复数据,最终得到一个升序且不重复的数组,js数组去重,js数组排序

js数组扁平化并去除其中重复数据,最终得到一个升序且不重复的数组,js数组去重,js数组排序,【代码】js数组扁平化并去除其中重复数据,最终得到一个升序且不重复的数组,js数组去重,js数组排序。

2023-02-10 17:28:53 399

原创 微信小程序打开微信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 3663 6

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

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

2023-02-07 14:17:34 24015 2

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

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

2023-01-10 15:25:35 1336 2

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

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

2023-01-06 15:50:31 558

原创 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 1855 2

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

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

2022-12-29 17:26:30 3823 1

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

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

2022-12-01 09:32:25 1061

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

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

2022-11-08 14:33:36 2078

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

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

2022-09-26 11:47:28 728

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

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

2022-09-19 14:30:27 5970

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

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

2022-09-19 11:36:38 1358

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

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

2022-08-25 10:15:40 1216

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

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

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

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

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

2022-08-01 14:26:36 2896 1

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

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

2022-07-22 17:00:36 4733

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

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

2022-07-13 11:48:37 23090

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

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

2022-07-04 10:37:23 825

原创 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 271

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关注的人

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