原创 CSS3不同樣式的loading效果

效果如下: 各種炫酷動畫可參考網站:https://www.html5tricks.com/tag/loading動畫/ html代碼 <div class="loader">加載中...</div> 這裏爲了減少代碼量,並沒有做兼容性

原创 angular中使集成jwt進行token身份加密,解密驗證

一 、安裝jwt依賴模塊npm install @auth0/angular-jwt --save 二、在 app.module.ts 中引入 JwtModule 這個模塊(注意,引入該模塊的同時也要引入 HttpClientModule

原创 通過webpack從零開始搭建React項目

從零開始搭建React項目 1. Webpack基礎概念 webpack主要作用: 代碼轉換:TypeScript 編譯成 JavaScript、SCSS 編譯成 CSS 等。 文件優化:壓縮 JavaScript、CSS、HTML 代碼

原创 CSS3實現的幾種常用Loading效果

loading加載效果在項目開發中使用頻率較高,特意做下記錄,方便日後使用,小夥伴麼也可以Ctrl+c和Ctrl+v哦 第1種效果: 代碼如下: <div class="loading"> <span></span>

原创 前端開發中的防抖和節流

  啥是節流? 節流是保證在一段時間內,代碼只執行了一次。這個一段時間內指的是不管用戶操作了幾次,最終僅執行一次。比如說一個按鈕,用戶狂點按鈕,但是如果用節流技術的話,不管用戶點擊了幾次,最終某個時間段內只執行了一次代碼。這個時間段是可以

原创 angular2+ 版本中使用ng-bootstarp模塊中的modal模態框

在angular2+ 版本中使用ng-bootstrap模塊中的modal模態框中,當使用表單的select以及input的值得改變來出發modal彈出時暴露出的錯誤 如圖html頁面 ts 當使用ngModel和(change)或者

原创 Angular中的 @angular/material因版本不同產生的系列問題

1 問題描述   應用使用 angular4在使用@angular/material時,若果在導入模塊時使用mat開頭,就會報錯。 2 問題原因   @angular/material版本出現問題,         @angular/ma

原创 細數阿里 25 個開源的前端項目

內容簡介:AntVG2 是一套基於可視化編碼的圖形語法,以數據驅動,具有高度的易用性和擴展性,用戶無需關注各種繁瑣的實現細節,一條語句即可構建出各種各樣的可交互的統計圖表。 數據驅動的高交互可視化圖形語法 AntV - G2 AntV

原创 10 個牛逼的後臺開源項目,接私活賺錢必備!

做程序員的,除了本職工作外,不少人會有一份副業,幫人開發網站或小程序等。這些工作肯定是離不開向客戶交付管理後臺的,那麼一套又漂亮又省力的後臺框架,就可以大幅節約你的開發成本。本文推薦了十個不錯的開源項目,值得收藏! Web 開發中幾乎的

原创 常見的移動端H5頁面開發遇到的坑和解決辦法

1、安卓瀏覽器看背景圖片,有些設備會模糊。 用同等比例的圖片在PC機上很清楚,但是手機上很模糊,原因是什麼呢? 經過研究,是devicePixelRatio作怪,因爲手機分辨率太小,如果按照分辨率來顯示網頁,這樣字會非常小,所以蘋果當初就

原创 Angular刷新當前頁面的幾種方法(轉載)

默認,當收到導航到當前URL的請求,Angular路由器會忽略。 <a routerLink="/heroes" routerLinkActive="active">Heroes</a> 重複點擊同一鏈接頁面不會刷新。 從Angular

原创 angular框架下, 解決微信H5頁面軟鍵盤彈起後頁面下方留白的問題(iOS端)--- 頁面設置100%以後,不同終端的顯示問題

在使用angular7.x開發公衆號的時候遇到幾個問題,特此記錄下   一、頁面底部留白問題 現象: 部分有表單的頁面,在表單輸入內容以後,鍵盤收縮之後,下方有一定的空白,下方有按鈕的時候,按鈕位置錯位,無法點擊提交,必須手動滑動是的頁面

原创 靈活運用CSS開發技巧(轉載)

何爲技巧,意指表現在文學、工藝、體育等方面的巧妙技能。代碼作爲一門現代高級工藝,推動着人類科學技術的發展,同時猶如文字一樣承託着人類文化的進步。 每寫好一篇文章,都會使用大量的寫作技巧。烘托、渲染、懸念、鋪墊、照應、伏筆、聯想、想象、抑揚

原创 靈活運用JS開發技巧

前言 何爲技巧,意指表現在文學、工藝、體育等方面的巧妙技能。代碼作爲一門現代高級工藝,推動着人類科學技術的發展,同時猶如文字一樣承託着人類文化的進步。 每寫好一篇文章,都會使用大量的寫作技巧。烘托、渲染、懸念、鋪墊、照應、伏筆、聯想、想象

原创 angular--解決angular圖片加載失敗問題

基於angular7寫的一個指令,在ionic3.x項目在用。因爲加載圖片超時等原因導致圖片顯示不出來,需要替換成默認或者指定圖片 1.err-src.ts   import { Directive,Input } from '@ang