原创 關於 angular中Service Worker 快速起步

ng add @angular/pwa --project *project-name* 這段代碼中的*xxxx* 代表的是 項目名稱在angular.json中查找項目名稱即可 http-server -p 8080 -c-1 di

原创 在angular打包優化中遇到的問題 記錄

正常是ng build 優化打包方式 ng build --prod --aot 使用這個打包的時候 報錯 這個錯誤的原因是因爲我在home模塊裏 引入了服務 publicService 但是在constructor構造中 寫的形式出現了

原创 ng build部署後base文件路徑問題以及更改IP地址和端口號

在package.json文件中更改一下內容 "build":"ng build --base-href ./" base-href後面替換成打包後的base路徑   打包時 執行以下命令 npm run build   angula

原创 關於Promise 中Promise.all()方法的使用

Promise.all(iterable) 方法返回一個 Promise 實例,此實例在 iterable 參數內所有的 promise 都“完成(resolved)”或參數中不包含 promise 時回調完成(resolve);如果參數

原创 ES6語法知識

前言 ECMAScript 6.0(簡稱ES6),作爲下一代JavaScript的語言標準正式發佈於2015 年 6 月,至今已經發布3年多了,但是因爲蘊含的語法之廣,完全消化需要一定的時間,這裏我總結了部分ES6,以及ES6以後新語法的

原创 關於es6的一些基礎知識

箭頭函數(常用) ES6 允許使用箭頭(=>)定義函數 箭頭函數對於使用function關鍵字創建的函數有以下區別 箭頭函數沒有arguments(建議使用更好的語法,剩餘運算符替代) 箭頭函數沒有prototype屬性,沒有con

原创 關於 Promise async await的用法

這是一個Promise的基本寫法。  new Promise((resolve, reject)=> {                resolve()              }) 想要函數同步

原创 如何升級typescript版本

今天新建angular項目時 遇到了 項目無法編譯的狀況 後來經過各種查詢 提示可能是需要升級typescript的版本 故查詢到了如何升級typescript npm install -g typescript

原创 關於Promise的一些知識 轉自MDN

Promise.race(iterable) 方法返回一個 promise,一旦迭代器中的某個promise解決或拒絕,返回的 promise就會解決或拒絕。 var promise1 = new Promise(function(re

原创 js 網頁複製時 添加版權

先貼上自己的代碼```const addCopyright = () => { const genCopy = () => { return [   '',   '',   '作者:shanesco是一個大帥比',   '鏈接:https

原创 關於gulp的入門教程

吞是前端開發過程中對代碼進行構建的工具,是自動化項目的構建利器;她不僅能對網站資源進行優化,而且在開發過程中很多重複的任務能夠使用正確的工具自動完成;使用她,我們不僅可以很愉快的編寫代碼,而且大大提高我們的工作效率。gulp是基於Node

原创 關於angular http請求的操作

首先要引入 http  import { HttpModule } from '@angular/http'; imports: [ BrowserModule, HttpModule ], 然後在構造函數如注入http const

原创 關於js中的selection對象使用筆記以及光標定位

IE:document.selection   FireFox:window.getSelection()   document.selection只有IE支持,window.getSelection()也只有FireFox和   Saf

原创 活動抽獎頁面

//抽獎數據,以英文逗號分隔   var alldata = "王雲,耿良,宦俊,王靜,程駿,孫林,楊?璞,周耘,趙宏,孫浩宇,張巨龍,劉怡升,袁正凱,任亞林,張強,宋紫東,王妤,焦恆桂,馮娉,王笛,徐超