原创 angular請求數據

get請求 1、在app.module.js中引入模塊並聲明 import {HttpClientModule} from '@angular/common/http'; imports: [ HttpClientMod

原创 vue使用外部字體

1、下載字體包 鏈接:https://pan.baidu.com/s/1QS7Ra9-Nr6B0SSqUEa5Q9Q 提取碼:swvz 2、css中引入字體 @font-face { font-family: my

原创 angular中@ViewChild、@ViewChildren的使用

@ViewChild和@ViewChildren會在父組件鉤子方法ngAfterViewInit調用之前賦值。 獲取DOM節點 1、在html中給DOM節點設置一個模板應用變量myBox <div #myBox>

原创 video標籤播放m3u8格式視頻-------html頁面

    m3u8是蘋果公司推出一種視頻播放標準,是m3u的一種,不過 編碼方式是utf-8,是一種文件檢索格式,將視頻切割成一小段一小段的ts格式的視頻文件,然後存在服務器中(現在爲了減少I/o訪問次數,一般存在服務器的內存中),通過m3

原创 Angular生命週期函數

應用初始化鉤子函數ngOnInit // 在angular應用初始化的時候執行, Angular在創建組件後立刻調用它 // 頁面刷新時會觸發該生命週期函數 // 一般用於請求數據 ngOnInit(

原创 Angular使用DES模式加密解密,包括Java加密解密

前端加密解密 1.安裝:npm install crypto-js 2.創建一個crypto.service.ts服務文件 // crypto.service.ts import { Injectable } from '@ang

原创 angular中訂閱(subscribe)的用法

1、用於頁面傳參(訂閱實時監視着數據的變化) html傳遞參數: <a [routerLink]="['/tab4','改變參數']" [queryParams]="{id:123123123123}" >改變路由參數後的tab4

原创 nz-date-picker組件時間範圍限制

組件: <nz-date-picker [nzFormat]="'yyyy-MM-dd'" [nzDisabledDate]="disabledDate" style="wid

原创 EasyMock在線使用方法

1、進入EasyMock官網https://www.easy-mock.com/login,選擇簡體中文 2、點擊開始吧,進行登錄或註冊,進入首頁 3、點擊右下角創建新項目 沒有Swagger Docs API可填寫 https

原创 常用頁面文字設置

1、設置文字不被鼠標選中 -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-

原创 es6 參數默認值

es5寫法 function multiply(a, b) { a = a || 5; b = b || 3; return a * b; } console

原创 uni-app創建並運行微信小程序項目

打開HBuilder X,點擊文件,選擇新建一個項目 首先點擊HBuilder X菜單欄工具下面的設置,然後在運行配置裏面設置微信開發者工具的安裝路徑 在微信開發者工具中,點擊設置下面的安全設置,然後開啓服務端口 最後在HB

原创 angular時間格式轉換

//導入 import { DatePipe } from '@angular/common'; //構造器 constructor(private datePipe: DatePipe ) { } //js使用 this.

原创 webpack相關配置

關於webpack4的14個知識點,童叟無欺 https://juejin.im/post/5cea1e1ae51d4510664d1652 webpack4 的30個步驟打造優化到極致的 react 開發環境,如約而至 http

原创 less的基本使用

less編譯器 1、less.js 當頁面運行的時候,把less編譯成css 2、考拉編譯 寫的時候就把less編譯成css,html直接引用css 下載地址:http://www.openkoala.org/download.h