原创 css實現聊天氣泡以及形狀--邊框法

實現以下的效果可以利用css的border屬性: 首先:我們給一個元素四周都加上邊框的話, .box{width: 10px;height: 10px;border: 10px solid;border-color: #f00 #0f

原创 用命令創建vue項目

vue項目的開發,需要依賴於node環境,因此,以下內容是在安裝好node的基礎上進行的…… vue-cli開發vue的項目十分方便,它可以幫你快速構建一個具有強大構建能力的Vue.js項目。 步驟: 1.安裝淘寶鏡像: npm ins

原创 數組的交集、並集……

1.集合之間的交集: Array.intersect = function () {       var result = new Array();       var obj = {};       for (var i

原创 reduce/some/filter/map/every等方法

1.reduce--讓數組中的前項和後項做某種計算,並累計最終值 let arr = [1,2,3,4,5]; let result = arr.reduce((prev, cur, index, arr)=> { return

原创 validate與submit

jQuery Validate 插件爲表單提供了強大的驗證功能,在使用validate.js進行表單的驗證時,需要引入一下3個文件: <script src="http://static.runoob.com/assets/jquer

原创 部分正則驗證

1.手機號碼:/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/; 2. 身份證:^([0-9]){7,18}(x|X)?$ 3.密碼:^[a-zA

原创 如何將自己本地的項目傳到github上

只需要命令就可以把本地的項目上傳到自己的github上。。步驟如下: 1.登陸自己的github賬號,如下圖所示: 2.點擊new repository進行創建一個新的倉庫,用來存放自己的項目; 3.也是最重要的部分,用命令將項目上傳

原创 gitHub上如何刪除已存在的項目

如圖所示,我的github上目前有這幾個項目: 其中我不想要nihao這個項目,但是,沒有很明顯的標誌可以用來刪除這個文件,但是github上是有刪除項目的功能的,只是隱藏的比較深而已: 步驟: 1.點擊自己想要刪除的項目,進入如圖所示

原创 時間控件-時分秒/分秒/年月日

做項目的時候,很多時候我們會遇到使用時間控件的部分,下面介紹一個時間控件,---calendar.js,,這個控件是晚上照的,根據需要,把它修改的更加完善了。 首先我們需要引入這些文件: 這個日期控件的樣式就是這樣的;;; 其中,完善

原创 時間控件二--timepicker

這個jquery-ui-timepicker的日期控件,因爲需要,在網上找的,這裏合集分類整理一下。 效果如圖所示: 與calendar時間控件的區別是: 1.樣式的差別 2.這個時間控件沒法直接選擇年份和月份,需要一直點擊直到自己想要

原创 datatables中包含的一些小技巧

datatables是很容易,並且很好用的一個表格插件。今天遇到一個本地搜索的問題,之前一直沒有用過,今天記錄一下。 但是這個本地的搜索僅僅適用於前端分頁,因爲後臺分頁並沒有把所有的數據列出來。 允許開啓本地搜索: $('#examp

原创 利用vue-cli創建的vue項目結構解析

利用vue-cli腳手架,創建出來的vue項目結構如圖所示: 1.其中index.html是入口文件; 2.static中放一些靜態資源,比如圖片啥的; 3.src-router-index.js是用來配置路由的, 4. src-ma

原创 echarts中畫布的清空

最近做項目的時候,需要用到很多echarts圖表類的展示,其中有一點讓我困擾很久。 如圖所示:剛開始的時候可能需要加載全部的數據,但是當我們選擇某一個條件的時候,我們只需要加載這一個條件的數據。 這個時候我們要做的方法有2個(目前我知道的

原创 標籤a的空鏈接問題

偶然間發現,<a href="#">a1會跳躍嗎?</a>,當頁面上有滾動條的時候,點擊就會跳到頁面最上端,然後才知道原理,是因爲,‘#’默認的錨點位置是top。 那可能會問,爲什麼有問題,,還要去用一個空的a標籤呢,下面就是解釋(摘錄前

原创 jquery判斷checkbox是否被選中的三個方法

我們在做項目的時候,經常會遇到checkbox,但是如何判斷一個checkbox是否被選中呢? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></t