- 博客(36)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 2021前端面试
1.什么是盒模型?盒模型是规定了盒子里与盒子外之间的相互关系。盒模型从里到外分为以下几个部分:content(内容区):元素的宽和高;border(边框区):盒子的边缘;padding(填充区):为了使页面布局看起来美观大方,盒子里的内容区会用padding来解决父元素和子元素的位置关系;margin(外边界区):控制同辈元素之间的位置关系。2.如果控制台有一条错误信息为:$ is undefined,是什么原因造成的呢?其实一开始我很蒙圈,谁会用$做变量呢?1.有可能是未.
2021-05-07 20:55:03
130
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 对于英文和符号超出容器对齐方法
最近在做小程序项目,发现了一个问题,就是当你输入中文时候是不会超出容器的,只要输入英文字母或者符号就会超出容器限制。先贴上效果图:贴上代码:Html: <view class="messageList"> <view class="listItem" @click="delMsg(i,idx)" v-for="(i,idx) in messageList" :key="idx"> ...
2021-04-23 14:47:41
122
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 对于移动端一些问题解决方案
CSS3盒子模型:box-sizing :border-box;-webkit-box-sizing:border-box;点击高亮我们需要清除清除 设置为transparent完成透明-webkit-tap-highlight-color:transparent;移动端浏览器默认的外观在ios上加上这个属性才能给按钮和输入框自定义样式-webkit-appearance:none;禁用长按页面时弹出菜单img,a{-webkit-touch-callout:none;.
2020-08-23 19:54:36
129
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 使用npm安装vue-cli报错解决方法
报错界面:解决方法:输入:npm config set strict-sslfalse npm install -g supervisor然后就可以正常使用了
2020-07-28 09:38:31
1175
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 JS最常见的语句
对于刚学JS的小白来说,JS最重要的是学好逻辑,重在交互。然而JS语句是JS学习中必不可少的一部分。废话不多好,开始讲了!!!第一次写技术博客,难免有疏漏或者错误,请赐教!!1.if语句这是JS最常见的一个判断,主要判断某某是否大于,小于,等于另外某某语法:if(判断条件){成立}else{不成立}举个例子:现在给两个数字。一个15,一个20,我们用代码来判断下:let a = 15;let b = 20;if(a>b){console.log("15是最大
2020-07-08 16:03:49
413
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 VSCode设置中文教程
国内最好用的JetBrains全家桶要收费,楼主最近用了微软开发的一款代码编辑工具,免费的哦.刚下载的时候打开发现全部都是英文,这篇教程是帮助你怎么设置编辑器中文显示(官方推荐插件)附上效果图:汉化步骤:1.首先打开软件后,按住键盘Ctrl+Shift+X,打开下图界面,在输入框输入language后找到下图第一个点击安装并且重启2.重启之后界面还是英文的,英文还差最后一步,使用快捷键在Ctrl+Shift+p 打开命令面板 ,输入框输入"language"后有两个提示,一个是e
2020-06-11 22:51:41
1329
原创 el-tree 勾选父级自动勾选子集,勾选子集不关联父级
我的第一反应就是check-strictly设为true不关联,用父级唯一标识去判断是不是父级,然后利用check方法把下面所有符合父级要求的值丢到setCheckedKeys中,但这个有两个问题如果有两个数据,只能勾选一个,点击子集也无法勾选,可能需要自己去适配吧。想到另外一种思路利用check-change方法判断是不是勾选状态,是的话就遍历子集。前提:最近有个树形需求,勾选父级自动勾选子集,勾选子集不关联父级。
2024-03-22 11:34:22
478
原创 nuxt微信分享实战
前提工作:公众号账号需要认证并且配置域名,例如域名为http://www.baidu.com,配置应该为baidu.com。1.在plugins目录下新建一个wxShare.js文件。2.在nuxt.config.js plugins里面配置。
2024-01-10 10:17:10
467
原创 数组相同属性名累加
常见的方法大多都是利用JS forEach方法后findIndex,另外一种是reduce方法。最近公司有一个业务就是表格返回一个数组里面有属性名是相同的,如果直接渲染会占大量不必要空间。所以产品提出了相同属性名只显示一个,值是所有想同属相名累加。
2023-11-30 00:21:24
119
原创 2023前端面试最新情景题
2.如果我要在element ui一个组件基础上,要实现自己的东西,还要调用element自己内部方法,该怎么实现。3.axios你用过吧,基于你自己需要用二次封装,如果一个页面错误提示太多该怎么处理成只弹出一个错误。1.如果我要基于element ui做一个表格组件,有搜索框,表格,分页,你会怎么实现。5.如果我本地正在开发的分支,突然线上有个bug需要你解决,你该怎么解决?9.性能优化你在开发中肯定用过,说下有哪些优化方式。8.说说计算属性和监听属性区别。10.vue2和vue3的区别。
2023-10-11 21:08:43
73
原创 Vite配置别名
在src下新建views文件夹,创建Home.vue,下面是示例。在src下新建router文件夹,目录下新建index.ts。解决方法:在vite-env.d.ts加上这些。1.首先需要安装types/node。最后挂在到main.ts中。此时你会得到一个报错如图。修改App.vue文件。
2023-09-22 22:33:51
475
原创 git hooks常用钩子
6.添加commitlint的 hook 到 husky中,并指令在commit-msg 的hooks 下执行 npx --no-install commitlint --edit "$1" 指令。(1):方法1 在package.json中生成prepare指令(npm > 7)commit-msg:可以用来规范化标准格式,并且可以按需指定是否要拒绝本次提交。git commit:会在提交前被调用,并且可以按需指定是否要拒绝本次提交。它不接受任何参数,并且在获取提交日志消息并进行提交之前被调用。
2023-08-08 15:42:42
184
原创 Git提交规范
Commitizen的仓库名为cz-cli,它提供了一个"git cz"的指令用于代替git commit,简单来说就是当你在git commit时候得填写所有必须的提交字段。因为现在开发团队都是多人协作,每个人提交代码风格不一样,而且很难约定规范。使用git cz代替git commit,就可以看到提示内容.3.项目根目录下创建.cz-config.js自定义提示文件。如果不小心忘记使用git cz指令,直接提交代码怎么办呢?4.使用git cz 代替 git commit。
2023-08-03 13:58:17
116
原创 Nuxt安装axios模块
Nuxt要想跟后端通信,首先必须先安装axios,话不多说,开搞。你每个需要用axios的命令的页面都需要引入。2.nuxt.config.js进行配置。注:如果你用了下面这个命令。
2023-07-04 22:20:52
406
原创 nuxt自定义路由
众所周知nuxt路由文件是自动配置的,想要查看路由的结构只能依照下图。1.首先第一步安装@nuxtjs/router。这样就大功告成了,页面文件可以根据自己命名修改。3.在项目根目录创建router.js文件。4.给router.js下面写下这些文件。2.打开nuxt.config.js配置。
2023-07-04 17:21:25
792
原创 SPA(单页应用)首屏加载速度慢怎么解决
在服务器也需要配置,如果发送请求的浏览器支持gzip,就发送给它gzip格式的文件,如果服务器用express搭建的,可以安装compression。在webpack的config文件中,修改commonsChunkPlugin的配置。表示使用三次及以上就抽离出来,放进公共依赖文件,避免重复加载组件。打开vue.config.js引入并修改webpack配置。4.图片压缩(可以使用iconfont)建议使用Nuxt.js框架实现服务端渲染。1.减少入口文件体积。3.UI框架按需加载。6.开启gZip压缩。
2023-07-03 16:16:16
338
1
原创 2023前端面试题
1.script怎么异步加载?script默认是同步的,但由于script外部链接文件太大或者网络不好就会造成不好体验.所以在html4就定义了defer,html5定义了async用于异步加载scriptdefer:加载后续文档元素的过程中,将与JS加载,并行进行(异步)。但JS的执行,要等到所有的文档元素解析完成之后,DOMContentLoaded事件触发之前完成async:加载后续文档元素的过程中,将和JS的加载与执行,并行进行(异步)
2023-06-26 23:15:52
119
1
原创 Vue3里的main.js报错
最近在学Vue3,用vite脚手架创建了项目,发现main.js里面导入App模块竟然报错了。未定义 .vue文件类型导致ts无法解析类型,在env.d.ts文件声明就行了。
2023-06-21 02:37:57
589
原创 AndroidStudio配置flutter
这一步记得你SDK安装的路径(后面要环境变量配置的),然后等待安装完成,记得后面两个安装过程中会弹出要自己点击,不然会提示失败。配置Gradle环境:(这个其实也可以不配,因为FlutterSDK 3.X默认安装Gradle7.5版本)然后新建项目选择Flutter,配置flutter sdk目录(根据你自己所在目录,图片是我自己目录)然后可以安装我这样后点击create等待(记得这个时候不能断网,因为要从网络下载依赖)这一步要配置JDK所在位置(自己去安装目录拿)点击Finish开始安装。
2023-05-26 13:38:35
2468
原创 字符串扩展
注:ES6引入字符串补全长度的功能,如果某个字符串不够指定长度,则会在头部和尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。注:如果用来补全的字符串与原字符串两者的长度之和超过了指定的最小长度,则会截取超过位数的补全字符串。注:如果字符串长度等于或大于指定的最小长度,则返回原字符串。2.字符串是否以某个字符开头。
2023-04-13 11:50:13
37
原创 使用vuecli创建uniapp项目
创建uiniapp项目有对应HBuilderX版本。vue离不开vue-cli命令创建模板。项目创建好了后按照提示运行就行了。下面是用命令运行发布uni-app。HBuilderXAlpha版。%PLATFORM%可选值如下。HBuilderX正式版。安装vue-cli命令。
2023-04-11 18:03:06
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人