FE前端相关知识学习
文章平均质量分 77
FE前端相关知识学习
@Autowire
这个作者很懒,什么都没留下…
展开
-
Ionic组件 ion-avatar ion-icon ion-img ion-thumbnail
Avatars 是通常包裹 image or icon的圆形组件。它们可以用来表示一个person or an object。Avatars 可以自己使用,也可以在任何元素内部使用。如果放置在ion-chip or ion-item内部,avatar 将调整大小以适应父组件。要将avatar 定位在item的左侧或右侧,请分别将the slot to start or end。原创 2023-11-10 10:45:52 · 211 阅读 · 0 评论 -
Ionic组件 ion-list ion-list-header
列表由多行项目组成,这些项目可以包含 text, buttons, toggles, icons, thumbnails等。列表通常包含具有类似数据内容的项目,如 images and text。列表支持多种交互,包括滑动项目以显示选项、拖动以重新排列列表中的项目以及删除项目。原创 2023-11-10 10:29:59 · 937 阅读 · 0 评论 -
Ionic 组件 ion-item-divider ion-item-group ion-item-sliding ion-label ion-note
Item dividers是块元素,可用于分隔列表中的items。它们类似于列表标题,但它们不应该只放在列表的顶部,而应该放在items之间。原创 2023-11-10 10:14:07 · 174 阅读 · 0 评论 -
Ionic list - ion-item的相关用法
虽然列表中的 items有多种形式,但它们通常支持5种不同的内容类型:supporting visuals, text, metadata, actions, and controls。例如,一个可点击的项目在md模式下激活时会收到涟漪效果,在ios模式下激活后会有一个高亮显示,并且在ios模式中默认情况下有一个详细箭头。若要在不自然显示的项目上显示右箭头图标,请将detail属性设置为true。默认情况下,Items 显示插入的底部边框。边框在左侧有填充,不会出现在“start”插槽中的任何内容下。原创 2023-11-08 17:01:56 · 586 阅读 · 0 评论 -
Ionic header content footer toolbar UI实例
2 ionic的icon图标3 ion-header 头部ion-header 是页面的根组件,它将自己与页面顶部对齐。建议将它用作一个或多个工具栏的包装器,但它可以用于包装任何元素。当在标题中使用工具栏时,将调整内容,使其大小正确,并且标题将考虑到任何设备安全区域。3.1 半透明Header通过设置半透明属性,标头可以与本机iOS应用程序中的透明度相匹配。为了查看标题后面滚动的内容,需要在内容上设置全屏属性**。只有当模式为“ios”并且设备支持背景滤镜时,此效果才会适用**。Ionic提供原创 2023-11-08 14:32:30 · 353 阅读 · 0 评论 -
Ionic 模块组件的理解
创建公共模块以及组件公共模块slide.module.ts 中暴露对应的组件// 1 导入组件// 2 声明组件imports: [],// 3 暴露组件})用到的地方引入自定义模块,并依赖注入自定义模块// 1 引入自定义模块imports: [// 2 依赖注入自定义模块],})使用自定义模块-- 使用模块-->// 1 导入ionic核心模块imports: [// 2 依赖注入ionic核心模块],})原创 2023-11-06 15:52:53 · 1074 阅读 · 0 评论 -
Angular 中的app.module.ts
【代码】Angular 中的app.module.ts。原创 2023-11-03 15:40:55 · 488 阅读 · 0 评论 -
Angular 中的路由
routerLinkActive: 设置 routerLink 默认选中路由。原创 2023-11-03 15:31:15 · 1206 阅读 · 0 评论 -
Angular 中的数据交互GET POST
Angular5.x 以后 get、post 和和服务器交互使用的是 HttpClientModule 模块。Angular5.x 以后 get、post 和和服务器交互使用的是 HttpClientModule 模块。在用到的地方引入 HttpClient、HttpHeaders 并在构造函数声明 HttpClient。在 app.module.ts 中引入 HttpClientModule 并注入。在 app.module.ts 中引入 HttpClientModule 并注入。原创 2023-11-03 11:40:55 · 479 阅读 · 0 评论 -
Angular异步数据流编程
如果我们想让异步里面的方法多次执行,这一点 Promise 是做不到的。而 Observable 不一样,它可以不断地触发下一个值,就像 next() 这个方法的 名字所暗示的那样。Promise 里面用的是 then() 和 resolve(),而 RxJS 里面用的是 next() 和 subscribe()。Promise 的创建之后,动作是无法撤回的。Observable 不一样,动作可以通过 unsbscribe() 方法中途撤回,而且 Observable 在内部做了智能的处理。原创 2023-11-03 11:19:27 · 752 阅读 · 0 评论 -
Angular组件通信
通过在子组件中定义一个Output属性,子组件可以通过EventEmitter触发这个属性,父组件可以通过@Output的形式监听子组件的属性,并在属性被触发时调用相应的方法。在上面的例子中,我们定义了一个名为outter 的Output属性,并在按钮的点击事件中通过EventEmitter触发了这个属性,并向父组件传递了一个字符串 i am sonValue。在父组件中引入子组件,并在模板中使用@Output装饰器监听子组件的Output属性。在子组件中定义Output属性和触发事件的方法。原创 2023-11-03 09:29:02 · 355 阅读 · 0 评论 -
Angular模板语法
这将在你的项目目录中创建一个名为your-service-name.service.ts的文件,并自动生成基本的Angular服务代码。Angular的ViewChild用法是用来获取模板视图中的元素或组件的引用。原创 2023-11-02 20:41:54 · 133 阅读 · 0 评论 -
Angular组件生命周期详解
当 Angular 实例化组件类 并渲染组件视图及其子视图时,组件实例的生命周期就开始了。生命周期一直伴随着变更检测,Angular 会检查数据绑定属性何时发生变化,并按需更新视图和组件实例。当 Angular 销毁组件实例并从 DOM 中移除它渲染的模板时,生命周期就结束了。当 Angular 在执行过程中创建、更新和销毁实例时,指令就有了类似的生命周期。原创 2023-11-02 15:56:36 · 1226 阅读 · 0 评论 -
FE_JS class定义及使用
程序中专门集中保存一种类型的所有子实例的统一属性结构和方法定义的程序结构。如何定义class?问题:在class{}内的方法定义保存在哪里?结果:都保存在原型对象上;其本质都是一样的,打印person 之后出现的数据结构都是一样的。问题:如果多个子对象共用的相同的属性值,应该放在那里?共有属性放置:static className=“高一(2)班”共有属性访问:Student.className。原创 2023-05-18 11:15:57 · 111 阅读 · 0 评论 -
FE_JS对象的理解
套路: 自定义构造函数, 通过new创建对象适用场景: 需要创建多个类型确定的对象问题: 每个对象都有相同的数据, 浪费内存。原创 2023-05-17 09:02:03 · 529 阅读 · 0 评论 -
FE_JS Map的学习
在 JS 中 Map 对象是 键值对 的一个 集合:Map 中 任何值 都可以作为一个键或一个值Map 中每个元素是有顺序的, 它能够记住每个元素首次 插入顺序同 Object 在 Map 中的一个键只能出现一次, 它在 Map 的集合中是独一无二的同时 Map 内部实现了 Symbol.iterator 接口, 其本身又是一个 可迭代对象, 可被 for…of 等语法进行迭代Map 中 任何值 都可以作为一个键或一个值Map 中每个元素都是有序的, 是按照首次插入顺序。原创 2023-05-16 09:57:30 · 293 阅读 · 0 评论 -
FE_JS 数组
二者的区别是:find()方法返回匹配的值,而 findIndex()返回匹配位置的索引。如果不想改变数组中的所有元素,而只是想改变其中一部分,那么可以使用可选的起始位置参数与结束位置参数(不包括结束位置的那个元素)3 个参数: 填充数值,起始位置参数,结束位置参数(不包括结束位置的那个元素)flat() 方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。对应的数组索引,数组本身。map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。原创 2023-05-16 08:32:13 · 500 阅读 · 0 评论 -
FE_函数(Function)的基本理解
函数也是一个对象,也具有普通对象的功能,函数中可以封装一些代码,在需要的时候可以去调用函数来执行这些代码,使用typeof检查一个函数时会返回function。其中,function是定义函数的关键字,functionname是函数名称,parameters是函数传入的参数,可以传入多个参数,每个参数之间用英文逗号分隔。其中,varfun是变量,用于存储函数的内存地址,function是定义函数的关键字,parameters是传入函数的参数,可以传入多个参数,每个参数之间用英文逗号分隔。原创 2023-05-15 16:13:22 · 877 阅读 · 0 评论 -
FE_原型与原型链的理解
原型是Javascript中的继承的基础,JavaScript的继承就是基于原型的继承。每一个JS对象都可以获得自己的原型,通过原型可以共享函数对象和实例对象之间的属性和方法。原型的出现,就是为了解决 构造函数 的缺点:每一次new一个对象时,都会创建一份render()代码浪费资源。通过原型,我们提供了一个给对象添加函数的方法,不然构造函数只能给对象添加属性,不能合理的添加函数就太 LOW 了。原创 2023-01-15 13:14:55 · 431 阅读 · 0 评论 -
FE_本地存储LocalStorage和SessionStorage
SessionStorage的用法和LocalStorage用法基本上一样,唯一的区别就是localStorage属于永久性存储,而sessionStorage属于当会话结束的时候,sessionStorage中的键值对会被清空。原创 2023-05-13 15:29:28 · 491 阅读 · 0 评论 -
FE前端代码的执行顺序—事件循环eventloop && 宏任务 &&微任务的实验讲解
在ES5之后,JavaScript引入了Promise,这样,不需要浏览器,JavaScript引擎自身也能够发起异步任务了。4、执行栈执行完毕,会去任务队列看是否有异步任务,有就送到执行栈执行,反复循环查看执行,这个过程是事件循环(eventloop)。异步代码:先放入宿主环境(浏览器/Node),不必原地等待结果,并不阻塞主线程继续往下执行,异步结果在将来执行。同步代码:立即放入JS引擎(JS主线程)执行,并原地等待结果。1、JS是单线程,防止代码阻塞,我们把代码(任务):同步和异步。原创 2023-02-21 21:38:09 · 461 阅读 · 0 评论