原创 原生JS 實現的input輸入時表格過濾操作示例
這篇文章主要介紹了原生JS 實現的input輸入時表格過濾操作,結合實例形式分析了JavaScript基於頁面元素遍歷、運算、判斷實現的表格過濾相關操作技巧,需要的朋友可以參考下 本文實例講述了原生JS 實現的in
2019-08-04 18:13:02
12
原创 JS實現的tab切換並顯示相應內容模塊功能示例
這篇文章主要介紹了JS實現的tab切換並顯示相應內容模塊功能,結合實例形式分析了JavaScript基於事件響應、元素遍歷實現頁面tab切換功能相關操作技巧,需要的朋友可以參考下 本文實例講述了JS實現的tab切換
2019-08-04 18:13:02
6
原创 vue.js基於v-for實現批量渲染 Json數組對象列表數據示例
這篇文章主要介紹了vue.js基於v-for實現批量渲染 Json數組對象列表數據,結合實例形式分析了vue.js使用v-for遍歷json格式數據渲染列表相關操作技巧,需要的朋友可以參考下 本文實例講述了vue.
2019-08-04 18:13:02
195
原创 Gulp打包構建項目
打包壓縮js,css,支持sass編譯成css,圖片壓縮，圖片組建成精靈圖，靜態文件拷貝，實時監聽變化自動刷新瀏覽器 //引入相關插件 var gulp = require('gulp'); var rename = require('
2018-09-05 04:09:31
原创 vue 探討同級組件間值的傳遞（$on,$emit的綜合運用）
想法：最近在做一個數據處理分析的系統，頁面比較多，一些共用的功能也比較多，於是想起了組件化開發，想着一個組件封裝好了就可以在項目的各個地方直接引入，無需再次重複編寫。舉例：頭部的導航欄抽出，登錄模塊抽出，登錄按鈕存放在頭部導航欄裏，點擊按
2018-08-24 09:15:29
原创 微信小程序，實現內嵌網頁的分享
自從微信小程序支持內嵌網頁之後，呼聲高漲得不得了。的確，這個確實讓我開發我們公司的小程序高效了很多，主要是可以引入現有的功能完整的普通網頁。需求是這樣子的：小程序啓動授權等操作成功後直接跳轉到內嵌網頁，內嵌的網址也就是公司的官網產品項目，
2018-08-24 09:15:29
1
原创 原生JS 批量渲染 Json數組對象列表數據（基於vue:v-for渲染列表數據原理的思考）
Vuejs的出現減輕了對DOM的直接操作，同時它提供的 v-for 渲染列表數據也給我們提供了很大的方便。即使是複雜的 Json數組對象，也可以使用 多層嵌套的 v-for 實現，格式如下：<div v-for="(item,index)
2018-08-24 09:15:29
8
原创 CSS3+JS實現的個性化全選反選
監控所有列表項下的checkbox是否都處在選中的狀態，如果全選中則全選按鈕處在選中狀態；當存在checkbox未選中時，取消全選按鈕的選中狀態。 <!-- JS --> window.onload = function(){
2018-08-24 09:15:29
2
原创 原生JS 實現的input輸入時表格過濾
需求：對input框進行鍵盤輸入後根據輸入的內容去匹配表格中指定的數據項，若存在相匹配的則只顯示匹配的數據項； 細節處理：監聽鍵盤輸入後給一定的緩衝時間避免發生頻繁的請求； 解決思路：給個定時器，當鍵盤開始輸入時啓動定時器，倘若在指定
2018-08-24 09:15:27
3
原创 JS切換類並顯示相應的內容模塊
思路：一層循環遍歷操作的元素並獲取當前遍歷到的元素的下標，通過下標去選擇顯示對應的內容模塊。 二層循環將元素恢復操作前的狀態。 <!--- JS --> var fbUls =document.getElementById("oUl")
2018-08-24 09:15:27
原创 echarts實現一個頁面多個餅狀圖共用方法的封裝
封裝想法來源：當初在進行數據的處理時，想着如果能夠用一種可視化的效果來呈現那用戶體驗絕非一般了，於是借用了功能強大的百度Echarts,由於Echarts本身渲染圖表的時候，除了需要給出需要展示的數據值(data)之外，Echarts自帶
2018-08-24 09:15:18
原创 可視化的日期倒數百分比
<!- 效果--> <!-- JS 代碼 --> window.onload = function(){ displayDate(); } function Id(id){ return document.getEl
2018-08-24 09:15:18
原创 原生JS實現的JSON數組排序，關鍵字錨點跳轉到指定內容區
原生JS實現的仿點擊錨點對應模塊跳轉到指定的位置，錨點關鍵字從模塊中取出，去除重複值按照由大到小的順序排序//JSON數組按指定值進行排序排序,name:排序規則 function jsonSort(jsonarr,name
2018-08-24 09:15:17