原创 我實現了客戶要求的五彩斑斕的黑!!!

五彩斑斕的黑????五彩斑斕???還黑??之前只是笑笑就過去了。。那麼能不能實現呢,,,今天他來了!!! 效果圖:展示出來的效果顏色和光暈的顏色都是用c3寫成的動畫效果,由於不支持上傳視頻,就截了幾幀的圖片,有想要自己實現這個動畫

原创 原生js實現網頁輪播圖效果

輪播圖也稱爲焦點圖,是網頁中比較常見的網頁特效。 功能需求: ​ 1.鼠標經過輪播圖模塊,左右按鈕顯示,離開隱藏左右按鈕。 ​ 2.點擊右側按鈕一次,圖片往左播放一張,以此類推,左側按鈕同理。 ​ 3.圖片播放的同時,下面小圓圈模

原创 jQuery深拷貝和淺拷貝詳解

在瞭解深拷貝和淺拷貝之前首先要明白數據在內存中是如何存放的 在js中,數據可以分爲基本數據類型(字符串(String)、數字(Number)、布爾(Boolean)、對空(Null)、未定義(Undefined))和複雜數據類型(

原创 那些年我們用混的js和jQuery方法

原生js是前端必備的基礎知識,而jQuery是爲了更簡單的獲取Dom,操作Dom,完成js的功能的一個封裝的js庫,它可以讓我們用更少的代碼完成與原生js一樣的功能,這裏就出現了對Dom元素操作時,原生js的方法和jQuery庫中

原创 SQL異常,觸手可及

You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right

原创 ES6對象字面量的增強寫法

對象字面量的增強寫法是ES6相對於之前版本的ECMAScript新加入的寫法,可以使開發過程中的對象的操作變得更加簡單 一、對象的屬性增強 在ES5中對象是這樣寫的: <script> var obj={

原创 Vue分支循環結構

分支循環結構在編程中的地位不言而喻了,Vue也內置了分支循環的指令來使Vue編程變得簡單而有趣 一、分支 v-if v-else v-else-if v-show 例如根據分數判斷是優秀,良好,一般還是差 將分支在dom元素中表現

原创 Vue基礎語法02

Vue基礎語法02 屬性綁定 v-bind:(可簡寫爲“:”) v-bind 指令被用來響應地更新 HTML 屬性 v-bind:href 可以縮寫爲 :href v-bind 和 v-on的區別: v-bind 綁定屬性

原创 Vue實現Tab欄切換(v-for渲染)

在用數據渲染前端頁面的幾種方式下,原生js和jQuery都需要操作DOM,生成元素,添加元素等一系列操作,而Vue只需要v-for指令就輕鬆解決。 實現功能:有標題和圖片兩部分組成,點擊相應的標題顯示響應的圖片,其他圖片隱藏。 實

原创 Vue基礎語法01

Vue是目前最好的國產前端漸進式框架,它與原生js和jQuery的最大區別就是Vue是直接操作數據來達到對頁面的渲染,而原生js和jQuery都是操作Dom元素來渲染頁面。Vue可以讓開發人員“換一種思路”去開發前端頁面。 注意:

原创 jQuery實現帶本地存儲的備忘錄

前幾天發了兩篇關於本地存儲和實現簡單備忘錄的兩篇文章,但是那個備忘錄一刷新頁面或關掉瀏覽器再打開數據就不見了,那爲何不把它倆結合一下,做一個不會丟失數據的web備忘錄呢。所以,升級版2.0他來了!!! 實現功能: 實現備忘功能

原创 jQuery實現簡單的Web備忘錄

實現功能: 添加備忘事件 自動獲取備忘時間 在未完成事件中點擊對號,相應的事件會走到已完成事件中 在已完成事件中點擊對號,相應的事件會消失 實現效果: index.html文件: <!DOCTYPE html> <html

原创 jQuery深拷貝和淺拷貝

在瞭解深拷貝和淺拷貝之前首先要明白數據在內存中是如何存放的 在js中,數據可以分爲基本數據類型(字符串(String)、數字(Number)、布爾(Boolean)、對空(Null)、未定義(Undefined))和複雜數據類型(

原创 web本地存儲sessionStorage和localStorage

本地存儲特性: 1、數據存儲在用戶瀏覽器中 2、設置、讀取方便、甚至頁面刷新不丟失數據 3、容量較大,sessionStorage約5M、localStorage約20M 4、只能存儲字符串,可以將對象JSON.stringify

原创 CSS兩大盒模型的區別

CSS中Box model分爲兩種,第一種是W3C的標準盒模型,另一種是IE的盒模型。 1、content-box傳統盒模型 content-box 是W3C的標準盒模型模型,範圍包括 margin、border、padding、