原创 CSS按鈕hove變色 | 回到頂部 | 指定區域外點擊，關閉指定區域| 設置導航高亮
1.按鈕hover上去變色（漸變，從底部向上變） .btn-item { position: relative; span {
2020-07-04 16:15:47
1
原创 transition和animation
transiton .pic { &:hover { transform: rotate(45deg); //旋轉45度 } transition: transform 1s ease-out;
2020-06-22 09:09:22
原创 WebAPP開發——H5標籤audio（屬性和API事件）
1.audio支持的格式 audio 定義音頻 格式：mp3 wav ogg mp3所有瀏覽器兼容 ogg safari不支持 wav 都支持 js 能幫助生成audio對象 new Audio(); 等同於HTML上面寫上aud
2020-06-22 09:09:22
原创 vue重點知識
1.爲什麼使用框架，框架到底解決了什麼問題？ 解決重複引用外部js，以用jQuery開發爲例，很多時候都是不能單一完成一個項目的，還需要引用很多的第三方插件和庫，導致會一個項目引入很多外部JS文件。 這樣不僅讓代碼變得雜亂，而且很影響打開
2020-06-22 09:09:22
1
原创 ES６入門（五）函數的擴展（箭頭函數）
函數的擴展 １函數的參數指定默認值 ES6 之前，不能直接爲函數的參數指定默認值，只能採用變通的方法 ES6 允許爲函數的參數設置默認值，即直接寫在參數定義的後面。 function log(x, y = 'World') { co
2020-06-22 09:09:22
原创 ES6 入門（一）let 和 const 命令
1.簡介 ES6是 JavaScript 語言的下一代標準 目標，是使得 JavaScript 語言可以用來編寫複雜的大型應用程序，成爲企業級開發語言。 ECMAScript 和 JavaScript 的關係是，前者是後者的規格，後者是
2020-06-22 09:09:21
原创 ES6入門（三）字符串的擴展
（一）字符串的擴展 1.字符串的循環遍歷 1.1 ES6之前遍歷字符串的方式 1.使用for循環遍歷字符串 // 使用for循環 let str = 'PROMISE'; for (var i = 0, len = str.lengt
2020-06-22 09:09:21
原创 ES6 入門(二）——變量的解構賦值
1.ES6 聲明變量的六種方法 ES5 只有兩種聲明變量的方法：var命令和function命令。 ES6 除了添加let和const命令，另外兩種聲明變量的方法：import命令和class命令。 所以，ES6 一共有 6 種聲
2020-06-22 09:09:21
原创 HTML和CSS重點知識
1.如何理解html語義化； 1.讓人更容易讀懂（增加代碼可讀性） 2.讓搜索引擎更容易讀懂（SEO(搜索引擎優化） ） 2.塊狀元素和內聯元素 塊狀元素： display:block/table;有div h1 h2 table ul
2020-06-22 09:09:21
原创 webpack的安裝教程
要安裝webpack首先要安裝npm，npm在node的安裝包中已經默認存在，所以我們只需要安裝node，安裝node去nodejs官網download，然後立即安裝即可，注意自己選擇的路徑。 1.檢測npm是否安裝成功 如果在cm
2020-06-22 09:09:21
原创 HTTP及相關網絡協議
1.會話跟蹤？ 監視同一個用戶對服務器的連續的請求和接受響應。 2.爲什麼需要會話跟蹤？ 瀏覽器與服務器之間的通信是通過HTTP協議進行通信的，而HTTP協議是”無狀態”的協議，它不能保存客戶的信息，即一次響應完成之後連接就斷開了，下
2020-06-22 09:09:21
原创 《Vue 高級框架開發》——Vue基礎語法（1）
特點:組件化開發，快速開發 1.生命週期 vue生命週期： beforeCreate 組件剛剛被創建 create 組件創建完成 beforeMount 掛載之前 mounted 掛載之後 beforeDestory 組件銷燬前調用 d
2020-06-22 09:09:21
原创 實現文字滾動效果——Vue實現
這種思路要借用到Vue提供的transition組件了，它提供了一些類名，比如v-enter、v-enter-active等來對應CSS的類 <div class="text-container"> <transition clas
2020-05-23 13:19:02
原创 vscode配置文件（Vue項目）
{ "workbench.editor.showTabs": true, "files.associations": { "*.cjson": "jsonc", "*.wxss": "cs
2020-05-11 03:33:48
原创 vue 獲取input光標位置,並實現插入模板語法。
點擊上面的模板說明，可以在輸入框的光標位置插入相應的語法。 <el-form-item label="模板說明：" v-if="form.news_type==='1'"> <el-row class="templ
2020-05-03 04:50:31