<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Null_Bugs的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Null_Bugs</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Null_Bugs]]></copyright><item><title><![CDATA[vue结合iview使用面包屑导航]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/108536377</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/108536377</guid><author>Null_Bugs</author><pubDate>Fri, 11 Sep 2020 16:04:34 +0800</pubDate><description><![CDATA[1、配置路由


{
  path: '/list',
  meta: [{ title: 列表'}],
  name: 'MinePicture',
  component: () =&gt; import('../views/lists/list.vue'),
},
{
  path: '/list/detail/:id',
  meta: [{ title: '列表',url:'/list' }, { title: '详情'}],
  name: 'pictureDetail',
  componen]]></description><category></category></item><item><title><![CDATA[iview中表单单独进行验证]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/107386097</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/107386097</guid><author>Null_Bugs</author><pubDate>Thu, 16 Jul 2020 16:26:34 +0800</pubDate><description><![CDATA[let _self = this
            new Promise(function (resolve, reject) {
                _self.$refs['formCustom'].validateField("mobile", (error) =&gt; {
                    resolve(error)
                })
            }).then((data)=&gt;{
                .]]></description><category></category></item><item><title><![CDATA[vue中create-api]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/103301393</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/103301393</guid><author>Null_Bugs</author><pubDate>Thu, 28 Nov 2019 21:22:56 +0800</pubDate><description><![CDATA[1.组件中必须设置name

2.

3.this.$create组件名

4.注意只能是字符串，字符串可以响应式改变props


]]></description><category></category></item><item><title><![CDATA[回流和重绘]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/103035562</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/103035562</guid><author>Null_Bugs</author><pubDate>Tue, 19 Nov 2019 20:40:51 +0800</pubDate><description><![CDATA[理解浏览器的重绘和回流

css性能能让javascript变慢？

频繁触发重绘与回流，会导致UI频繁渲染，最终导致js变慢

回流：当render tree 中的一部分（全部）因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流。

当页面布局和几何属性改变时就需要回流

重绘：当render tree 中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局，...]]></description><category></category></item><item><title><![CDATA[预加载和懒加载]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/103003151</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/103003151</guid><author>Null_Bugs</author><pubDate>Tue, 12 Nov 2019 15:32:01 +0800</pubDate><description><![CDATA[懒加载

通过监听scroll事件，判断图片进入可视区域之后请求图片资源

对于电商等图片很多，页面很长的业务场景适用

减少无效资源的加载

并发加载的资源过多会阻塞js的加载，影响网站的正常使用

可以使用原生js或者引用zepto.min.js


var viewHeight = document.documentElement.clientHeight;//可视区域的高度

functi...]]></description><category></category></item><item><title><![CDATA[window10中右击打开命令行]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/102980859</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/102980859</guid><author>Null_Bugs</author><pubDate>Fri, 08 Nov 2019 22:02:51 +0800</pubDate><description><![CDATA[1、win键 + R 输入regedit

2、打开“HKEY_CLASSES_ROOT\Directory\Background\shell”，shell右击新建项“在此处打开命令窗口”



3、右击“在此处打开命令窗口”，新建“command”项

"C:\Windows\System32\cmd.exe" "--working-dir" "%v."





确定就ok了
...]]></description><category></category></item><item><title><![CDATA[vue中多个组件调用同一个接口]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/102962841</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/102962841</guid><author>Null_Bugs</author><pubDate>Thu, 07 Nov 2019 21:04:29 +0800</pubDate><description><![CDATA[export function getData(callback){
    let opt = {
        method : 'get',
        url: '/user',
        success: res =&gt; {
            callback(res.data.value || [])
        },
        fail:err =&...]]></description><category></category></item><item><title><![CDATA[ios中click不起作用]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/102947043</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/102947043</guid><author>Null_Bugs</author><pubDate>Thu, 07 Nov 2019 08:49:29 +0800</pubDate><description><![CDATA[click事件在PC端和安卓上都可以点击，但是在ios上

因为在ios上类名为click-btn的div元素上没有click事件，它是touch事件,如果把click-btn的div改成button,在ios上是可以点击的,div本身默认不能点击，解决方案如下：

方案1：在样式中添加属性cursor:pointer;

方案2：添加touchstart事件document.body.addEv...]]></description><category></category></item><item><title><![CDATA[js/css导航条三级]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/101535495</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/101535495</guid><author>Null_Bugs</author><pubDate>Fri, 27 Sep 2019 14:53:39 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8" /&gt;
		&lt;title&gt;三级导航菜单&lt;/title&gt;
	&lt;/head&gt;
	&lt;style&gt;
		*{
	margin: 0;
	padding: 0;
}
body{
	font-size: 1...]]></description><category></category></item><item><title><![CDATA[angular8  页脚]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/101376491</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/101376491</guid><author>Null_Bugs</author><pubDate>Wed, 25 Sep 2019 17:48:52 +0800</pubDate><description><![CDATA[footer.component .html


&lt;app-horizontal-grid [cols]='5' [displayCols]='5'&gt;
  &lt;div appGridItem *ngFor="let item of tabItem; let idx = index;"&gt;
      &lt;img [src]="idx === selectedIndex ? ...]]></description><category></category></item><item><title><![CDATA[angular8 倒计时]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/101270688</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/101270688</guid><author>Null_Bugs</author><pubDate>Tue, 24 Sep 2019 16:09:09 +0800</pubDate><description><![CDATA[component


import { Component, OnInit, Input } from '@angular/core';
import { Observable, interval } from 'rxjs';
import {takeWhile, map, tap } from 'rxjs/operators';

@Component({
  selector: 'app-c...]]></description><category></category></item><item><title><![CDATA[angular8  管道和async]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/101195650</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/101195650</guid><author>Null_Bugs</author><pubDate>Mon, 23 Sep 2019 10:35:45 +0800</pubDate><description><![CDATA[/* subscribe 是异步方法 */


import { Component, OnInit, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
import { ImageSlider, Channel } from 'src/app/shared/components';
import { Acti...]]></description><category></category></item><item><title><![CDATA[angular8 拦截器]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/100984549</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/100984549</guid><author>Null_Bugs</author><pubDate>Wed, 18 Sep 2019 16:46:45 +0800</pubDate><description><![CDATA[首先 新建一个文件夹叫interceptors，在该文件夹下建一个文件叫param.interceptor.ts，输入ng-http-interceptor创建


import { Injectable } from '@angular/core';
import {
    HttpEvent, HttpInterceptor, HttpHandler, HttpRequest
} fro...]]></description><category></category></item><item><title><![CDATA[angular8  http请求]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/100926478</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/100926478</guid><author>Null_Bugs</author><pubDate>Wed, 18 Sep 2019 15:10:06 +0800</pubDate><description><![CDATA[https://www.getpostman.com 下载postman

在编辑器中搜索rest.client插件

新建一个rest.http的文件


@baseUrl = https://jsonplaceholder.typicode.com

GET {{baseUrl}}/posts HTTP/1.1

###
POST  {{baseUrl}}/POST HTTP/1.1
C...]]></description><category></category></item><item><title><![CDATA[angular8 脏值检查]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/100554595</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/100554595</guid><author>Null_Bugs</author><pubDate>Mon, 16 Sep 2019 15:39:14 +0800</pubDate><description><![CDATA[什么是脏值检查？

当数据改变时更新视图（DOM）

什么时候会触发脏值检查？

浏览器事件（如click,mouseover,keyup等）

setTimeout()和setInterval()

HTTP请求

如何进行检测

检查两个状态值：当前状态和新状态






import { Component, OnInit, NgZone } from '@angular/core';...]]></description><category></category></item><item><title><![CDATA[git push遇到的问题]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/100553309</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/100553309</guid><author>Null_Bugs</author><pubDate>Thu, 05 Sep 2019 10:41:28 +0800</pubDate><description><![CDATA[git push origin master


报错：
! [rejected] master -&gt; master (non-fast forward)

1、git pull origin master --allow-unrelated-histories //把远程仓库和本地同步，消除差异

2、重新add和commit相应文件

3、git push origin master...]]></description><category></category></item><item><title><![CDATA[angular8 依赖注入]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/100535142</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/100535142</guid><author>Null_Bugs</author><pubDate>Wed, 04 Sep 2019 15:00:37 +0800</pubDate><description><![CDATA[提供服务：

@Injectable()

标记为可供注入的服务

模块中声明：

providers 数组

或者import对应模块

在组件中使用

构造函数中直接声明

Angular框架帮你完成注入



https://github.com/yyk316507/angualr8-demo
...]]></description><category></category></item><item><title><![CDATA[angular8  管道]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/100522829</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/100522829</guid><author>Null_Bugs</author><pubDate>Wed, 04 Sep 2019 10:10:47 +0800</pubDate><description><![CDATA[管道的作用就是在视图上提供便利的值变换的方法。


{{obj | json}}
{{date | date : 'MM-DD'}}
{{price | currency : 'CNY':'symbol':'4.0-2'}}

app.module.ts




import localZh from '@angular/common/locals/zh-Hans';
import { regi...]]></description><category></category></item><item><title><![CDATA[angular8 路由初步]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/100283751</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/100283751</guid><author>Null_Bugs</author><pubDate>Tue, 03 Sep 2019 13:57:25 +0800</pubDate><description><![CDATA[路由是什么

路由（导航）本质上是切换视图的一种机制。

路由的导航的URL是否真实存在

angular的路由借鉴了大家熟知的浏览器URL变化导致页面切换的机制

angular是单页程序，路由显示的路径不过是一种保存路由状态的机制，这个路径在web服务器上不存在。

父组件

&lt;router-outlet&gt;&lt;/router-outlet&gt;

路由定义

定义路由数组：路...]]></description><category></category></item><item><title><![CDATA[angular8 滚动多个图片加文字组件]]></title><link>https://blog.youkuaiyun.com/Null_Bugs/article/details/100154436</link><guid>https://blog.youkuaiyun.com/Null_Bugs/article/details/100154436</guid><author>Null_Bugs</author><pubDate>Mon, 02 Sep 2019 14:32:51 +0800</pubDate><description><![CDATA[子组件html


&lt;div class="container" 
[ngStyle]="{
    'grid-template-rows': templateRows,
    'grid-template-columns': templateColumns}"
    (scroll) ="handleScroll($event)"
    &gt;
    &lt;ng-conten...]]></description><category></category></item></channel></rss>