HTML
lvxinaidou
这个作者很懒,什么都没留下…
展开
-
Angular指令-结构性指令(*ngTemplateOutlet)使用
1.常规写法//默认值$implicit, 如果let-定义的变量,没有值,就会读取默认的$implicit的值 tryObj = { $implicit: 'test default', value:'test', key: '1' }<ng-container [ngTemplateOutlet]="try" [ngTemplateOutletContext]="tryObj"></ng-container>// let-trylet 取得原创 2022-01-04 13:19:02 · 572 阅读 · 0 评论 -
ng-content、ng-template、ng-container使用及区别
ng-template、ng-content、ng-containerangular之ng-container 、ng-template、ng-content的使用原创 2020-11-19 12:55:00 · 2146 阅读 · 0 评论 -
Angular8 *NgIf,*NgFor,*NgSwitch,NgStyle,NgClass用法
Angular8内置指令使用一、ngFor二、ngIf三、ngSwitch四、 ngStyle五、ngClass一、ngFor二、ngIf三、ngSwitch四、 ngStyle五、ngClass原创 2020-06-11 18:08:46 · 1854 阅读 · 0 评论 -
Angular8 路由使用Router
这里写目录标题一级目录二级目录三级目录一级目录二级目录三级目录原创 2020-06-10 11:51:18 · 1017 阅读 · 0 评论 -
Angular8管道使用 Pipe
这里写目录标题一级目录二级目录三级目录一级目录二级目录三级目录原创 2020-06-10 09:46:16 · 1924 阅读 · 0 评论 -
Angular8 拦截器 HttpInterceptor使用
这里写目录标题一级目录二级目录三级目录学习地址:一级目录二级目录三级目录学习地址:拦截器补全请求地址操作HttpResponse返回的status状态码拦截器给请求设置token拦截器官方文档原创 2020-06-04 14:37:42 · 2672 阅读 · 0 评论 -
Angular8 路由捍卫使用
这里写目录标题一级目录二级目录三级目录一级目录二级目录三级目录原创 2020-06-04 14:06:24 · 599 阅读 · 0 评论 -
angular8 路由策略 LocationStrategy
angular8 路由策略 LocationStrategy一、什么是路由二、 前端路由2.1、hash实现2.2、HTML5实现2.3、Aangular8路由策略实现三、优点四、总结五、学习地址一、什么是路由假如我们有一台提供 Web 服务的服务器的网络地址是:127.0.0.1(localhost),而该 Web 服务又提供了三个可供用户访问的页面,其页面 URI 分别是:http://127.0.0.1/login/loginhttp://127.0.0.1/plan/plan-homeht原创 2020-06-04 13:24:41 · 6292 阅读 · 0 评论 -
Angular 8 自定义指令@Directive使用
Angular 8 自定义指令@Directive使用一、概述1.1、结构型指令1.2、属性型指令1.3、组件(模板指令)二、实例2.1、创建自定义指令2.2、声明指令2.3、模板文件(组件)引用指令2.4、运行效果三、扩展3.1、host3.2、其他学习参考一、概述所谓指令就是用于改变一个DOM元素的外观或行为,Angular8为我们封装了很多的内置指令,项目中也无时无刻不在使用指令,Angular8中有三类指令1.1、结构型指令通过添加和移除 DOM 元素改变 DOM 布局的指令,例如:Ngif原创 2020-05-26 19:06:11 · 3115 阅读 · 0 评论 -
浏览器缓存机制
@[TOC]浏览器缓存机制浏览器缓存(http缓存)简单来说,浏览器缓存其实就是浏览器保存通过HTTP获取的所有资源,是浏览器将网络资源存储在本地的一种行为。缓存的资源去哪里了?你可能会有疑问,浏览器存储了资源,那它把资源存储在哪里呢?如下看一个例子:首次访问页面关闭标签页,重新打开页面那么from memory cache 和 from disk cache又分别代表的是什么呢?...原创 2020-04-01 16:20:12 · 459 阅读 · 0 评论 -
Angular中ngx-echarts的使用
1.安装npm install echarts --savenpm install ngx-echarts --save2.引入模块2-1.angular.json中引入echarts.js文件"scripts": [ "node_modules/echarts/dist/echarts.js" ]2-2.当前组件所在的根模块导入NgxEchartsModule模块...原创 2020-02-10 10:45:03 · 2992 阅读 · 0 评论 -
自定义单选按钮
@自定义单选按钮<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3美化单选按钮</title> <style> /*隐藏input*/ label.bui-ra...原创 2019-08-13 15:28:10 · 290 阅读 · 0 评论 -
自定义的复选框checkbox
fontawesome自定义的复选框checkbox<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>checkbox</title> <script src="https://cdn.bootcss.com/jquery/3.3....原创 2019-07-26 10:23:23 · 237 阅读 · 0 评论 -
浏览器渲染原理
浏览器渲染原理遇到的问题:1.为什么要把css放在头部,js文件放在尾部?2.因js文件的加载阻塞,页面的显示?3.涉及到浏览器渲染的原理。如图浏览器渲染的的过程:在浏览器地址输入URL,浏览器会发送请求到服务器(即html文档所在的位置—我们输入的URL),浏览器下载html文档。开始解析html文档,从上到下,边解析,边生成DOM树。当遇到css样式或者css外部样式文件,些...原创 2019-05-23 15:33:19 · 166 阅读 · 0 评论