原创 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操作,自己可以更專注於業務