原创 js讀取txt文件並替換所有空格爲換行
因爲只用讀取，並沒有用到activex控件，另外，需要開啓本地apache環境，因爲跨域阻止讀取文件。直接上代碼。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta chars
2019-09-09 23:19:54
2
原创 js 二維數組查找 - 根據屬性值查找對應的另一個屬性值
在我們使用js的時候是否會常常碰到這種問題： 我們想查找一個二維數組中id==1的name的值，js好像沒有提供相應的函數，這個時候只能自己寫一個工具函數了，下面是方法 var data = [ {id: 1,name: "張三
2019-09-04 22:57:25
原创 百度地圖js 根據半徑搜索座標點周圍服務
百度地圖js api提供了一套查找周圍服務的函數，只需提供座標點與關鍵詞即可查詢附近的服務。 話不多說，直接上代碼： var map = new BMap.Map("map"); var localSearch = new BMap
2019-08-28 23:53:35
原创 js+canvas製作網頁動態背景，可交互
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chr
2019-07-18 22:32:57
42
原创 js判斷時間大小以及計算時間差
有些時候我們需要使用JS判斷一下不同格式的時間的大小該怎判斷呢? 例如：2019-06-26 14:00:00 這個格式的時間，如何判斷是否大於現在的時間： function compareTimeNow(time){ var
2019-06-26 01:47:05
原创 jquery獲取圖片並壓縮上傳
話不多說，直接上代碼： <input id="input-file" type="file" multiple="multiple" accept="image/*" > $("#input-file").on("change",f
2019-06-20 23:08:34
原创 前端模塊化的實現
模塊化這個概念隨着javascript的使用變得越來越重要，他使得代碼開發變得更加清晰，維護更加方便。 例如：你可以把一個頁面的彈窗看做一個模塊，而這個模塊的實現方法如下： ///pop.js (function (document)
2019-06-12 18:26:45
原创 百度地圖js結合heatMap.js製作熱力圖
作者這裏的熱力圖的應用場景爲微信瀏覽器，相對於其他瀏覽器，微信瀏覽器在製作熱力圖中會遇到一個問題，下文中會提到。 首先是初始化地圖： var map = new BMap.Map("attenMap"); var point = new
2019-06-11 10:42:15
原创 php更新到7.2後遇到的問題
前兩天發現服務器有漏洞，需要升級服務器，服務器使用的是wamp的集成環境，直接把wamp升級到3.1.9的了，php+mysql+apache都升級了。 php是升級到7.2.18了，結果一打開系統，問題就來了，後來網上一查，php到7.
2019-06-11 03:27:20
原创 解決jquery ajax上傳空數組報錯問題
在ajax中上傳參數data時，如果某個數組參數爲空的話，默認就被捨棄，這樣的話ajax發送的參數與後臺接收的參數就對應不上了，這樣就會報400的錯誤，這裏提供的解決辦法就是在後臺接收時做一個判斷： 上傳的ajax配置如下： var d
2019-06-11 03:27:20
原创 div+css製作菱形
受益於以爲大神的啓發，使用border的方式製作菱形圖案 <div style="float:left;border-width:25px;border-color:#727171 #9fa0a0 #9fa0a0 #
2019-05-14 21:45:36
原创 thinkphp5配置靜態資源默認加載
新手使用thinkphp都會遇到一個靜態資源的加載問題 我這裏使用的是wamp集成開發環境，這裏配置一下虛擬域名後就可以使用以下的方式直接引用js,css,img: 配置方法，找到C:\wamp\bin\apache\apache2.4
2019-04-24 02:36:52
原创 d3.js tree佈局，節點居中顯示
你是否有着這樣的煩惱，你的樹圖太大，超出部分需要使用滾動條，這時需要快速的找到其中一個節點該怎麼辦？ 實現的效果圖如下： 代碼如下： var nodeX=0,nodeY=0; d3Tree(); $("#wrapper").ani
2019-04-12 23:23:24
原创 vue.js獲取點擊元素本身，並使用jquery操作該對象
先看dom元素： <a v-for="dep in depArr" class="option-list" v-on:click="depFilterUser($event,dep.dep)">{{dep.dep}}</a> 使用v-
2019-04-10 23:00:42
1
原创 div+css畫六邊形
效果圖： div: <div class="iconBox"> <div class="Icon"> <div class="IconF"> <div class
2019-04-10 23:00:42