原创 均分圓佈局

代碼如下: <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery-1.8.3.min.js"></script> <sty

原创 CSS3翻牌動效

效果如下 廢話不多說: <!doctype html> <html> <head> <meta charset="utf-8" /> <style>

原创 Visual Studio Code自動生成vue開發模板

在使用vs開發vue中經常新建vue文件進行模塊開發,新建文件結構着實痛苦 於是百度配置一下自己的vs編輯器: 1.點擊vs左下角設置選擇用戶代碼片段 2.輸入vue並按下回車,將下邊代碼複製粘貼到vue.json進行保存  { "

原创 css呼吸燈

效果如下: 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> #animat{

原创 npm包開發規範

目錄 npm包開發規範 1 背景: 2 Npm介紹 2 Npm 管理 2 Npm install 原理 2 Npm install 使用 2 Npm包結構 3 1.README.md 3 2.Package.json 4 Npm包

原创 Promise小試牛刀

promise用於ajax封裝請求 var Ajax={ get: function(url, fn) { // XMLHttpRequest對象用於在後臺與服務器交換數據 var xhr = new

原创 npm install報錯Failed at the [email protected] install script

輸入如下代碼解決 npm install [email protected] --ignore-scripts

原创 JS-Web-API 知識點與高頻考題解析

JS-Web-API 知識點與高頻考題解析 除 ES 基礎之外,Web 前端經常會用到一些跟瀏覽器相關的 API,接下來我們一起梳理一下。 知識點梳理 BOM 操作 DOM 操作 事件綁定 Ajax 存儲 BOM BOM(瀏

原创 ES 基礎知識點與高頻考題解析

ES 基礎知識點與高頻考題解析 JavaScript 是 ECMAScript 規範的一種實現,本小節重點梳理下 ECMAScript 中的常考知識點,然後就一些容易出現的題目進行解析。 知識點梳理 變量類型 JS 的數據類型

原创 歸來小感

好習慣養成需要幾個月,丟掉就是一瞬間啊!這場突如其來的疫情,打亂了我們2020規劃好的flag。 談談幾個月不更博客的感覺,總覺得虛無,那種工作後沒有總結的沒有收尾的錯覺。 這幾個月公司內網把csdn給禁用了,導致自己偷懶懈怠了小

原创 [Vue warn]: Duplicate keys detected: ''. This may cause an update error.

開發遇到這樣的報錯: 首先想到是不是v-for循環中key值得問題, 錯誤原因: 我們在使用v-for的時候,都要必須加上一個唯一的key值,但是這裏寫了兩個for循環,儘管都加上了key值,然而又將key的值寫成一樣的了。所以

原创 axios封裝以及API接口管理

在src文件夾下新建api文件夾,並新建index.js用來作爲axios封裝 index.js 代碼如下: import axios from 'axios' import config from '../config/server.

原创 入夜小感

此情此景,在剛看完孝莊祕史中多爾袞戰死沙場片段後,聽着由李玲玉老師演唱的《有關愛的事情》背景樂, 少年競風流,壯志不言愁 歲月研成墨,大筆寫春秋 無盡的人生思考,哇咔咔。。。 點贊 收藏 分享

原创 ecahrts餅狀圖vue封裝

效果圖如下: 新建一個pie.vue文件 <template> <div class="common-wrapper"> <div class="common-wrapper" id="pie"></div> </di

原创 CSS實現閃爍的光圈

效果如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無