原创 ng-template

ng-template <ng-template>是一個Angular元素,用來渲染HTML,它不會直接展示在頁面上,需要通過結構型指令將內容渲染到頁面中。 在我們日常開發中見到的結構型指令,如 *ngIf,ngFor 是一個微語

原创 Passport.js - Node.js中身份認證

Passport.js - Node.js中身份認證 passport是Node中身份認證中間件,通過不同的策略(strategy)插件完成不同協議的認證,很大程度上簡化了認證的過程。文章中使用了oauth2.0身份驗證策略。 安

原创 Web前端常見面試題

1. 優雅降級、漸進增強 優雅降級(Graceful Degradation):一開始就構建站點的完整功能,然後針對瀏覽器測試和修復。比如一開始使用 CSS3 的特性構建了一個應用,然後逐步針對各大瀏覽器進行 hack 使其可以在

原创 jade模板引擎使用express框架session

使用方法 app.js中添加 app.use(express.cookieParser()); app.use(express.session({secret: '1234567890QWERTY'})); app.use(fun

原创 Docker部署Angular6應用

開發環境 Win 10 Docker Desktop Community 2.0.0.2 從這裏開始 創建項目對應的Dockerfile 在項目根目錄添加Dockerfile文件,用來配置項目依賴、環境、命令等 FROM nod

原创 Angular5 避免重複請求

避免用戶連續的重複點擊、一定時間的重複提交都可以參考 從這裏開始 自定義指令 ThrottleClickDirective import { Directive, EventEmitter, HostListener, OnI

原创 JavaScript職責鏈模式

/** * 職責鏈模式,請求在對象之間傳遞,避免請求的發送者與接收者的耦合關係 */ class Leader { constructor() {} // 模擬抽象方法 approval() {

原创 Angular5文件上傳並報告進度

今天做文件上傳時的一些經驗,我覺得有必要分享一下,在官網上也能找到實例,想學習交流的同學可以在底下評論,期待共同進步 import { Component, OnInit } from '@angular/core'; impor

原创 node.js中實現批量請求

router.post('xxxx', function (req, res) { let urls = ['url1', 'url2]; // promise對象數組 let

原创 Javascript內存管理

內存泄漏 在程序中,當聲明變量、定義函數的時候都會使用內存。那些程序用不到,沒有予以釋放的內存,就造成內存泄漏.(memory leak) 垃圾回收 1.引用計數 2.標記清除 JavaScript中的內存泄漏 1.循環引用造成的內存

原创 JS 實現拋物線運動

JS實現簡單的拋物線動畫,需要的童鞋可以參考下 <div class="content"> <div class="slider"> <div class="icon"> <span

原创 Vue項目下使用Sass

優勢 Sass是CSS預編譯器,使CSS編寫簡單,容易維護,從而大大節省開發時間。Sass目前全面兼容CSS 環境 node v8.9.1 npm v5.6.0 Vue.js v2.x webpack v3.10.0' 安裝sass的

原创 Hbuilder 常用快捷鍵

Hbuilder 是我喜歡用的一款支持HTML5的IDE。因爲基於eclipse,所以兼容eclipse插件,對於我們這些熟悉eclipse的開發,更容易上手。再者,掌握這些快捷鍵可以提升前端的開發效率 1. Ctrl + [