原创 前端轉Flutter - 對照Javascript學Dart

最近在學flutter，發現flutter的編程語言Dart和Javascript有諸多相似，對於前端開發者而已好處在於有JavaScript經驗學習Dart會快一些，缺點在於容易搞混這兩種語言。因此在學習的過程中記錄了一下Javascri

2019-10-14 19:45:24 37

原创 十分鐘實現短鏈接服務（Node + Express + MongoDB）

短鏈接我們或多或少都使用過，所謂短鏈接就是根據較長的原鏈接url生成一段較短的鏈接，訪問短鏈接可以跳轉到對應的原鏈接，這樣做好處在於：1. url更加美觀；2. 便於保存和傳播；3. 某些網站內容發佈有字數限制，短鏈接可以節約字數。 短鏈接

2019-08-21 16:40:29 137

原创 常見數據結構和Javascript實現

做前端的同學不少都是自學成才或者半路出家，計算機基礎的知識比較薄弱，尤其是數據結構和算法這塊，所以今天整理了一下常見的數據結構和對應的Javascript的實現，希望能幫助大家完善這方面的知識體系。 1. Stack（棧） Stack的特

2019-08-08 17:54:58 1

原创 CSS實現8種炫酷按鈕

在各種UI組件庫大行其道的今天，大家已經很少自己用CSS去實現一些效果了，久而久之CSS的水平也越來越退步，所以有空還是得練練。今天給大家分享8種炫酷按鈕的CSS實現。 1. 3D按鈕1 現在的主流是扁平化的設計，擬物化的設計比較少見了，

2019-08-01 15:35:13 207

原创 原生JS快速實現拖放（drag and drop）效果

拖放是很常見的一種交互效果，很多時候我們都會藉助於第三方的控件來實現，其實用原生js實現起來也非常的方便。接下來我們就用原生js和css快速實現這樣的拖放效果： HTML HTML的內容很簡單，就是五個空的容器和一個可以被拖拽的元素： h

2019-06-22 17:55:07 40

原创 實用Javascript調試技巧分享(小結)

這篇文章主要介紹了實用Javascript調試技巧分享(小結)，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 見過太多同學調試Javascript只會用簡單的console.log甚至

2019-06-21 17:03:08

原创 實用Javascript調試技巧分享

見過太多同學調試Javascript只會用簡單的console.log甚至alert，看着真爲他們捉雞。。因爲大多數同學追求優雅而高效地寫代碼，卻忽略瞭如何優雅而高效地調試代碼，不得不說是有點“偏科”了。下面我就分享一些實用且聰明的調試技巧

2019-06-14 00:15:23

原创 PWA入門：手把手教你製作一個PWA應用

簡介 Web前端的同學是否想過學習app開發，以彌補自己移動端能力的不足？但在面對一衆的選擇時很多同學略感迷茫，是學習ios還是android開發？是學習原生開發、混合開發（比如：Ionic)，還是使用react native或者flut

2019-06-07 11:24:58 2

原创 還學不會webpack？看這篇

Webpack已經流行好久了，但很多同學使用webpack時還是一頭霧水，一下看到那麼多文檔、各種配置、各種loader、plugin立馬就暈頭轉向了。我也不例外，以至於很長一段時間對webpack都是一知半解的狀態。但是想要繼續做好前端

2019-05-27 13:55:01

原创 還不會正則表達式？看這篇！

正則表達式是很多程序員，甚至是一些有了多年經驗的開發者薄弱的一項技能。大家都很多時候都會覺得正則表達式難記、難學、難用，但不可否認的是正則表達式是一項很重要的技能，所有我將學習和使用正則表達式時的關鍵點整理如下，供大家參考。 不同語言中的

2019-03-13 16:25:02

原创 Javascript異步編程：Callback、Promise、Generator

同步和異步（Synchronous and Asynchronous） 瞭解javascript的同學想必對同步和異步的概念應該都很熟悉了，如果還有不熟悉的同學，我這裏舉個形象的例子，比如我們早上起牀後要幹三件事：燒水、洗臉、吃早飯，同步相

2019-02-07 20:55:07 2

原创 聊一聊CSS中的長度單位

CSS中有很多屬性可以接受長度值，比如： width, height, margin, padding, border-width, font-size, text-shadow。因爲使用場景多，因此CSS也提供了許多長度單位。有的是日常生

2019-01-16 11:56:42 2

原创 GraphQL 入門詳解

簡介 定義 一種用於API調用的數據查詢語言 核心思想 傳統的api調用一般獲取到的是後端組裝好的一個完整對象，該對象的結構相對固定，而且前端可能只需要用其中的某些字段，大部分數據的查詢和傳輸工作都浪費了。graphQL提供一種全新數據查詢

2019-01-04 22:44:36

原创 10分鐘入門 CSS3 Animation

簡介 Animation可以讓你不用依賴javascript或jquery，用純CSS在網頁中輕鬆實現各種動畫效果。 兼容性 animation在絕大部分主流瀏覽器都得到了很好的支持！還在兼容IE9的同學要謹慎使用。 CSS 座標系 在瞭

2018-12-25 13:35:00 9

原创 10分鐘理解CSS3 Grid

基本介紹 上一篇文章我們介紹了 css3 flexbox，今天我們再來說說css3的另外一個強大的功能：Grid。Grid做前端的同學應該都很熟悉了，翻譯成中文爲“柵格”，用過bootstrap、semantic ui、ant design

2018-12-19 16:35:03 1