原创 vue項目中多行文本超出省略失效解決方式

使用vue-cli構建的項目在打包之後,-webkit-box-orient: vertical 會丟失,還有包括使用flex佈局進行兼容性hack寫法的一些屬性,如: #app{ overflow: hidden;

原创 uploadify---jQuery多文件上傳

介紹 ploadify是JQuery的一個上傳插件,支持多文件上傳,實現的效果非常不錯,帶進度顯示。 下載 前往官網進行下載,但小編髮現,各路人馬提供的官網全都打不開,在Github下載的文件爲uploadifive.js ,小編怎麼看這

原创 input框輸入文本限制

1、文本框只能輸入數字(小數點也不能輸入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.

原创 metisMenu側邊欄插件

介紹 metisMenu是一個jQuery的導航欄插件,使用該插件可以定義導航欄的二級甚至三級導航菜單,並能實現菜單的摺疊和展開等操作,將節省我們的開發時間,提高開發效率。 引入方式: npm $ npm install --

原创 js 調用 IOS 、Android原生方法

如今,由於有些頁面排版或實現對於android、ios開發人員而言實在麻煩與複雜,實現需要的時間成本太高,導致很多App裏都內置了Web網頁,app中嵌入Web網頁便免不了涉及到Android客戶端、IOS客戶端與Web網頁交互。

原创 iframe高度自適應解決方式

帶邊框的iframe因爲能和網頁無縫的結合從而不刷新頁面的情況下更新頁面的部分數據成爲可能,可是 iframe的大小卻不像層那樣可以“伸縮自如”,所以帶來了使用上的麻煩,給iframe設置高度的時候多了也不好,少了更是不行,現在,

原创 Nuxt.js項目開發

最近小編新接手了兩個項目,這兩個項目均是使用nuxt.js框架進行開發的,這對小編來說又是一個新的大陸,故而和各位小夥伴們絮叨絮叨這個東西。 首先先說明一下這個東西是個啥。 Nuxt.js 是一個基於 Vue.js 的通用應用框架

原创 vue 組件之間傳值解析

1、父子組件傳值 Ⅰ、父組件向子組件傳值 ①首先先定義一個子組件,小編命名爲child,在child組件中組件props,props裏的字段可以詳細一些,也可以很簡潔 例: <template> <div>

原创 UEditor--富文本編輯器

介紹 UEditor 是由百度「FEX前端研發團隊」開發的所見即所得富文本web編輯器,具有輕量,可定製,注重用戶體驗等特點,開源基於MIT協議,允許自由使用和修改代碼。 特點 支持拖拽圖片上傳 支持QQ截圖後粘貼上傳圖片 支持

原创 jBox----彈出層插件

介紹: jBox 是一款功能強大的 jquery 彈出層插件。jBox 插件可以用來創建 tooltips 提示框、模態窗口、圖片畫廊等多種效果。 使用方式: 在頁面中引入 jBox.all.min.css、jquery 和 jB

原创 阿里雲 oss (圖片、視頻上傳)

示例: 前端封裝方法並調用,直接上傳至阿里雲 此方法需要在阿里雲擁有賬號,並配置好纔可使用,配置就不貼出了,只貼出前端代碼。 /** * * 阿里雲 oss (圖片、視頻上傳) 插件 * * @param opts 參數詳情

原创 ICheck表單複選框、單選框控件美化插件

作用: 渲染並美化當前頁面的複選框或單選框 響應複選框或單選框的點擊事件 特點: 在不同瀏覽器(包括ie6+)和設備上都有相同的表現 — 包括 桌面和移動設備 支持觸摸設備 — iOS、Android、BlackBerry、

原创 滾動條插件

1. slimscroll 介紹: 把任何div元素包裹的內容區加上具有好的滾動條。slimscroll不佔用任何視覺空間,它只出現在一個用戶啓動的鼠標。用戶可以拖動滾動條或使用鼠標滾輪改變滾動值。 使用方式: 全局引入

原创 H5 將html頁面內容生成圖片並上傳至七牛

小編最近在做項目時遇到一個問題,那就是,需要將html頁面生成圖片後並傳給app客戶端,至於爲什麼要傳給客戶端,自然是因爲小編的這個項目是客戶端中嵌入h5頁面,故而需要和客戶端內部交互。那麼問題就來了,怎麼將html頁面生成圖片,

原创 微信小程序獲取微信綁定授權手機號

方法: 1、使用<button>組件,並將該組件的open-type的屬性值設置爲getPhoneNumber,綁定bindgetphonenumber事件 2、當用戶點擊允許時,可以通過綁定事件的回調獲取到微信服務返回的加密數據