原创 常用元素整理與詳解

<meta>元素詳解與常用整理 定義與用法: <meta>元素可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度

原创 網站優化----建設高性能網頁

性能黃金法則 只有10%-20%的最終用戶響應時間花在了下載HTML文檔上。其餘的80%-90%時間花在了下載頁面中的所有組件上。(網頁加載的時候,你可以查看你的網頁加載渲染時間都花費在哪裏了) 規則一:減少HTTP請求 技術:圖片地

原创 vue-cli快速搭建vue項目並上傳github

首先我們先用vue-cli快速搭建vue項目。 假設你的電腦上已經安裝好了nodejs(如何安裝nodejs此處跳過,網上很多教程),那麼接下來就安裝vue-cli。 1、全局安裝vue-cli,代碼如下; npm install vu

原创 css實現文本超出省略號代替

css實現文字超出省略號代替 當我們在項目中,設計師給出方案,要求實現文字過長需要用省略號代替。如一行文字過長,超出一行的文字用省略號代替。有時候可能我們會用js去實現這個效果。不多說,直接上代碼。(js代碼如下) var sl = do

原创 vue-cli手腳架模板使用sass

第一步,全局安裝vue-cli手腳架; npm install vue-cli -g 第二步,創建一個基於webpack模板的新項目; vue init webpack myproject 第三步,安裝依賴; cd myproje

原创 vue前端UI框架整理

整理的vue前端UI框架。 PC端: 1、Elementi:一套爲開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端組件庫。 2、iView:一套基於 Vue.js 的開源 UI 組件庫,主要服務於 PC 界面的中後臺產

原创 vue父子組件相互通信、傳遞消息

我們使用vue開發時,往往需要提取公共組件,並且封裝組件,因此需要實現父子組件之間相互通信,傳遞事件發送消息。 1、父組件向子組件傳遞數據(prop) 父組件向子組件傳遞數據我們需要用到prop,我們可以通過prop向子組件傳遞數據,

原创 js前端面試資料整理(純理論)

js面試資料(純理論)整理 1、js數據類型 數字、字符串、數組、布爾值、對象、null、undefined 2、js typeof 返回的數據類型 object、number、function、boolean、undefined、s

原创 iscroll上拉加載下拉刷新

iScroll的產生完全是因爲移動版webkit瀏覽器,例如在iPhone,Android 的移動設備上。 iScroll的原理是外層有一個溢出隱藏(overflow:hidden;)的DOM,然後這個區域內的第一個DOM結構會被實例化

原创 js 日期date()轉換

Date常用方法: 獲取年月日時分秒 var myDate = new Date(); myDate.getYear(); //獲取當前年份(2位) myDate.getFullYear(); //獲取完整的年份(

原创 npm安裝配置

安裝nodejs後,由於nodejs集成了npm會默認安裝npm。安裝完nodejs後在cmd中通過命令查看安裝的nodejs與npm。 現在可以看到nodejs與npm已經安裝成功。 雖然現在nodejs與npm已經安裝成功了

原创 javascript倒計時

javascript倒計時。首先我們要設置倒計時時間格式,方法如下: function currTimeForm(currTime){ var day = Math.floor(currTime/60/60/24); va

原创 基於jquery的上拉加載更多

一個簡易的基於jquery的上拉加載更多demo,上拉加載的原理就是容器的高度+容器的scrollTop>=容器內容的高度,整個demo還加上了回彈的動效。 <!DOCTYPE html> <html lang="en"> <head>

原创 git配置多個賬戶登錄

在實際項目中,我們都會有兩個及以上的git賬戶,一般公司項目一個,github.com一個。因此我們需要做一定的配置才能夠登錄不同賬戶,對遠程服務器倉庫進行操作。 我們以github.com爲例進行說明。 首先安裝git,然後在git

原创 js判斷瀏覽器與版本號

js判斷瀏覽器以及版本號,針對流行的各種瀏覽器,IE,firefox,chrome,opera,safari等;都可以判斷瀏覽器以及版本號。 function appInfo(){ var browser =