- 博客(178)
- 资源 (4)
- 收藏
- 关注
原创 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 4943 3
原创 微信小程序2021年经典面试题总结
1.小程序与原生App哪个好?小程序的优点:基于微信平台开发,享受微信本身自带的流量,这个是最大的优势无需安装,只要打开微信就能用,不占用用户手机内存,体验好开发周期短,一般最多一个月可以上线完成开发所需的资金少,所需资金是开发原生APP一半不到小程序名称是唯一性的,在微信的搜索里权重很高容易上手,只要之前有HTML+CSS+JS基础知识,写小程序基本上没有大问题;当然如果了解ES6+CSS3则完全可以编写出即精简又动感的小程序;基本上不需要考虑兼容性问题,只要微信可以正常运行的机器,就可以
2021-06-25 18:01:53 3705 4
原创 微信小程序夜间模式,实现更换皮肤,切换白天黑夜模式,简单易懂
先看下效果图吧:夜晚模式样式:白天正常样式:先讲一下具体的思路和实现方法吧,我这个功能是项目已经上线一年后才提出要加上去的,由于页面比较多,重构wxSS太费力了,就选了简单粗暴的方式,直接另外给一套夜间模式的单独样式,吧白天的样式给覆盖掉,用户在点击模式切换的时候,直接设置一个全局变量‘idDark’存入到缓存中,然后在去到每一个页面的时候,在onShow方法里面读取一下当前的’isDark’值,判断当前是否为夜间模式,如果是就显示夜间模式样式,如果不是就正常显示就ok,这里皮肤设置其实修改的全是
2020-10-13 16:01:27 7020 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 5452 3
原创 vue绑定的数据发生了变化页面显示没有刷新解决办法!
在vue开发的时候最常遇到的问题就是我们通过methodsethods里面的方法改变了data里面数据的值,我们发现在js里面这个数据已经改变了,但页面渲染数据时却还是之前的状态,这个问题最常见的解决方案:方案一:深浅拷贝数据赋值时发生了问题深浅拷贝不多讲了,不懂得可以去看下面这篇文章或者自己先去学习了解一下:JavaScript深浅拷贝最简单的例子let arr = this.dataListjs逻辑处理完arr后在this.dataList = arr给dataList赋值;这样虽然确实改变
2020-08-04 09:55:58 3245
原创 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 7842 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 11983 1
原创 elementUI radio修改单选框多选框选中样式及自定义其他样式。
最近vue开发,遇到一个页面样式上的问题,单选框和多选框的样式显示问题,看下图片吧:这是官方组件的显示效果,项目效果需求如下图找了很多资料,最后终于解决了,边看代码边解释吧:这里的.right是我自定义的类名,父盒子,我的单选组是直接放在这个盒子里面的,下面的写法是vue的scss写法,不懂得可以先去了解一下; .right{ width: 40%; border-bottom: 1px solid #cacaca;
2020-06-03 12:20:50 14094 1
原创 uni-app返回上一层页面后数据刷新重置解决办法,uni-app页面不刷新,强制刷新页面方法!
最近使用uni-app开发的项目比较多,过程中也遇到了很奇怪的问题,最后在CSDN和百度上面找的答案大都不靠谱,要么实现不了效果,要么就是复杂到看不下去。页面跳转后返回之前页面数据重置全部刷新了这个问题很头疼,从a页面去b页面办了点事,回到a页面时之前的数据没了,页面重置了怎么办,网上说设置常量,设置缓存,引入JS文件等等等等,这些确实是办法,但我告诉你一个极其简单的办法。把路由页面跳转时用......
2020-04-16 21:40:42 21154 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 23925 1
原创 浅谈前端是否需要精通JS三大框架,vue,angular,react。
这是一个前端经常会思考的问题,下面是我收集的一些来自五湖四海的同行的看法,大家可以参考一下,仅供产靠哦!一位来自火星的程序员说道:没有必要,无论是大厂或者一般公司的招聘对框架的要求是熟悉或者至少掌握vue,react,angular中的一门,而且一般在大厂里每个团队的技术框架相对来说比较稳定,一般会挑选一门主要的技术框架,其它的作为辅助,除非有重大原因,否则一般不会轻易变更主要技术栈。我觉得作......
2020-01-30 16:47:13 6569 2
原创 HTML和HTML5,css和css3的区别,ES5和ES6的区别有那些?
HTML和HTML5的区别:其实说白了,就是ES5和ES6的区别,无非就是换汤不换药,其实这个说法也不太对,是加了一些调料而已,HTML是前端搭建页面的必须品,但是随着人们开发的需求和速度,后期维护和代码可读性,各个方面的需求不断增加,会发现HTML里面的一些标签满足不了,所以就更新换代,不断的更具需求整合添加了一部分新的元素标签进来,其中常用的有如下这些,如有不全请谅解,仅供参考:新增的结构......
2020-01-27 13:15:50 7931 1
原创 html2canvas页面内容生成图片,并解决图片清晰度模糊问题,亲测有效
直接看需求,需要把下面的预览效果图生成图片并保存到本地已实现此功能,成功保存到本地截下来上代码。
2024-11-29 15:34:09 248
原创 vue使用video播放视频跨域问题“has been blocked by CORS policy: No ‘Access-Control-Allow-Origin
起因:项目需要加一个视频播放功能,线上资源和网页url不是一个域名,导致跨域了无法播放,报错。我真的服了,网上答案十个九个都是错的,那些人发出来的东西自己都不验证一下吗,多了一个 i 让我好找啊,最后还是解决了,如果你用crossOrign无法解决就把 i 加上吧,我也不知道什么原因,反正的我不加 i 就可以播放了,记录一下这个大坑。注意:是crossOrign=“anonymous”,不是crossOrigin=“anonymous”
2024-07-31 09:57:55 1072
原创 js全国省市区JSON数据(全)
AreaJson 就是全国省市区的具体数据信息,下面我自定义了一些方法,获取数据用的,不需要的可以删掉,只拿JSON内的数据即可。
2024-05-22 09:19:22 1932
原创 Vue封装路由跳转方法,vue-router对query传参进行加密解密
Vue封装路由跳转方法,vue-router对query传参进行加密解密
2023-09-12 16:44:28 1546
原创 vue3路由跳转以及传参。和vue2路由跳转传参的区别
vue3路由跳转以及传参。和vue2路由跳转传参的区别,路由的安装和引入以及注册就不过多赘述,直接说区别和怎么跳转页面。
2023-08-31 10:13:13 520
原创 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 1704
原创 js使用replace保留两位小数,正则保留小数位,输入负数和小数正则自动校验
js使用replace保留两位小数,正则保留小数位,输入负数和小数正则自动校验。下面是方法,支持保留自定义小数位,这里使用的是截取,没有四舍五入,我的功能需求是只有两位小数的地方可以输入负数
2023-06-27 09:51:49 2234
原创 git 撤销中间某次提交,保留其他提交的方法
今天上班脑抽了,吧test直接合到了uat,因为项目近期就我一个人开发,自己拉个三个分支再改不同的东西,最后都是发到test分支发测试,发生产的时候一个个和嫌麻烦,直接吧test分支怼到了uat,结果生产就出问题了,之前同事改的代码合了test,但是还没改完,不能上生产,那怎么办,看看能否撤回他那次提交,试了很多办法都不行,最后还是解决了:当想撤销中间某次提交时,强烈建议使用revert命令,而不是reset。
2023-05-12 10:28:24 2751 1
原创 在echarts图表上添加一串文字或者标题,echarts地图上指定位置添加标题文字。
在echarts图表上添加一串文字或者标题,echarts地图上指定位置添加标题文字。,option 字段里面添加上title,就是我们自定义的标题了,这里支持样式和大小调节,还支持副标题title : {text : '合格分包商数量' , //主标题文本 subtext : '副标题文本' , //副标题文本 left : 'left' , // 标题距离左边位置,可以使用right bottom : "75px" , // 标题距离底部位置,可以使用top textStyle : {
2023-04-11 15:58:38 6150 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 2930
原创 前端开发环境配置,浏览器跨域配置,代码提交配置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 788
原创 js数组扁平化并去除其中重复数据,最终得到一个升序且不重复的数组,js数组去重,js数组排序
js数组扁平化并去除其中重复数据,最终得到一个升序且不重复的数组,js数组去重,js数组排序,【代码】js数组扁平化并去除其中重复数据,最终得到一个升序且不重复的数组,js数组去重,js数组排序。
2023-02-10 17:28:53 560
原创 微信小程序打开微信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 4238 6
原创 通过weixin://dl/business/?t=打开微信小程序
通过weixin://dl/business/?t=打开微信小程序,我这里用的uni-app,所以请求用的uni.request,其他的同理,比如ajax和axios,不多赘述。
2023-02-07 14:17:34 68481 5
转载 2022凛冬之时三年经验前端面经
面试官让你自我介绍,而且不限定自我介绍的范围,肯定是面试官想从你的自我介绍中了解到你,所以介绍一定要保证简短和流畅,面对不同的面试官,自我介绍的内容可以是完全一样的,所以提前准备好说辞很重要,并且一定要注意:不要磕磕巴巴,要自信!流畅的表达和沟通能力,同样是面试官会对候选人考核点之一。我也曾当过面试官,自信大方的候选人,往往更容易受到青睐。1、个人介绍(基本情况),主要的简历都有了,这方面一定要短2、个人擅长什么,包括技术上的和非技术上的。技术上可以了解你的转场,非技术可以了解你这个人。
2023-01-10 15:25:35 1626 2
原创 html内容无法复制,将页面内容设置为无法复制的属性,前端把网站内容设置成无法复制的状态,CSS禁止文字选择user-select属性,设置文本内容为只读状态
html内容无法复制,将页面内容设置为无法复制的属性,前端把网站内容设置成无法复制的状态,CSS禁止文字选择user-select属性,设置文本内容为只读状态,加了上面一串代码后,我们的body里面的所有内容将无法被复制,接下来详细看看user-select的其他属性。
2023-01-06 15:50:31 748
原创 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 2469 2
原创 element-ui之el-select下拉选择器树形选择器的使用方法
element-ui之el-select下拉选择器树形选择器的使用方法,由于官方案例比较麻烦,而且说明也比较少,新手拿来还要研究一下,我用完后直接给简化了,复制去直接可以用,吧字段含义简单阐述一下,直接上代码吧。
2022-12-29 17:26:30 4511 1
原创 前端页面置灰实现方法,整个页面置灰效果css,页面灰色样式
那么具体我们项目中怎么实现呢?看看下面的代码,应该大部分是可以实现的,至少我所负责的项目,移动端和pc端是实现了相应的效果,pc端对于ie10及以下的版本,是无法兼容的,如果有哪位大佬可以兼容ie10,可以吧代码分享在评论区,一起帮助大家解决问题。看看效果图如下:页面变成灰色样式。
2022-12-01 09:32:25 1218
原创 js数组排序,数组按照某个字段正序倒序排序方法,sort()
js数组排序,数组按照某个字段正序倒序排序方法,sort(),以上是处理的数组里面包含对象的数据结果,当然用来处理一些其他类型的数组数据也是非常方便的。比如后端返回了一个数组集合,需要吧默认选项放在第一条。输出结果:正序,从小到大依次排序。输出结果:倒序,从大到小依次排序。话不多说直接看案例哈。
2022-11-08 14:33:36 2526
原创 vue大数据表格上万条数据,树型表格,解决el-table表格数据量过大渲染卡死的问题,使用umy-ui的大数据表格虚拟表格虚拟滚u-table解决。
vue大数据表格上万条数据,树型表格,解决el-table表格数据量过大渲染卡死的问题,使用umy-ui的大数据表格虚拟表格虚拟滚u-table解决。,先看看效果吧,拿实例说话,直接渲染四万多条数据不分页,树形表格可以展开。
2022-09-19 14:30:27 7380
原创 解决el-table表格打印错位,el-table打印时表格行错位问题,el-table数据过多打印行错位问题。
解决el-table表格打印错位,el-table打印时表格行错位问题,el-table数据过多打印行错位问题。,记录el-table打印时的一个小BUG,行错位的问题,先看看bug图,再看看解决后的效果图,最后奉上代码。
2022-09-19 11:36:38 1806
原创 IOS低版本无法显示渐变色文字问题,iso不兼容渐变色文字问题
今天遇到一个兼容性问题,iso,12,13一下部分机型无法显示渐变色文字,正常手机显示如下:ISO如下:解决办法如下,你可以理解为兼容性问题,但是兼容性写法不一样可以解决:如果兼容性写法无法解决,试试下面的方法,主要原因就是display:block,不要用display:flex,父元素子元素避免使用display:flex,我就是使用了flex属性后导致IOS部分机型无法显示。
2022-08-25 10:15:40 1672
原创 git代码管理工具SourceTree,代码提交分支管理代码拉取,神器啊,开发必备
git代码管理工具SourceTree,代码提交分支管理代码拉取,神器啊,开发必备~
2022-08-02 16:23:26 1906 1
原创 一个简单的实例帮你彻底学会async和await的用法
一个简单的实例帮你彻底学会async和await的用法,但是接口请求并没有返回我们需要的数据,console.log(333333)正常执行,最后在我们异步执行完成后执行了console.log(222222),所以我们的代码并没有等异执行完在执行下面的同步操作,而是先执行了所有同步任务,最后执行了异步操作,这下明白了吗。,再来看看不加await输出结果。我们声明一个普通函数getDatas,这个函数里面写了一个异步请求,用来获取后台数据。...
2022-08-01 14:26:36 3038 1
vue脚手架与项目安装.doc
2020-12-17
json_exl.zip
2020-07-07
原生小程序和nuiapp开发的小程序有什么区别?
2023-03-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人