前端框架及相关 - 随笔分类 - 哈哈哈~_~

typeScript学习

摘要：typeScript配置文件如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。 tsconfig.json文件可以是个空文件，那么所有默认的文件都会以默认配置选项阅读全文

posted @ 2022-12-07 13:49 哈哈哈~_~ 阅读(30) 评论(0) 推荐(0)

pdf在线预览 ng2-pdf-viewer的运用

摘要：angular项目在线预览PDF 1 安装 ng2-pdf-viewer yarn add ng2-pdf-viewer 2 在项目中添加 import { NgModule } from '@angular/core'; import { PdfViewerModule } from 'ng2-p 阅读全文

posted @ 2022-09-15 17:06 哈哈哈~_~ 阅读(2325) 评论(0) 推荐(0)

observable与promise

摘要：可观察对象 vs. 承诺 observable是声明式的，在被订阅之前，它不会开始执行。 promise是在创建时就立即执行的。 observable能提供多个值。这让可观察对象可用于随着时间的推移获取多个值。 promise只提供一个。 observable提供了 map、forEach、redu 阅读全文

posted @ 2022-02-26 00:11 哈哈哈~_~ 阅读(161) 评论(0) 推荐(0)

react-redux学习

摘要：什么时候需要redux 1. 一个组件需要共享它的状态给好几个组件2. 一个组件的状态改变发生的属性(props)传递，需要横过好几个组件并非所有的 React 应用程序都需要使用 Redux 的。如果你不确定是否使用 Rudex ，那么你就是不需要的。 redux基础概念 Action acti 阅读全文

posted @ 2022-02-18 21:12 哈哈哈~_~ 阅读(84) 评论(0) 推荐(0)

react学习

摘要：react-router-dom V6 路由传值及功能介绍 # 脚手架 ## 初始化项目 npx create-react-app my-app create-react-app是脚手架名字 npm init react-app my-app yarn create react-app my-app 阅读全文

posted @ 2022-02-02 22:54 哈哈哈~_~ 阅读(58) 评论(0) 推荐(0)

angular单例服务

摘要：angular 单例默认情况下，Angular CLI 命令 ng generate service 会通过给 @Injectable() 装饰器添加 providedIn: 'root' 元数据的形式，用根注入器将你的服务注册成为提供者。 import { Injectable } from ' 阅读全文

posted @ 2022-01-27 16:58 哈哈哈~_~ 阅读(312) 评论(0) 推荐(0)

react长列表优化

摘要：在展示大型列表和表格数据, 如: 城市列表、通讯录、微博等，会导致页面不流畅、卡顿等性能问题。原因: 大量的DOM节点的重绘和重排，设备老旧；导致移动设备耗电耗电加快，设备发热。优化方案: 1.懒渲染 2. react-virtualized (可视区域渲染) 懒渲染: 每次只渲染一部分数据，加阅读全文

posted @ 2022-01-26 23:04 哈哈哈~_~ 阅读(197) 评论(0) 推荐(0)

微前端-angular+qiankun+single-spa

摘要：什么是微前端？主应用配置采用 Angular 作为主应用基座，接入不同的子Angular项目构建angular主应用基座使用angular cli生成angular项目 ng new main 在主应用中安装 qiankun yarn add qiankun -D 将普通的angular项目改阅读全文

posted @ 2022-01-21 18:07 哈哈哈~_~ 阅读(1303) 评论(0) 推荐(0)

升级包时遇到的坑

摘要：angular 版本10.2.0 更新自定义的lib包时报错分析：是ng-lazyload-image包的版本与angular/core的版本对不上查看ng-lazyload-image的版本，是9.1.1的去npm网站查看，果然更新了查看ng-lazyload-image的版本9.1.1 阅读全文

posted @ 2022-01-06 14:04 哈哈哈~_~ 阅读(54) 评论(0) 推荐(0)

Angular 学习

摘要：学习网站： https://www.bookstack.cn/read/Angular2-Training-Book/README.md Angular 正确使用 @ViewChild、@ViewChildren 访问 DOM、组件、指令在Angular中自定义Webpack配置 angular2 阅读全文

