原创 瀏覽器pdf文件預覽的相關問題
firefox和chrome瀏覽器可以直接預覽是因爲自身帶了pdf閱讀器插件，而ie和safari瀏覽器默認下載，需安裝插件才能在瀏覽器中預覽。 1、加了PDFObject插件，該插件只是給頁面加了<embed>元素，如何瀏覽器不支持em
2020-06-07 15:12:04
原创 vue開發浮動菜單碰到的問題的解決方案
開發浮動菜單，實現功能： 1、點擊菜單項，滾動到對應位置。 2、拖動滾動條，對應的菜單項高亮顯示。 效果如下圖所示： 考慮到多個頁面都有此效果，所以做成公共組件breadnav.vue <template> <div clas
2020-04-30 12:01:10
原创 jsduck製作過程
在網上查了資料後，我最終選擇了jsduck作爲文檔生成工具。 一、它生成的網頁具有如下特點： 左側菜單顯示類名，右側顯示該類下所有的方法和事件。方法或事件可以帶傳參（Parameters），使用範例，返回值（Returns）。每個事件右側
2020-02-21 10:56:18
原创 ztree的給樹賦值及重置樹的實現
選擇ztree替代jstree是因爲ztree的官網的api文檔詳細，容易理解。 下面說下在開發中ztree的2個功能的實現 1、給樹賦值如下圖 代碼如下： //修改-人員管理 function achievementmag_peop
2020-02-21 10:56:17
原创 jqGrid表格插件實現多行表頭的解決辦法
jqGrid是用來實現表格的jquery插件，使用該插件可以輕鬆的實現前端頁面與後臺數據的AJAX交互，使用方便，最近在開發項目中要實現多行表頭的效果，在api中找到的答案是能夠實現２行表頭，那麼要實現多行該如何解決呢？ 實現２行表頭
2020-02-21 10:56:17
原创 highcharts圖表生成插件學習心得
研究了一天的highcharts插件終於實現了原型要求的效果，記錄下來備用： html代碼如下： <table id="project_list"></table> js代碼如下： //圖表生成 function report_ch
2020-02-21 10:56:17
原创 thinkphp獨立分組後分頁功能不能用的解決辦法
用thinkphp 3.1.3實現前臺頁面和後臺管理的分離方便且好管理，在config中設置 'APP_GROUP_LIST'=>'Index,Admin',//開啓應用分組 'DEFAULT_GROUP'=>'Index',//
2020-02-21 10:56:17
原创 實現jqGrid單元格編輯完後點擊提交按鈕一次性提交
常見的是jqgrid單元格編輯完後就觸發與服務端的交互，我在開發的時候碰到下面的需求（如下圖）： 在點擊確定按鈕前要結束最後一個單元格編輯狀態，如上圖，否則getRowData方法獲取的表格數據包含文本編輯框的html代碼,如下圖 且
2020-02-21 10:56:17
原创 jqGrid表格多次點擊行交替選中的實現
開發中出現了以下需求： jqGrid點擊選中行以後就始終會選中一行，如果要再添加頂層組織架構就實現不了。於是開始研究交替選中行（即一次點擊選中，二次點擊不選中，三次點擊選中，四次點擊不選中，依次類推）。 實現的關鍵代碼如下： onSel
2020-02-21 10:56:17
原创 當日期有默認值時，My97 DatePicker日期控件實現日期文本輸入框必填而無需驗證控件支持
在開發的時候發現的小細節，之前用validform驗證日期輸入框必填，後來發現滿足以下條件可實現必填了，條件如下： 1、打開頁面時日期有默認值。 my97 datepicker裏沒有找到默認值顯示功能，我寫了2個公用函數來實現： /*獲取
2020-02-21 10:56:16
原创 vue子組件調用父組件方法，並根據方法的返回值再做處理，如何實現？
1、使用場景 項目裏將element-ui的el-upload寫成公共組件方便調用，官方的before-upload方法用於處理上傳前要做的事，如：比較文件大小，限制文件類型等，通過返回true 或 false 控制是否上傳。 當
2019-07-30 03:08:53
原创 Monaco Editor安裝及使用
最近在玩以vue爲基礎開發web代碼編輯器，發現Monaco Editor（仿 Visual Studio Code）插件完美的解決了業務需求。故將重要的記錄如下： 安裝 1、monaco-editor和monaco-editor-w
2019-05-13 23:52:05
原创 js如何實現數組數據的上移下移
Vue項目開發中碰到對錶格數據實現上移，下移的需求，只是純前端實現移動數組數據，不跟服務端做交互。 經研究，用splice方法簡潔優雅，具體實現如下： // 上移，下移 onMove(code, dir)
2018-09-14 22:45:41
2
原创 js數組遍歷方法解析
在ES5中常用的10種數組遍歷方法：(以下腳本可複製黏貼到瀏覽器的console中查看效果) 1、原始的for循環語句 2、Array.prototype.forEach數組對象內置方法 優點不用定義額外的參數變量，缺點: 性
2018-09-03 18:48:15
原创 推薦Huploadify實現上傳圖片或文件
之前項目用uploadify(flash version)實現圖片上傳功能，依賴於flash的上傳插件瀏覽器兼容性不夠，於是找了Huploadify替代uploadify，原因如下： 1、不依賴於flash。 2、庫文件大小是upload
2018-09-03 18:48:15