原创 學習筆記之Bootstrap基礎
一、標題 元素 字體大小 計算比例 其他 h1 36px 14px*2.60 margin-top:20px; margin-bottom:10px; h2 30px 14px*2.15
2020-06-15 13:27:41
原创 學習筆記之mvc架構模式分析與設計
爲了未來學習成熟穩定的框架，我先找到了一個MVC微框架進行入門學習，掌握一定的理論體系，有利於加深對大框架的理解，加快吸收的速度，避免思維僵化。 一、MVC工作流程初步認識 瀏覽者 --> 調用控制器，對他發出指令 控制器 --> 按指令
2020-06-15 13:27:41
原创 學習筆記之響應式設計
一、媒體查詢 （一）阻止移動瀏覽器自動調整頁面大小 <meta>標籤可以控制頁面可縮放的範圍。 <meta name="viewport" content="width=device-width, maximum-scale=3, mi
2020-06-15 13:27:41
2
原创 學習筆記之webpack4+scss+babel+第三方庫配置
剛自學完一些webpack，總結一下筆記，並製作一個我要用的webpack-starter 主要配置：webpack4+scss+babel+bootstrap+jquery+fontawesome 一、基礎知識瞭解 （一）前端工程
2020-06-15 13:27:41
原创 學習筆記之Ajax（英）
1. XHR GET Requests function expandUrl() { const urlToExpand = url + '?key=' + apiKey + '&shortUrl=
2020-06-15 13:27:41
原创 handleEvent, onEvent, and this.props.onEvent 命名規則（英）
When you pass an event handler as a prop, as you just did, there are two names that you have to choose. Both naming cho
2020-06-15 13:27:41
原创 學習筆記之AngularJS（二）
一、控制器和作用域 控制器是通過AngularJS的Module對象所提供的controller方法而創建出來的。controller方法的參數是新建控制器的名字和一個將被用於創建控制器的函數。 當控制器聲明瞭對於Scope服務的依賴時，
2020-06-15 13:27:41
原创 學習筆記之CSS深入理解（慕課網 張鑫旭主講）
一、CSS深入理解之border 1. border-width不支持百分比 受語義和使用場景決定的，不會因爲設備大而邊框變大的 2. border-style屬性 border-style:dotted;在Chrome/Firefo
2020-06-15 13:27:41
原创 實現一個紅綠燈
昨天二面，面試官讓寫一個紅綠燈，現場寫了個簡單的，今天整理了一下，把樣式加了上去。 題目要求： 實現一個交替的紅綠燈，在晚上的時候交替時間增加； 核心思想： 使用promise，在setTimeOut設定時間後換一個燈。用asyn
2020-06-15 13:27:41
原创 學習筆記之Git（英）
Basic Git Workflow A Git project can be thought of as having three parts: A Working Directory: where you'll be doing al
2020-06-15 13:27:41
原创 學習筆記之ES6的查缺補漏（英）
Three reasons for the ES5 to ES6 updates are listed below: A similarity to other programming languages — JavaScript ES
2020-06-15 13:27:41
原创 學習筆記之SCSS
一、 變量 $btn-bg : darken(#fff, 6.5%) !default; $btn-bg : darken(#000, 6.5%); //重寫就會覆蓋，無論順序是什麼樣的 $btn-border : darken($bt
2020-06-15 13:27:41
原创 學習筆記之學Vue中遇到的一些Q&A整理
1. 單頁面應用與多頁面應用對比 單頁面應用（SinglePage Web Application，SPA） 多頁面應用（MultiPage Application，MPA） 組成 一個外殼頁面和多個頁面片段組成
2019-08-10 09:39:18
原创 用面向對象思維實現點擊後小球自由落體彈跳——javascript
幾天前進行了一場前端實習面試，題目是用面向對象的方法實現點擊後小球自由落體彈跳運動，覺得很有意思，現在有空整理一下。 一些簡單的CSS樣式和基礎的HTML #bg{ top:0; bottom: 0; left:
2019-07-30 08:32:05
原创 學習筆記之AngularJS（一）
一、一個簡單的示例 test.html <!DOCTYPE html> <!--將AngularJS應用到HTML文件--> <html ng-app="todoApp"> <head> <title>TO DO List</t
2019-06-11 22:42:21
2