posted @ 2021-11-30 11:58 哈哈哈~_~ 阅读(165) 评论(0) 推荐(0)

angular中的<base>标签与图片路径处理

摘要：html中的<base>标签 <base> 标签为页面上的所有链接规定默认地址或默认目标。通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有阅读全文

posted @ 2021-11-26 15:08 哈哈哈~_~ 阅读(814) 评论(0) 推荐(0)

代码检测

摘要：https://www.wenjiangs.com/article/0179b9a0e928.html https://blog.csdn.net/cookcyq__/article/details/125457031 检测代码的工具很多，主要分为三类：一类是代码格式化工具，专注代码结构美化，不处阅读全文

posted @ 2021-10-26 17:30 哈哈哈~_~ 阅读(280) 评论(0) 推荐(0)

angular10项目支持IE11

摘要：在 Angular 10 中，已经弃用 IE 9、10 和 IE mobile 支持， v11 版本中将完全删除 IE 9、10 和 IE mobile 支持如何支持IE11 1 修改polyfill.ts 安装npm install --save classlist.js 没用到web-anim 阅读全文

posted @ 2021-10-22 16:49 哈哈哈~_~ 阅读(182) 评论(0) 推荐(0)

angular变更检测和onPush策略

摘要：变更检测当组件实例化之后，Angular 就会创建一个变更检测器，它负责传播组件各个绑定值的变化。该策略是下列值之一： ChangeDetectionStrategy#OnPush 把策略设置为 CheckOnce（按需）。 ChangeDetectionStrategy#Default 把策略阅读全文

posted @ 2021-10-12 09:52 哈哈哈~_~ 阅读(562) 评论(0) 推荐(0)

ajax请求

摘要：1 XMLHttpRequest onreadystatechange 是一个事件句柄。它的值 (state_Change) 是一个函数的名称，当 XMLHttpRequest 对象的状态发生改变时，会触发此函数。状态从 0 (uninitialized) 到 4 (complete) 进行变化。仅阅读全文

posted @ 2021-07-09 18:38 哈哈哈~_~ 阅读(106) 评论(0) 推荐(0)

初始化angular项目常用命令

摘要：1 生成项目 ng new xxx --createApplication=false --directory=frontend --interactive=false --createApplication=false参数避免创建初始应用程序（默认值为true）。否则，Angular CLI sr 阅读全文

posted @ 2021-05-19 11:57 哈哈哈~_~ 阅读(175) 评论(0) 推荐(0)

前端解析Excel文件

摘要：前端解析Excel文件 import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { LazyResult, LazyService } from './ 阅读全文

posted @ 2021-04-28 15:06 哈哈哈~_~ 阅读(735) 评论(0) 推荐(0)

可视化分析包大小的插件webpack-bundle-analyzer

摘要：一，作用将打包的项目以可视化的形式展现到浏览器上，并展示打包项目的名称大小等二，安装 yarn add webpack-bundle-analyzer 三，使用在终端执行 ng build --help 可以看到参数--stats-json 作用是生成stats.json 在项目的packag 阅读全文

posted @ 2021-04-28 14:41 哈哈哈~_~ 阅读(349) 评论(0) 推荐(0)

angular-子组件属性顺序

摘要：有bug前 <app-letter [(processDetail)]="workflowInfo" [(taskId)]="processId" [(workflowTemplateId)]="workflowTemplateId" [(activityCode)]="activityCode"> 阅读全文

posted @ 2020-12-07 15:31 哈哈哈~_~ 阅读(128) 评论(0) 推荐(0)

angular监听路由

摘要：// 声明订阅对象 routerChange: Subscription; // 发生变化是才会触发，初始化时不会触发 ngOnInit() { this.routerChange = this.router.events.subscribe((event) => { if (event insta 阅读全文

posted @ 2020-09-08 17:49 哈哈哈~_~ 阅读(431) 评论(0) 推荐(0)

随笔分类 - 前端框架及相关