- 博客(72)
- 收藏
- 关注
原创 自存vue3 ts jump start-3 computed
computed是一个方法,参数可以接收一个函数,最终返回需要的。获取最新的因数据改变而得到的数据。
2024-03-20 15:39:44 180
原创 自存 angular material design 表单输入框lable右对齐样式
material design 的组件库示例没有文字描述放左边的样式 ,所以mat-lable并没有放在mat-form-field中。2.label文字右对齐,对lable、输入框父级容器使用flex布局,justify-content: end;3.一行两个输入表单组件是使用了bootstrap的栅格系统 col-6。
2024-02-22 16:53:08 408
原创 angular material tree 动态加载子项有注释的ts
【代码】angular material tree 动态加载子项有注释的ts。
2024-02-18 10:16:11 398
原创 记录那个项目 css sticky有效果的方法
mdn文档说sticky元素的父级元素不能有overflow:auto等样式,但我加了居然还可以用,就很。2.sticky元素的父级元素的样式。一定要设置高度,不设置我的项目没效果。1.要sticky的元素 html。
2024-01-29 16:14:08 360
原创 自存angular 复制功能 使用angular material design Clipboard cdk
【代码】自存angular 复制功能 使用angular material design Clipboard cdk。
2024-01-18 11:08:43 503
原创 前端(angular)在谷歌(chrome)浏览器使用高德地图api定位报错超时geolocation time out ,能定位但不安全的方法
已知信息整合正如大家搜到的大佬说的原因是chrome浏览器本身的问题。我换成edge就可以。 高德地图给出的地图定位api的常见问题,这是'另外还有个别浏览器(如google Chrome浏览器等)本身的定位接口是黑洞'以下是能定位但不安全的方法连接上了外网谷歌浏览器定位是定位的到的,你们自己试 在看了其他人使用高德开发时写的博客遇到的坑,更改了谷歌浏览器的一些配置。我试着试试看的思想 搜了'geo'关键词 并把它改成了enabled 谷歌浏览器定位成功了,你们自己试,这里不方便展示
2024-01-10 15:39:35 1015
原创 自存react crash course(1)
创建名为react-task-tracker的react项目。// react的组件可以是一个函数 也可以是一个class。b.返回的元素可以是一个空标签。1.创建一个react 项目。所有组件都是放在src下面的。a.jsx 只能返回一个元素。d.jsx {}中执行语句。确保有node.js。
2024-01-05 17:36:27 629
原创 前端angular 实现验证码 输入+展示(大框+加粗内容 )
不需要dom操作,直接用双向绑定就拿到数据;使用动态样式 设置了激活的样子。这样就完成了一个验证码 输入+展示(大框+加粗内容 )的效果。参考用原生方在手机上此效果。
2024-01-04 16:03:01 541
原创 recursion递归 自存例子
有一个数组对象,它的每一项可能有children属性也可能没有,children中是同样数据结构的数组对象,也可能有chidren属性或没有。基本逻辑是先把id放到新数组里,遇到children项目就把chiddren数组里的拼接到新数组后面,再次执行上面的。现在的需求是把外层一整个数组对象的id拿到。
2023-12-29 17:38:07 377
原创 element ui级连选择,lazyLoad选择地区
现在程序不会报错,并且你已经理解了一大半的代码,可以打印node看看是什么。ui文档上直接给了一函数。先试试看效果是什么,加上。
2023-12-28 11:01:51 967
原创 angular 对话框 material design dialog 弹窗使用
能使用,但是会报找不到这个组件。在ui文档里 弹窗组件和调用组件是写在一个component.ts里面的。原理就是用MatDialog写一个弹窗组件,4.可以在component.ts中接收参数。在要使用弹窗的组件的地方调用那个组件。3.在弹窗关闭时传入一些参数。所以重新写一个组件。1.构造函数中实列化。
2023-12-26 13:39:49 649
原创 angualr 的一个请求接口的函数被调用了 但在浏览器控制台看不到调接口
方法时没有订阅返回的 Observable,或者在订阅 Observable 时没有正确处理其响应。即要subscribe接口,并正确处理。因为Observables 是惰性执行的。这意味着如果您创建了一个 Observable 对象,但没有订阅它,那么它的内部代码将不会执行,也不会触发对后端接口的实际调用。因为您在调用 请求接口的函数如。
2023-12-22 14:02:04 96
原创 angular material design 使用多个datepicker,选择了A,却把值赋到B上了
1.细看一下angular material design的文档,有多个选择框的,给picker命名了不同的值。所以你需要让picker名字不一样,就能正常了。
2023-12-21 16:53:58 37
原创 angular中每次切换到某路由都要触发的生命周期
换个思路 每次切换页面后都销毁它,不就能每次切换到改组件触发OnInit。ngOnint 只会在页面第一次渲染时触发。其他的Docheck 等移动鼠标都会触发。似乎没有和mounted一样的生命周期。在路由中这么写,每次离开都注销。
2023-12-20 16:11:34 43
原创 angular获取 html元素dom 自存
2.在.ts文件中有viewChild,ElementRef的模块、1.在你的组件的.html文件中有一个html元素。3.使用viewChild修饰符。4.获取dom(然后点击)
2023-12-19 17:17:19 48
原创 angular material mat-error 失效不展示
中的phoneNumber其实是valid,通过验证的,那么即使控制mat-error展示的变量为true,mat-error也不会显示。1.你命名了控制mat-error显示与否的变量,却没有在html里使用。2.mat-error是放在mat-form-field里才生效的,如果。
2023-12-11 18:05:13 85
原创 angular route guards
这个sivices 实现了 canActive 这个interface (接口)2. 在app.module的providers中使用这个services。1.先创建一个services的typescript class。3.最后在路由文件中使用 路由守卫。返回true可以继续执行,返回false中断执行。
2023-12-08 16:59:40 76
原创 css伪元素 伪类
是 CSS 伪类(class),它用于指定当用户鼠标悬停在元素上时应用的样式。属性来指定要插入的内容。这个属性可以接受文本、图像、计数器、空白字符等。like 鼠标hover上这个class去的 手指效果。是 CSS 伪元素,它们允许我们在元素的内容之前(
2023-12-08 10:15:25 13
原创 udemy angular decoration 自存
属性bootstrap(引导程序)告诉 angular应该引入哪一个组件。@NgModule是一个装饰器,它是从angular/core中引入的。decoration的作用(之一?
2023-12-07 18:05:36 27
原创 angular 用swiper插件 100%能行
网上的方法是在angular.json 的style[]里添加。有了部分样式 1.5张的预览,但是分页没有了。搜angular swiper 结果是。照着引入,发现啥效果都没有。0.安装swiper。
2023-11-27 19:09:49 163
原创 可选链式操作符
可选链操作符使用?. 来表示,可以判断操作符之前属性是否有效,从而链式读取对象的属性或返回 undefined,如果它的上一层是undifiend 则不会去取它的点下面的东西。可选链操作符(Optional Chaining)的语法。
2023-11-21 16:56:10 43
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人