原创 AngularJS 過濾器 (詳解)

一、簡介   AngularJS過濾器能夠用來格式化數據,過濾器能夠用在表達式和指令中,也能夠注入到其他地方進行使用。AngularJS提供了9種常用的內置過濾器,我們還可以創建自定義過濾器來格式數據,以完成更多個性化的要求。 二、使用

原创 HTML5對手機頁面長按會粘貼複製禁用的解決方法(常用)

一、完全兼容ios和安卓的寫法 1、用a標籤包起來,在a標籤裏面加一句代碼ontouchstart = "return false;" 二、只兼容ios的寫法 *{ -webkit-touch-callout:none;

原创 angularJs中跳轉到指定的錨點詳解($anchorScroll)

$anchorScroll 根據HTML5的規則,當調用這個函數時,它檢查當前的url的hash值並且滾動到相應的元素。 監聽$location.hash()並且滾動到url指定的錨點的地方。 可以通過$anchorScrollProvi

原创 Vue2.0 從環境搭建到發佈(新手完全填坑攻略)

一、Vue2.0 推薦開發環境 二、安裝環境 2.1  安裝brew ruby -version 1) 安裝命令 ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/home

原创 通過jQuery Ajax使用FormData對象上傳文件

FormData對象,是可以使用一系列的鍵值對來模擬一個完整的表單,然後使用XMLHttpRequest發送這個"表單"。 在 Mozilla Developer 網站 使用FormData對象 有詳盡的FormData對象使用說明。

原创 Google Chrome瀏覽器點擊 input file上傳按鈕時延遲3-5秒

      Google chrome 瀏覽器在52版本之後出現一個bug,就是點擊 input file上傳按鈕時反應很慢,需要等待3-5秒種之後才能彈出選擇文件的對話框。比如 <input id="file1" type="file"

原创 js常用的一些面試題。

1.如果我們使用JavaScript的"關聯數組",我們怎麼計算"關聯數組"的長度? var counterArray = {     A : 3,     B : 4 }; counterArray["C"] = 1; 答案:Obje

原创 ios底部輸入框輸入時被隱藏的bug解決

最近做項目的時候,底部的輸入框用了fixed定位固定在底部,當點擊輸入時,鍵盤彈起蓋住了輸入框問題,小編對此問題進行了分析,給了一個完美的解決的方法,方法如下demo。 <!DOCTYPE html> <html lang="en">

原创 js 某年的某月多少天(最優)

function getDaysInMonth(year, month) {  // 接受倆個參數 年,月   var date = new Date(year, month, 1);     return new Date(date.g

原创 css3文字模糊代碼(詳解)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文字模糊效果</title> <style> .con {

原创 javascript時間戳和日期字符串相互轉換代碼(超簡單)

一、日期字符串轉時間戳 // 獲取當前時間戳(以s爲單位) // 第一種方式 var timestamps = +new Date(); timestamps = timestamps / 1000;

原创 js數組去重複的最優寫法

1.創建一個新的數組存放結果 2.創建一個空對象 3.for循環時,每次取出一個元素與對象進行對比,如果這個元素不重複,則把它存放到結果數組中,同時把這個元素的內容作爲對象的一個屬性,並賦值爲1,存入到第2步建立的對象中。 說明:

原创 Vuejs 用$emit 與 $on 來進行兄弟組件之間的數據傳輸

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Vue2-單一事件管理組件通信</title> <script src

原创 webpack搭建的vue-cli項目如何使用sass?

vue 項目 使用sass1,使用save會在package.json中自動添加。npm install node-sass --save-dev npm install sass-loader --save-dev 注: 通常使

原创 Vue路由History mode模式中頁面無法渲染的原因及解決

Vue.js + vue-router 創建單頁應用,是非常簡單的。使用 Vue.js ,我們將組件(components)映射到路由(routes),然後告訴 vue-router 在哪裏渲染它們。一般開發的單頁應用的URL都會帶有