- 博客(26)
- 收藏
- 关注
RSS订阅原创 每日一练
js什么时候会占用cpu动画在浏览器中可见时，页面重绘，会占用cpu当打开页面，但重绘那部分不可见时，不占多少cpu当打开页面，但浏览器最小化时，不占多少cpu总结动画会大量占用cpu，dom操作会占用cpu所以以前传统方式使用jq操作dom是很占用cpu资源的现代的前端框架都采用了双向数据绑定MVVM模式，尽可能的减少dom操作，来合理利用cpu资源前端传递token的流程在用户首次登录的时候取得后端传过来的token，并保存下来（保存在locastorage中）。把token加
2021-02-22 18:09:00
138
原创 Angular中路由地址不变实现刷新的方式
版本：Angular11第一种方式首先在app-routing文件下设置RouterModule在点击相同的路由下能触发路由事件@NgModule({ imports: [RouterModule.forRoot(routes, { onSameUrlNavigation: 'reload' })], exports: [RouterModule]})export class AppRoutingModule {}然后再去需要刷新的页面获取路由触发事件，在路由导航成功
2020-12-22 17:35:39
3138
原创 Angular的路由
Angular的路由每个模块都可以创建一个路由模块，在根模块的路由模块应该是forRoot，其他路由模块应该是forChild 。RouterModule 可能会被多次导入：每个惰性加载的发布包都会导入一次。 但由于路由器要和全局共享的资源 - location 打交道，所以不能同时激活一个以上的 Router 服务。所以整个应用调用的都是同个Router服务，类似于单例。这就是需要两种方式来创建本模块的原因：RouterModule.forRoot 和 RouterModule.forChild。
2020-11-19 11:53:06
3986
2
原创 Angular的变更检测
angular变更检测分为默认的（“CheckAlways”）变更检测策略 和 OnPush（“CheckOnce”）变更检测策略，angular变更检测是一种单向数据流，也就是检测永远是从父组件到子组件的，如果在一次变更周期内子组件去更改父组件就会报错（但是页面数据是能正确显示出来的），因为父组件已经检测完毕，再去改变父组件就违反了单向数据流。onPush会让应用性能更高，推荐使用onPush变更策略。默认变更触发时机事件：页面 click、submit、mouse down……XHR：从后端服
2020-11-16 15:20:09
604
原创 Angular的生命周期
组件的生命周期和指令的生命的周期唯一区别就是指令没有AfterContentInit和AfterContentChecked，因为指令没有投影。在组件或父组件发生变更检测的时候都会调用三个变更检测方法：ngDoCheck、ngAfterContentChecked、ngAfterViewChecked以下生成的生命周期方法即为组件生命周期执行顺序import {AfterContentChecked,AfterContentInit, AfterViewChecked,AfterViewInit
2020-11-16 15:18:31
4428
原创 Angular的管道
angular为了提高应用的性能，把管道分为纯管道和非纯管道，纯管道只会在检测变更以后更新数据，对于一些引用类型对象使用纯管道，当引用对象内部发生变化的时候，不会触发检测变更，纯管道也就不会更新数据。管道默认是纯管道，纯管道也会让应用性能更高。如果我们自己创建的管道需要使用非纯管道只需要在管道的@Pipe装饰器中设置pure属性为false即可：@Pipe({ name: 'flyingHeros', pure: false})export class FlyingHerosPipe impl.
2020-11-16 15:16:20
208
原创 Angular的DI（依赖注入）
DI：依赖注入，是一种设计模式，很多优秀的框架都实现了这种模式，比如spring框架。angular自身也实现了一套依赖注入，只需要把主要的服务在用到的类的构造函数注入就可以。一般我们需要依赖注入的都是一些获取数据的服务，要让一个类成为可注入的服务就需要使用@Injectable()装饰器。设置注入服务有三种方式，三者选其一即可在服务本身的 @Injectable() 装饰器中。在 NgModule 的 @NgModule() 装饰器中。在组件的 @Component() 装饰器中。@Inje
2020-11-10 15:00:44
784
原创 Angular的组件投影
自己创建的组件，在页面引用的时候组件标签里面填写的内容是不生效的，因为组件不具备投影功能，但是我们可以在组件里面添加ng-content标签，ng-content 相当于一个插槽，我们在组件标签里面设置的数据会显示在ng-content里面，也可以设置多个ng-content，然后设置select属性选择对应的内容。组件 html代码<h3>组件投影</h3><div> <p>showDown</p> <div class="b
2020-11-02 18:49:03
267
原创 Angular的ViewContainerRef、TemplateRef、EmbeddedViewRef
ViewContainerRef 可以包含一个或者多个视图的容器TemplateRef 内嵌模板，可用来创建内嵌视图EmbeddedViewRef 内嵌视图假设ts中注入private viewContainerRef：ViewContainerRef ，private templateRef：TemplateRef 两个服务在ViewContainerRef 和TemplateRef 中都有createEmbeddedView创建视图的方法，所以往ViewContainerRef 容器插入视图
2020-11-02 18:45:06
768
原创 Angular的结构型指令
自定义一个结构型指令 * appUnless，当传入的值为false时显示，为true时隐藏。和ngIf的作用相反unless.directive.tsimport {Directive, Input, TemplateRef, ViewContainerRef} from '@angular/core';export class UnlessContext<T = unknown> { public $implicit: T = null!; public appUnless:
2020-10-28 16:12:51
377
原创 关于MySQL的SSL连接
在5.5版本以后的MySQL连接的时候需要设置useSSL属性，即在jdbc的连接url添加。设置了useSSL以后就不会报SSL错误，如果设置useSSL=true，则需要你提供密钥，在win10上将useSSL设置为true或者false都可以不需要密钥，但是在centos7上连接设置为true则必须提供密钥，否则会报错。关于SSL连接问题可参考这篇博客url=jdbc:mysql://127.0.0.1:3306/test?characterEncoding=utf8&useSSL=tru
2020-10-23 12:51:15
501
原创 centnos7安装软件
centeos7下安装jdk1、官网下载jdk，上传到服务器解压2、修改环境变量vi /etc/profile在最下面添加如下内容export JAVA_HOME=解压后的jdk路径export PATH=PATH:PATH:PATH:{JAVA_HOME}/bin3、更新环境变量source /etc/profile4、测试是否安装成功输入 java -version能出来jdk的版本号说明安装成功centnos7下安装MySQL5.71、wget -i -c htt
2020-10-22 18:19:46
125
原创 PowerShell 基本命令使用
本次使用为powershell7版本命令不分大小写，官方标准为单词首字母大写powershell中也可以使用部分linux命令get-host 查看powershell版本信息New-Item test.txt [-File] 新建文件，-file可以省略New-Item test -Type Directory 创建文件夹mkdir test 新建文件夹，此命令为linux命令Set-Content .\demo1.txt -Value “hello world” 给文件插入内容，原有
2020-10-15 15:48:57
1033
原创 git学习记录
git的是一款分布式的版本管理工具。git的工作区是值初始化git的项目文件夹git的暂存区和分支称为git的版本库（本地仓库），它也在git项目文件夹中，我们不需要关注，只需要知道有暂存区和分支git status：查看git的文件状态git add .：将工作区所有文件添加到暂存区 点代表工作区的所有文件git commit -m “描述信息”：将暂存区的文件添加到本地仓库关于git的commit操作，每次commit都是一个新版本，每个版本都在一个不同提交点上，但是只有更新修改的文件.
2020-10-14 19:34:28
129
原创 2019.9.23
关于JavaScriptJavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。HTML DOM 节点树HTML DOM Tree 实例...
2019-09-23 21:35:24
80
原创 2019.09.19
数据库概述：数据库 DB数据库管理员 DBA数据库管理系统 DBMS在企业中数据查询最为复杂基本数据库：MySQL Oracle DB2SQL：结构化查询语言 （增删改查）对数据库进行操作的DDL：数据库定义语言，用来定义数据库对象；库、表、列；createn alter dropDML：数据表操作语言，用来定义数据库记录，inster update deleteDCL：数据控制...
2019-09-19 16:00:33
102
原创 2019.09.18
MVC模式MVC，即 Model 模型、View 视图，及 Controller 控制器View：视图，为用户提供使用界面，与用户直接进行交互。Model：模型，承载数据，并对用户提交请求进行计算的模块。其分为两类，一类称为数据承载 Bean，一类称为业务处理Bean。所谓数据承载 Bean 是指实体类，专门用户承载业务数据的，如 Student、User 等。而业务处理 Bean 则是指...
2019-09-18 18:31:50
120
原创 2019.09.17
数组和集合1.数组大小是固定的 集合不是固定的2.数组只能放一种类型的数据，集合可以放多种类型的数据list和set1.list是有序的不重复的2.set无序不可重复arraylist 和 linkedlistarraylist 底层存储数据类型为数组 查询快 增删慢linkedlist 底层存储数据类型为链表 增删快 查询慢对于随机访问get和set，ArrayLi...
2019-09-17 14:51:33
59
原创 2019.09.16
静态方法和非静态方法的区别总结如下：1、静态方法属于类所有，类实例化前即可使用；2、非静态方法可以访问类中的任何成员，静态方法只能访问类中的静态成员；3、因为静态方法在类实例化前就可以使用，而类中的非静态变量必须在实例化之后才能分配内存；4、static内部只能出现static变量和其他static方法!而且static方法中还不能使用this等关键字，因为它是属于整个类；5、静态方法效...
2019-09-16 15:27:57
93
原创 2019.09.11小结
今天的知识点1.List集合List 的创建方法：List<Integer> stu = new ArrayList<>()其中Integer是 int类型的包装类，因为List里面接收的是对象，int不是对象不能直接使用int，需要使用int的包装类。关于包装类1.包装类是对象，拥有方法和字段，对象的调用都是通过引用对象的地址；基本类型不是2、包装类型是引用的...
2019-09-11 16:16:45
102
原创 2019.09.10jdbc代码优化
在jdbc原代码中，加载驱动、创建链接和关闭资源的代码都是固定的，可以单独拿出来放在一个类里面，这样就不用每次重复改写代码，直接调用该方法即可。修改后的代码如下新建一个DBUtil类把固定不变的代码放里面public class DBUtil { public Connection getConnection() throws ClassNotFoundException, SQLE...
2019-09-10 15:11:31
72
原创 2019.09.09 用jdbc连接MySQL
jdbc七步骤1.加载驱动2.创建连接3.写sql4.得到statement对象，5.执行sql6.处理结果集7.关闭资源创建MySQL数据库打开SQLyog，在root下面右击创建数据库，输入数据库名字，基字符集选择utf8，数据库排序规则为utf8_general_ci。在数据库里面创建一张表输入表名称，引擎选择InooDB，字符集选择utf8，核对选择utf8_gen...
2019-09-09 14:46:38
153
原创 2019.9.6软件安装步骤
Java安装双击jdk1.8版本安装包运行程序进入安装向导页面单击下一步选择安装可选功能页面，选择默认安装位置，点击下一步静默等待安装进度条，选择默认java文件安装路径进入安装状态，等待完成安装完成，关闭页面配置环境变量，在“这台电脑”，右键，属性，高级，环境变量在系统变量中找到Path变量编辑Path变量。选择新建把C:\Program Files\Java\jdk1.8....
2019-09-07 12:02:58
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人