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