原创 html5 Audio 對象

最終效果如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev

原创 vue圖片上傳本地預覽組件使用詳解

這篇文章主要爲大家詳細介紹了vue圖片上傳本地預覽組件,具有一定的參考價值,感興趣的小夥伴們可以參考一下 最近項目一直在使用vue,以前只是用vue做過一些簡單的demo對數據進行增刪改,並沒有用於實際開發項目。今

原创 react中實現防vue中的v-if 和v-show指令切換效果

最新在看react的時候發現,vue裏面的很多東西在react裏面都沒有,好多都要自己去實現,vue已經實現了很多我們經常用到的東西,react基本都要自己去寫,很靈活,賦予開發人員更多的空間,現在模擬一下v-if和v-show的實現方式

原创 react 表單信息處理提交

最近一直在看react,項目中一直用的是vue突然發現vue之所以火得那麼快是有原因的,雙向數據綁定,語法簡潔通俗易懂,感覺有一定經驗的開發就可以直接看文檔上手,react 的jsx適合資深開發,很靈活,但是好多東西都要自己去實現,總之都

原创 react 實現banner輪播效果

最近在看react , jsx的語法一開始看起來確實不習慣,但是確實比較靈活 運行效果:   代碼: import React from 'react'; // import ShadowDOM from 'react-shadow'

原创 原生javascript鼠標滾輪滾動放大縮小效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=devic

原创 transform對fixed的影響

最近做項目遇到一個問題,就是爲元素設置fixed屬性之後發現元素竟然不是相對於窗口定位,糾結了很久,才發現原來是父元素設置了transform屬性導致元素相對於父元素定位,fixed不相對窗口定位了。 代碼如下: <!doctype h

原创 初探ES7中的 async、await

任意一個名稱都是有意義的,先從字面意思來理解。async 是“異步”的簡寫,而 await 可以認爲是 async wait 的簡寫。所以應該很好理解 async 用於申明一個 function 是異步的,而 await 用於等待一個異步

原创 position:sticky;粘性佈局

生效規則 position:sticky 的生效是有一定的限制的,總結如下: 須指定 top, right, bottom 或 left 四個閾值其中之一,纔可使粘性定位生效。否則其行爲與相對定位相同。 並且 top 和 bottom 

原创 Git常用命令總結

1、 回退上一版本 $ git reset --hard 2、 恢復到歷史版本 $ git reset --hard fae6966548e3ae76cfa7f38a461c438cf75ba965 3、 把修改推到遠程服務器 $

原创 原生javascript實現文件上傳功能代碼

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

原创 初探template.js

template.js 一款 JavaScript 模板引擎,簡單,好用。提供一套模板語法,用戶可以寫一個模板區塊,每次根據傳入的數據,生成對應數據產生的HTML片段,渲染不同的效果。https://github.com/aui/artT

原创 原生js模擬框選選擇效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w

原创 vue組件開發之導航菜單組件封裝

運行結果: 調用代碼部分: <template> <div id="app"> <menu-bar :list="list" @click="menuClick"></menu-bar> <!--first></

原创 VUE 封裝自定義banner切換組件

一轉眼用vue已經半年多的時間了,剛開始用vue的時候是直接看文檔邊看邊邊開發的,雖然在項目過程中遇到一些小的問題,不過基本上都可以自己解決,用了了半年後突然發現自己慢慢喜歡上了MVVM框架,沒有繁瑣的dom操作,自己可以更專注於業務