- 博客(51)
- 收藏
- 关注
RSS订阅原创 Angular 嵌套表单
1.假设我有一个 “添加用户“ 的需求，在用户的信息中，联系方式分为邮箱和手机号，这两个联系方式就可以作为一个嵌套的内部的表单。2.目前创建表单字段每次都需要new FormGroup,我们可以优化一下使用FormBuilder。
2024-04-16 22:12:01
185
原创 Angular自定义异步表单验证
2.提醒：使用form的reset()方法的时候,会把表单里的每一项值都放为空，而表单中input表单的初始值是‘ ’，所以调用reset方法会有问题。需要给FormControl里面加参数（noNullable: true）。1.自定义一个异步的表单验证器。
2024-04-16 21:42:54
238
原创 Vue3 插槽
3）作用域插槽：其实就是带数据的插槽（子给父），即带参数的插槽，简单来说就是子组件提供给父组件的参数，该参数仅限于插槽中使用。父组件可以根据子组件传过来的插槽数据来进行不同方式的展现和填充插槽内容。2)具名插槽：具名插槽就是给插槽取一个名字，一个子组件可以放多个插槽，而且可以放在不同的地方，而父组件在填充内容的时候，可以根据这个名字把内容填到对应的插槽中。1)默认插槽：默认插槽就是指没有名字的插槽，子组件未定义名字的插槽（默认插槽），父级会把未指定插槽名字的填充内容填到默认插槽中(父填到子)。
2024-04-06 17:03:46
391
原创 Vue3中的computed,watch和watchEffect的特点
例：下面是同时调用三次计算属性firstTotal和三次函数firstTotalFun()的运行结果。可以发现，函数被执行了三次，而计算属性只被执行了一次。4) watch在页面初始化加载的时候不会被立刻调用，只有在监听的数据发生变化的时候才会调用。1）computed拥有缓存性，多次调用会直接从缓存中获取，而不会重新执行，所以说computed性能很高。一般多个属性变化，会影响到一个属性的时候用computed。2）computed是只读的，不要去修改它，会报警告。3）watch属性可以使用异步。
2024-04-05 21:07:51
1088
原创 uni-app 编译成微信小程序后，提示错误：Component is not found in path “components/xxx/xxx...”
1.找到微信小程序中的详情=>本地设置=>取消选中“将js编译成ES5”2.关掉微信开发者工具（重要），再重新打开，错误解决。
2024-02-19 09:59:05
839
转载 Git：error: remote origin already exists
转载链接：https://blog.csdn.net/l1055/article/details/132336714。3、关联自己的仓库 git remote add origin https:仓库链接。2、输入git remote rm origin。4、最后git push origin master。1、查看远程库的信息: git remote -v。原因：已经存在关联的远程仓库。
2024-01-30 16:10:09
53
1
原创 前端进阶Html+css10----定位的参照对象（高频面试题）
2）定位参照对象是最近一级拥有定位的祖先元素，可以通过left、right、top、bottom来进行位置调整。2）定位参照对象是视口（viewport），可以通过left、right、top、bottom来进行位置调整。2）定位参照对象是元素自己原来的位置，可以通过left、right、top、bottom来进行位置调整；，而且父元素不脱离标准流） 子元素设置position: absolute 简称为“子绝父相。如果希望子元素相对于父元素进行定位，又不希望父元素脱标，常用。1）元素脱离标准流（脱标）
2023-08-23 22:32:50
350
原创 前端进阶Html+css09----BFC模型
表格单元格(元素的display为table-cell，HTML表格单元格默认为该值，表格标题(元素的display为table-caption，HTML表格标题默认为该值)row，tbody，thead，tfoot的默认属性)或inline-table)1)在一个BFC中，盒子会从包含块的顶部开始，在垂直方向上会一个挨着一个摆放，可能很多人都对这一点习以为常，但这点是BFC帮助我们实现的。例如div/p/h1等 -> BFC布局中盒子。1）如果一个元素的父元素没有设置高，那么父元素的高将由子元素撑开。
2023-08-23 22:06:17
373
原创 前端进阶js03----冒泡事件和捕获事件
这是因为我们的HTML元素是存在父子元素叠加层级的，所以当我们触发某个事件的时候，会产生一系列的连锁反应。4.事件冒泡的优点：当多个子元素拥有相同事件行为时，可以利用冒泡机制，让父级元素处理子元素的事件，这就是事件委托。由网景公司提出，事件会从目标节点流向文档根节点，途中会经过目标节点的各个父级节点，并在这些节点上触发捕获事件，直至到达window。由微软公司提出来的，事件从window对象流向目标节点，途中会经过目标节点的各个父级节点，并在这些节点上触发捕获事件，直至到达事件的目标节点。
2023-08-23 21:27:24
111
原创 前端进阶js02----null和undefined的区别
1）null是js的关键字，表示空值；undefined不是关键字，是一个全局变量。undefined是空的变量，null可以看做是空的对象。1）都是原始类型的值且保存在栈中。类型不同：null是对象类型的。2）值相同，但类型不一样。值相同：用==是相等的。null一般用来主动释放。undefined表示。
2023-08-09 14:06:09
232
原创 前端进阶html+css04----盒子模型
3)当box-sizing:inherit: 规定应从父元素继承box-sizing属性的值。content-width (文本宽度)=content-height(文本高度)=2.盒子的大小指的是盒子的宽度和高度。盒子宽 = width；盒子高= height；
2023-08-08 22:16:38
219
原创 前端进阶html+css08----多个带margin的元素排列问题
解决统一设置子元素margin-right的时候，如何取消最后一个元素的margin-right。
2023-04-21 15:54:30
72
原创 前端进阶html+css07----移动端适配rem方案
例： html{ font-size:10px;} 那么width:2rem;的意思是width: 2* 10px = 20px;2.所以，如果希望页面上元素的大小随着页面的宽度动态改变== 根据页面宽度动态改变根元素的font-size。1.首先，要知道rem是根据根元素的font-size来计算的，根元素即页面的html元素。注：还可以使用媒体查询来动态改变根元素font-size。3.拖动边缘，动态改变页面大小即可测试。
2023-04-02 18:32:40
111
原创 前端进阶html+css03----粘性定位
大家都知道position:absoulte/relative/fixed, 今天介绍一个position:sticky（粘性定位）。3.当内容足够多并往下滚动的时候，其它元素变化，但粘性定位的区域会一直固定在你设置的位置不动。2.使用黏性定位必须要有一个“滚动的祖先元素”，没有滚动的时候和relative效果差不多。4.你设置的（top/bottom/right/left)是相对于滚动父元素的。1.粘性定位是相对定位和绝对定位的结合体。top改为20px的时候滚动时效果。
2023-02-27 16:28:00
597
原创 前端进阶html+css06---清除浮动
使用display:float;会有高度塌陷的问题（子元素不会再汇报高度给父元素）。所以我们需要清除浮动。clear可以指定一个元素是否移动到之前浮动元素的下面。
2023-02-25 15:03:14
49
原创 前端进阶html+css05---justify-content: space-between对齐方式的问题（最后一行元素不够）
注：需要添加n-2个span，n为一行小方块的数量，因为当最后一行只有一个小方块的时候，默认放在最左边，不需要添加额外的小方块。只有当最后一行有两个及以上的小方块才需要填充。正常情况下10应该在6的下面。但是justify-content: space-between会导致下面这种情况。添加额外的span, 让span的宽高和粉色小方块的宽一样，高为0。
2023-02-24 22:36:51
1655
原创 一种常用的布局（header和footer固定， 中间一层可以滚动）
一直以为想要footer固定在最下面的效果应该很难（以为需要定位什么的），其实只要给中间部分一个固定的高，然后做成滚动效果就可以轻松实现。
2023-02-24 22:00:49
162
原创 前端进阶html+css02----精灵图的使用（雪碧图）
精灵图（css sprites）也叫雪碧图，就是把许多图片制作成一图片。通过设置位置来显示你需要的图片。介绍一个获取精灵图位置的小工具。
2023-02-13 22:49:58
409
原创 前端进阶html+css01----伪元素::after和::before
我们常用::after和::before配合content:"来给元素的前后添加元素，一般用来添加icon.
2023-02-09 21:51:11
159
原创 Andorid手机装包命令
sdcard/ 一定要加， 表示装到手机上的sdcard。C:\abc.apk 是电脑上包的路径。2.装到sd Card。
2023-02-09 12:13:07
68
原创 微信小程序 如何将内容固定在页面最上方，不随下拉而移动。
使用position:fixed将video固定在屏幕的最上方，且top:0，已知video组件的默认高度为225px, 所以让下层的内容从225px开始， 最后使用index:1。让video组件在最上层。
2022-11-24 22:49:30
2775
原创 如何在微信小程序里面使用npm安装第三方插件（以安装vant ui为例）
执行完后会出现如下文件夹，小程序使用的其实不是node_modules下面的组件，而是miniprogram_npm文件夹下构建的组件。1.在cmd里或者是终端里，找到对应的项目，并执行下面的命令，用来初始化package.json文件。然后你会发现多了一个node_modules文件， 里面存的就是第三方组件。4.最后一步，每次安装完一个新的第三方插件都要执行“构建npm”3.执行下面的命令安装vant ui。引入，左边是自定义的， 右边是路径。
2022-11-24 22:42:15
2162
原创 解决git每次提交代码都要输入帐号密码
1、首先，在Git.bash文件中输入命令：git config --global credential.helper store2、然后你会发现你的C:\Users\用户名xx.gitconfig**文件会多出以下代码：[credential] helper = store**3、紧接着，使用git pull或者git push 命令，根据提示输入帐号和密码。这时你的本地生成一个类似C:\Users\用户名xx.git-credentials文件，用于记录帐号密码。https://帐号:密
2022-05-27 21:48:52
19682
4
原创 今天的时间加一天 /得到明天的日期 js
let now= new Date();let tomorrow= new Date();tomorrow.setDate(now.getDate() + 1);
2022-05-12 20:56:48
116
原创 absolute和fixed的区别 css
区别：在有滚动条的情况下，fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动。fixed:经常用作 弹框，顶部导航栏，一键回到顶部的小按钮。参考：https://blog.csdn.net/peng_da818/article/details/80639418?spm=1001.2014.3001.5506...
2022-05-09 22:29:54
139
原创 typeof和instanceof的区别js
区别：instanceof 返回的是boolean型.typeof(xxx)返回的是数据类型.//例：boolean b = 对象 instanceof 数据类型；//例：判断对象类型if(typeof(res) === 'object'){ console.log('object')}else if(typeof(res)==='string'){ console.log('string')}...
2022-03-31 15:17:17
54
原创 Error creating bean with name ‘categoryController‘: Injection of autowired dependencies faile
解决：看一下你的mapper界面有没有加@Mapper注解。
2021-02-06 11:54:58
269
原创 Long和Integer之间的转换（包装器类型）
1.Long 转 Integer因为: 包装器之间（Long和Integer）是不能互相转换的。又因为 :基本类型可以直接转换成包装器类型（自动装箱）。所以：先将Long包装器->基本类型int->包装器类型IntegerLong l = new Long("100");int i = l.intValue();Integer inte = i;即：Long l = new Long("100");Integer inte = l.intValue();2.Intege
2021-02-04 11:58:24
871
原创 org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as expression
做layui+thymeleaf项目遇到的错误：原因：因为[[]]一般用于在script中使用thymeleaf表达式，所以这里会有冲突。解决办法：1.法一：在两个方括号中间加一个空格2.法二：在
2021-02-02 14:59:01
1288
原创 对象初始化错误？
错误版：List<TreeNode> treeNodes = new ArrayList<TreeNode>(); //错 TreeNode treeNode = new TreeNode(); for (Permission permission : permissionList) { treeNode.setId(permission.getId()); treeNode.
2021-01-31 10:08:28
129
原创 SpringBoot错误Error creating bean with name ‘userServiceImpl‘
解决：给启动类添加标签例：@MapperScan(“zsc.design.drug.mapper”)注：“”里面替换成你的mapper包路径
2021-01-27 14:27:51
3462
原创 springboot使用template模版，返回前端页面失败（@Controller和@RestController的比较）
1.错误展示2.原因：用错注解。应把@RestController改成@Controller3.注解比较：1）@RestController相当于@ResponseBody ＋ @Controller2）@RestController类中的所有方法只能返回String、Object、Json等实体对象，不能跳转到模版页面（html,jsp）。3)@RestController一般用在前后端分离，用于接口返回数据。4）若返回json等内容到页面，则需要加@ResponseBody注解.5）
2021-01-26 09:45:03
471
1
转载 IDEA中使用git拉取gitee上代码并运行
https://blog.csdn.net/qq_42443497/article/details/103243060遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
2021-01-07 19:36:15
5280
原创 BigDecimal的使用（初始化，赋值，比大小）
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-12-24 16:11:57
15423
3
原创 IDEA开启热部署（详细，解决热部署时而生效，时而不生效）
步骤1：在pom.xml中添加spring-boot-devtools热部署依赖。步骤2：选择File -> Settings，打开Compiler设置页，勾选build project automatically。步骤3：在IDEA中按“Ctrl+Shift+Alt+/”打开Maintenance选项框，选中并打开Registry页面，勾选compiler.automaker.allow.when.app.running指定在程序运行时自动编译。步骤4：改动页面前端，查看是否自动更改。
2020-08-26 10:08:26
2164
1
空空如也
promise.all执行异步操作是并行执行还是并发执行。
2023-12-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人