原创 jquery後臺系統內頁鏈接跳轉左側菜單選中到當前頁

該案例主要說的是左側菜單固定,內容主要通過iframe或者ajax引入的後臺系統頁面。當內容頁面有個鏈接點擊跳到另外一個菜單頁,左側菜單要選中當前跳轉頁面對應的菜單。我寫的後臺界面是用iframe實現:在iframe頁面中<a href=

原创 移動端開發自適應解決方案

原文章地址:點擊打開鏈接    移動端自適應方案有很多種1.流式佈局也就是固定高度,寬度使用百分比的方法,這種方法會導致一些元素在大屏手機上拉伸嚴重的情況,影響視覺效果,只有在很少一部分手機上能完美的展示設計師想要的效果。攜程之前用的就是

原创 打造自己的 JavaScript方法工具庫

前言 作爲戰鬥在業務一線的前端,要想少加班,就要想辦法提高工作效率。這裏提一個小點,我們在業務開發過程中,經常會重複用到 日期格式化、 url參數轉對象、 瀏覽器類型判斷、 節流函數等一類函數,這些工具類函數,基本上在每個項目都會

原创 Vux的VChart支持antv F2交互行爲(Interaction)

F2提供了以下五種通用的交互行爲(Interaction): 圖表平移(Pan) 圖表縮放(Pinch) Swipe 快掃 餅圖選中 柱狀圖選中 v-chart並不支持F2的交互行爲(Interaction),如果我們要

原创 六個小而美的 ES6 特性

1. 設置對象變量鍵值的語法 JavaScript開發者的煩惱之一是不能在對象字面量裏設置變量鍵值——必須要在初始化後對象後增加變量鍵/值: // *Very* reduced example let myKey = 'key3'

原创 bootstarp後臺界面iframe模態框遮罩問題

問題如下圖:模態框代碼寫在子頁面中才會出現這種情況,因爲iframe中的模態框只顯示在iframe區域。其實百度看了一些解決方法感覺挺麻煩的,自己想了下發現其實可以很簡單的解決。思路:frame中的模態框只顯示在iframe區域 =》讓f

原创 Highcharts 餅圖相關設置

var data = [A:10,B:20,C:25,D:25,E:10,F:10] //已經算好的百分比數值 //var data = [A:20,B:30,C:25,D:25,E:40,F:10] 原始數值讓Highchart

原创 20 個 CSS使用技巧

文章轉自:http://mp.weixin.qq.com/s/MavtDznPVECblDUTq_W-Rg 1. 黑白圖像 這段代碼會讓你的彩色照片顯示爲黑白照片,是不是很酷? img.desaturate { filter

原创 border屬性妙用

1.實現左右兩欄等高佈局 經常建有這樣的需求要求左側菜單欄和右邊內容區等高,如後臺管理系統的界面 以上效果html代碼: <div class="menu"> <ul> <li>首頁</li>

原创 jquery 文件上傳插件ajaxfileupload.js 實現多圖上傳,解決文件上傳後表單置空的問題

一.實現多張圖片上傳將代碼 var oldElement = jQuery('#' + fileElementId); var newElement = jQuery(oldElement).clone();

原创 編寫js技巧

一.用&&,||賦值var foo = 10; foo == 10 && doSomething(); // 等價於 if (foo == 10) doSomething(); foo == 5 || doSomething(); //

原创 form-create使用總結

給表單項加className方便調整樣式 rule: [ { type: 'input', title: '貨物總毛重(KG)', // label名稱 field: '

原创 $attrs和$listeners

$attrs與$listeners的主要應用是實現多層嵌套傳遞。 組件A與組件B通信一般都會使用組件B中轉,即A傳遞給B,B再給C,但是如果A到C組件之間嵌套的組件過多,需要傳遞的事件和屬性較多,會導致代碼繁瑣,代碼維護困難。在

原创 Vue 的小奇技

1.監聽第三方組件的生命週期鉤子 通過使用 @hook: 前綴監聽生命週期中的鉤子,並指定回調函數。 舉個例子,如果你想要在第三方組件 v-runtime-template 渲染時做一些事情,那麼你可以監聽它的生命週期中的 upd

原创 vue 富文本框插件quill-editor 踩坑

(1)最新版本的需要單獨引入樣式 (2) 多個頁面中不能存在多個quill-editor,不然會出現這樣的情況 將toolbar的id設置成動態 (3)禁用quill-editor 注意:最好用this.quill.enable