2 Null_Bugs

尚未进行身份认证

暂无相关简介

等级
TA的排名 3w+

vue中create-api

1.组件中必须设置name2.3.this.$create组件名4.注意只能是字符串,字符串可以响应式改变props

2019-11-28 21:22:56

回流和重绘

理解浏览器的重绘和回流css性能能让javascript变慢?频繁触发重绘与回流,会导致UI频繁渲染,最终导致js变慢回流:当render tree 中的一部分(全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流。当页面布局和几何属性改变时就需要回流重绘:当render tree 中的一些元素需要更新属性,而这些属性只是影响元素的外观,风格,而不会影响布局,...

2019-11-19 20:40:51

预加载和懒加载

懒加载通过监听scroll事件,判断图片进入可视区域之后请求图片资源对于电商等图片很多,页面很长的业务场景适用减少无效资源的加载并发加载的资源过多会阻塞js的加载,影响网站的正常使用可以使用原生js或者引用zepto.min.jsvar viewHeight = document.documentElement.clientHeight;//可视区域的高度functi...

2019-11-10 22:25:05

window10中右击打开命令行

1、win键 + R 输入regedit2、打开“HKEY_CLASSES_ROOT\Directory\Background\shell”,shell右击新建项“在此处打开命令窗口”3、右击“在此处打开命令窗口”,新建“command”项"C:\Windows\System32\cmd.exe" "--working-dir" "%v."确定就ok了...

2019-11-08 21:58:59

vue中多个组件调用同一个接口

export function getData(callback){ let opt = { method : 'get', url: '/user', success: res => { callback(res.data.value || []) }, fail:err =&...

2019-11-07 21:02:59

ios中click不起作用

click事件在PC端和安卓上都可以点击,但是在ios上因为在ios上类名为click-btn的div元素上没有click事件,它是touch事件,如果把click-btn的div改成button,在ios上是可以点击的,div本身默认不能点击,解决方案如下:方案1:在样式中添加属性cursor:pointer;方案2:添加touchstart事件document.body.addEv...

2019-11-07 08:48:56

js/css导航条三级

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>三级导航菜单</title> </head> <style> *{ margin: 0; padding: 0;}body{ font-size: 1...

2019-09-27 14:53:39

angular8 页脚

footer.component .html<app-horizontal-grid [cols]='5' [displayCols]='5'> <div appGridItem *ngFor="let item of tabItem; let idx = index;"> <img [src]="idx === selectedIndex ? ...

2019-09-25 17:43:46

angular8 倒计时

componentimport { Component, OnInit, Input } from '@angular/core';import { Observable, interval } from 'rxjs';import {takeWhile, map, tap } from 'rxjs/operators';@Component({ selector: 'app-c...

2019-09-24 10:49:50

angular8 管道和async

/* subscribe 是异步方法 */import { Component, OnInit, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';import { ImageSlider, Channel } from 'src/app/shared/components';import { Acti...

2019-09-23 10:25:00

angular8 拦截器

首先 新建一个文件夹叫interceptors,在该文件夹下建一个文件叫param.interceptor.ts,输入ng-http-interceptor创建import { Injectable } from '@angular/core';import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest} fro...

2019-09-18 15:20:45

angular8 http请求

https://www.getpostman.com下载postman在编辑器中搜索rest.client插件新建一个rest.http的文件@baseUrl=https://jsonplaceholder.typicode.comGET{{baseUrl}}/postsHTTP/1.1###POST{{baseUrl}}/POSTHTTP/1.1C...

2019-09-17 14:53:06

angular8 脏值检查

什么是脏值检查?当数据改变时更新视图(DOM)什么时候会触发脏值检查?浏览器事件(如click,mouseover,keyup等)setTimeout()和setInterval()HTTP请求如何进行检测检查两个状态值:当前状态和新状态import { Component, OnInit, NgZone } from '@angular/core';...

2019-09-05 11:22:58

git push遇到的问题

git push origin master报错:! [rejected] master -> master (non-fast forward)1、git pull origin master --allow-unrelated-histories //把远程仓库和本地同步,消除差异2、重新add和commit相应文件3、git push origin master...

2019-09-05 10:40:24

angular8 依赖注入

提供服务:@Injectable()标记为可供注入的服务模块中声明:providers 数组或者import对应模块在组件中使用构造函数中直接声明Angular框架帮你完成注入https://github.com/yyk316507/angualr8-demo...

2019-09-04 11:10:38

angular8 管道

管道的作用就是在视图上提供便利的值变换的方法。{{obj | json}}{{date | date : 'MM-DD'}}{{price | currency : 'CNY':'symbol':'4.0-2'}}app.module.tsimport localZh from '@angular/common/locals/zh-Hans';import { regi...

2019-09-03 23:21:11

angular8 路由初步

路由是什么路由(导航)本质上是切换视图的一种机制。路由的导航的URL是否真实存在angular的路由借鉴了大家熟知的浏览器URL变化导致页面切换的机制angular是单页程序,路由显示的路径不过是一种保存路由状态的机制,这个路径在web服务器上不存在。父组件<router-outlet></router-outlet>路由定义定义路由数组:路...

2019-09-03 13:57:25

angular8 滚动多个图片加文字组件

子组件html<div class="container" [ngStyle]="{ 'grid-template-rows': templateRows, 'grid-template-columns': templateColumns}" (scroll) ="handleScroll($event)" > <ng-conten...

2019-09-02 14:32:51

angular8组件嵌套

组件嵌套是不可避免的,过度嵌套会陷入复杂和冗余组件本身和外界的交互,通过@Input和@Output避免组件嵌套导致冗余数据和事件传递:内容投影、 路由、指令、服务投影组件<ng-content select="样式类/标签/指令"></ng-content>组件:<ng-content select=""></ng-conte...

2019-08-30 11:57:41

angular8 指令的样式和事件绑定

指令可以理解为没有模板的组件,它需要一个宿主元素推荐使用方括号 [] 指定Selector,使它变成一个属性html<div appGridItem *ngFor="let item of channels"> <img [src]="item.icon" alt="" [appGridItemImage]='"4rem"' [fitMode]="'non...

2019-08-29 17:02:33

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。