原创 http模塊和fs模塊

文章鏈接:http模塊和fs模塊 http模塊 response對象常用方法: response.writeHead(200,{'Content-Type':'text/plain:charset=UTF-8'}); 此方法只能在消息上

原创 前端插件庫

原文鏈接:前端插件庫站點:前端開發文檔博客:前端插件庫 前端插件庫 DataTables 官網:https://www.datatables.net/ DataTables是jQuery的JavaScript函數庫,目的是強化表格操作(如搜

原创 CSS的Transition與Animation

博客鏈接:CSS的Transition與Animation本文總結CSS3中兩個用來做動畫的屬性,一個是transition,另一個是animation。 差異比較 CSS3 差異 transition 在給定的持續時間內平滑地

原创 jQuery選擇器

鏈接:jQuery選擇器 基本選擇器 Basics *選擇所有元素 .class選擇class,如:$('.mybox') element選擇element,如:$('p') #id選擇id,如:$('#box') se

原创 前端優化

鏈接:前端優化 前端優化 瀏覽器發送HTTP請求,服務器收到請求全文後,返回HTTP響應,在瀏覽器接收之後結束這個過程。瀏覽器和服務器只有一次互動的機會,瀏覽器主動發起,而服務器被動地根據收到的請求內容返回結果。一個完整的請求都需要經過D

原创 CSS團隊協作規範

命名禁止縮寫 精簡扼要地對class命名,請勿使用自定義縮寫。 class name的命名必須是行爲、有語意的。 禁止在非特殊情況下寫!important CSS本身有權重設計,任意地使用!important會造成權重混亂而無法維護

原创 使用React Native構建App

原文地址:使用React Native構建App最近因爲項目需要,深入研究React和React Native,React已經掌握得差不多了,現在集中精力在ReactNative的項目開發。這裏需要記錄在學習過程中的技術細節,好記性真的不如

原创 React項目指導

原文鏈接:React項目詳解GITHUB:react-webpack-config持續更新... React項目指導 使用webpack需要安裝的依賴 webpack,webpack-cli,react,react-dom babe

原创 網頁設計的垂直居中

原文鏈接:網頁設計的垂直居中 使用line-height做垂直居中 .content{ width: 400px; background: #ccc; line-height:100px; margin: auto; }

原创 CSS3開發文檔

站點:前端開發文檔原文:CSS選擇器原文:CSS繼承屬性原文:CSS3核心模塊原文:CSS盒子模型原文:CSS背景圖像原文:CSS清除浮動原文:CSS定位 CSS選擇器 並集:對選擇器進行分組,被分組的選擇器可以分享相同的聲明。用逗號

原创 HTML5元素和語義化標籤

站點:前端開發文檔原文:HTML元素原文:語義化標籤 HTML元素 元素分類 塊級元素: div、h1-h6、hr、menu、ol、ul、li、dl、dt、dd、table、p、form 自身屬性爲display: block;的元素

原创 Vue.js-Vue實例

推薦閱讀原文 學習筆記:Vue實例 Vue實例 組件間通信 <p data-height="265" data-theme-id="0" data-slug-hash="wjXLMa" data-default-tab="js,resu

原创 Vue.js-狀態管理與Vuex

學習筆記:狀態管理與Vuex 狀態管理與Vuex 非父子組件(跨級組件和兄弟組件)通信時,使用了bus(中央事件總線)的一個方法,用來觸發和接收事件,進一步起到通信的作用。 一個組件可以分爲數據(model)和視圖(view),數據更新時

原创 Vue.js-Render函數

學習筆記:Render函數 Render函數 Vue2與Vue1最大的區別就在於Vue2使用了虛擬DOM來更新DOM節點,提升渲染性能。 Vue2與Vue1最大的區別就在於Vue2使用了虛擬DOM來更新DOM節點,提升渲染性能。 Vu

原创 Vue.js-函數化組件

學習筆記:函數化組件 函數化組件 Vue提供了一個functional的布爾值選項,設置爲true可以使組件無狀態和無實例,也就是沒有data和this上下文。這樣用render函數返回虛擬節點可以更容易渲染,因爲函數化組件只是一個函數,