原创 IOS微信瀏覽器鍵盤擠壓頁面不回彈解決方法

import { Directive, ElementRef } from '@angular/core'; @Directive({ selector: '[appResetPage]' }) export class

原创 2020面試問題總結

1.css 瀏覽器兼容情況/選擇器/瀏覽器差異情況 flex 佈局 2.less 3.框架 i.vue watch 如何監測數據對象屬性的變化 ii.vue原理 iii.vue/react/angular 三大框架的區

原创 TS中的class與interface,extends與implement

參考: class:https://segmentfault.com/a/1190000008606016 類與接口: https://segmentfault.com/a/1190000015068063#articleHead

原创 angular創建本地庫

Angular7 Library庫的使用 創建 Angular 工作區 使用 –createApplication 這個 --createApplication 選項與 ng new 結合一起使用,設置它爲 false 時,它會告

原创 angular router常用配置

Angular’s Route const routes: Routes = [ { // 來源管理 一覽 path: 'sourceList', component: SourceListComp

原创 javascript高階知識(es5.es6繼承)

繼承的相關概念 1.繼承使得子類擁有了父類的屬性和方法[tu] 2.子類函數構造出的對象具有父類對象的屬性和方法 3.注意區分實列屬性與繼承.繼承要隔一層(需要兩次以上的原型搜索)[tu] 如: a=new Array() a.v

原创 typescript中使用type,class,interface定義數據結構的區別

typescript中聲明一個類型,我們通常會有3種做法,他們都可以去繼承: 1.interface interface User { name: string age: number } interface SetUs

原创 Proxy

Proxy 可以理解成,在目標對象之前架設一層“攔截”,外界對該對象的訪問,都必須先通過這層攔截,因此提供了一種機制,可以對外界的訪問進行過濾和改寫。Proxy 這個詞的原意是代理,用在這裏表示由它來“代理”某些操作,可以譯爲“代

原创 angular7.0使用參考手冊

angular 各功能應用demo 啓動項目 進入各demo項目下執行: cnpm i ng serve --open 常用指令 *ngfor *ngIf 插值表達式 {{}} 屬性綁定 []

原创 js深入系列-函數

子程序 一個或者多個語句組成的完成特定任務的相對獨立的的一段代碼塊; 包括: 函數: 有返回值 方法: 在對象中 過程: 沒有返回值 數學中函數 定義域中每一項元素總會對應一個或者多個值域中的值。 -函數式編程 編程風格符合

原创 實現一鍵查看網頁佈局的方法

新建一個書籤,將下面代碼複製粘貼到書籤地址即可。之後在想看佈局的網頁點擊該書籤就可以看到效果了。 javascript: (function() { var elements = document.body.getElement

原创 Eventloop詳解,非科班前端必看!

原文鏈接:https://juejin.im/post/5d5b4c2df265da03dd3d73e5?utm_source=gold_browser_extension 下面大佬的文

原创 angular 表單常用驗證

html監聽驗證 <nz-form-control> <nz-form-label class="label" nzFor="integral">積分值</nz-form-label> <input name="int

原创 常用輸入框驗證(使用正則匹配)

使用方法: 使用string.match(reg)匹配到不符合規則的值會返回會NULL // 初始化表單數據 this.mainForm = this.fb.group({ id: [null, [Vali

原创 npm install error

報錯: Unhandled rejection Error: EACCES: permission denied #1192 1.需要給npm 權限 sudo chown -R $USER:$GROUP ~/.npm sudo