【转】浅谈script标签中的async和defer script标签用于加载脚本与执行脚本,在前端开发中可以说是非常重要的标签了。直接使用script脚本的话,html会按照顺序来加载并执行脚本,在脚本加载&执行的过程中,会阻塞后续的DOM渲染。 现在大家习惯于在页面中引用各种的第三方脚本,如果第三方服务商出现了一些小问题,比如延迟之类的,就会使得页面白屏。好在script提供了两种方式来解 2021-11-30 前端 HTML
Vue双向绑定原理及实现 本文主要介绍两部分内容:1、vue数据双向绑定的原理。2、实现简单版vue的过程,主要实现双括号、v-model和事件指令的功能。 vue数据双向绑定原理vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,那么vue是如果进行数据劫持的,我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象是个什么东西。代码如下: v 2021-07-04 前端 Vue
Angular路由懒加载配置 @NgModule的作用 NgModule 最根本的意义是帮助开发者组织业务代码,开发者可以利用 NgModule 把关系比较紧密的组件组织到一起,这是首要的。 NgModule 用来控制组件、指令、管道等是否可以使用,处于同一个 NgModule 里面的组件默认互相可见,而对于外部的组件来说,只能看到 NgModule 导出( exports )的内容,也就是说,如果你定义的 NgModule 2021-02-01 前端 Angular
Angular ElementRef详解 一.为什么要用ElementRef为了能够支持跨平台,Angular 通过抽象层封装了不同平台的差异,统一了 API 接口。如定义了抽象类 Renderer(已废弃,现在用Renderer2) 、抽象类 RootRenderer 等。此外还定义了以下引用类型: 1. ElementRef; 2. TemplateRef; 3. ViewRef ; 4. ComponentRef ; 5. 2020-11-11 前端 Angular
placeholder兼容性 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: #666; font-size: 16px; } input:-moz-placeholder, textarea:-moz-placehol 2020-09-08 前端 CSS
CSS变量设置 背景:之前对于大段文案的样式处理,通常采用富文本编辑器里设计颜色、字体等;如果需要根据运营人员配置的颜色来作为一个作用域内的非文本的,比如说分页的数字icon的底色、按钮的颜色、上传组件的颜色时,就需要用到CSS变量来进行样式控制。 声明变量的时候,变量名前面要加两根连词线(–)(大小写敏感) body { --foo: #7F583F; --bar: #F7EF 2020-07-23 前端 CSS
伪元素清除浮动 在日常开发工作中,慎用“overflow:hidden;”清除浮动,对于父级元素内的绝对定位或者相对定位可能会起到遮挡作用。 单伪元素标签法: .clearfix:after{ content:""; height:0; line-height:0; display:block; visibility:hidden; clear:bot 2020-07-07 前端 CSS
Ajax与Fetch的区别 fetch是ajax的替代品;基于标准Promise实现支持async/await,可读性更高,避免了ajax回调地狱的痛点。 Ajax的核心是XMLHttpRequest对象,浏览器正是通过XMLHttpRequest对象进行http通信; //1.创建Ajax对象 if(window.XMLHttpRequest){ let oAjax=new XMLHttpRequest( 2020-05-23 前端 数据请求方式
笔记-1 本着有输入有输出的原则记录一下《大癫狂-群体性狂热与泡沫经济》 密西西比计划:1、十七世纪约翰劳经法国政府特许,建立可以发行货币的私有银行;以此推行纸币以逐渐取代硬币2、因为劳的特权,其所创立的密西西比公司拥有密西西比河流域独有的贸易特权,由于当时传闻密西西比河遍地所金银;所以公司股票疯涨3、为了解决国债负担的问题,劳利用皇家银行的发行纸币的权利和密西西比公司的股票价值,不断发行股票以偿还国债 2020-01-30 杂文
Angular构造函数中修饰符的区别 众所周知,Angular中引入了大量Java的语法思想,在日常开发中,常常定义变量的时候是不写修饰符的,对修饰符的理解也仅仅停留在Java阶段,如下: 修饰符 当前类 同包 子类 其他包 public √ √ √ √ protected √ 2020-01-09 前端 Angular