原创 SVG基本使用(一、基本概念、使用方法、繪製矩形/圓/橢圓/直線/折現/多邊形/)

一、SVG概念 1.什麼是SVG? SVG英文全稱爲Scalable Vector Graphics,意思爲可縮放的矢量圖 2.位圖和矢量圖 在計算機中有兩種圖形, 一種是位圖, 一種是矢量圖 2.1 位圖: 傳統的 j

原创 【Vue報錯】did you register the component correctly

問題描述:Unknown custom element: - did you register the component correctly? For recursive components, make sure to pr

原创 webpack中常用loader及plugins(插件)

本文主要簡單講解常用loader及plugins的作用,方便快速查找,本文閱讀前置條件是需要有webpack基礎知識。具體使用方法見文中鏈接指向的webpack官網、npm或github,或留言給我哦~ webpack中常用loa

原创 SVG基本使用(四、動畫、動畫常用屬性、複合動畫/往返動畫/形變動畫/路徑動畫、腳本編程

一、動畫 1.SVG動畫 在SVG中提供了三種常用動畫標記 animate:基礎動畫 animateTransform:形變動畫 animateMotion:路徑動畫 2.SVG動畫屬性 attributeType: CS

原创 ES6模塊化使用方式

ES6之前javascrip沒有模塊化的概念,是ES6的新特性。本文主要介紹js模塊化的使用。 ES6模塊化一、ES6模塊化的第一種方式:1.1 使用方法1.2.注意點:注意點1的案例:解構賦值案例:注意點2案例:通過as修改接收

原创 使用、註冊npm網站

在https://www.npmjs.com/註冊賬號 注意:註冊過程中需要郵箱驗證 在終端 包所在的文件夾(F:\學習\front-end\14.手寫Node模塊系統\12\node_modules\ggjj)中輸入npm a

原创 webpack配置文件寫法

1.什麼是webpack配置文件? 我們在打包JS文件的時候需要輸入: npx webpack index.js 這句指令的含義是: 利用webpack將index.js和它依賴的模塊打包到一個文件中 其實在webpack指令中

原创 package.json各字段含義

package.json字段分析(瞭解) name:包的名稱,必須是唯一的,由小寫英文字母、數字和下劃線組成,不能包含空格 version:符合語義化版本識別規範的版本字符串 主版本號:當你做了不兼容的 API 修改 子

原创 同時使用jQuery多個版本衝突(不同框架使用$符號,後使用的覆蓋先使用的,引發衝突)

使用jquery和其他框架,都遇到$來寫的更少,做的更多時,會出現衝突 解決方案: 1.釋放$的使用權 釋放“$”的使用權: jQuery.noConflict(); 注意點:釋放操作必須在編寫其它jQuery代碼之前寫 釋放之

原创 Vue的渲染方式(如何將組件添加到實例控制區域)

1.Vue渲染組件的兩種方式 1.1先定義註冊組件, 然後在Vue實例中當做標籤來使用 <div id="app"> <one></one>//在實例中當做標籤使用 </div> <template id="one">

原创 Vue父子組件數據傳遞方式

使用Vue的同學,本文一、二兩個小結必須掌握。 Vue父子組件數據傳遞方式一*、父組件給子組件傳遞數據二*、父組件給子組件傳遞方法三、子組件給父組件傳遞數據四、組件數據多級傳遞五、組件方法多級傳遞 一*、父組件給子組件傳遞數據

原创 ES6模塊化

ES6之前javascrip沒有模塊化的概念,是ES6的新特性。本文主要介紹js模塊化的使用。 ES6模塊化一、ES6模塊化的第一種方式:1.1 使用方法1.2.注意點:注意點1的案例:解構賦值案例:注意點2案例:通過as修改接收

原创 webpack的瞭解,安裝及打包文件方法

webpack安裝,打包文件方法一、爲什麼要使用webpack二、什麼是webpack?三、爲什麼要分模塊?四、如何解決上述問題——使用webpack五、如何通過webpack來打包JS模塊1. 安裝webpack2. 編寫模塊化

原创 NodeJS自定義全局包

NodeJ自定義全局包什麼是全局包:全局包(工具包)特點:查看全局包安裝地址(prefix):查看不同包的指令:全局包實現步驟: 什麼是全局包: 一般全局包都是工具包,例如:nrm,yarn,cnpm 全局包(工具包)特點: 需要

原创 NodeJS之nrm/cnpm的安裝

一、nrm(推薦使用) 由於npm默認去國外下載資源, 所以對於國內開發者來說下載會比較慢 nrm工具作用: 允許將資源下載地址從國外切換到國內 安裝方法: 1.npm install -g nrm 使用npm安裝N