原创 NodeJS環境下，使用NPM管理包
本文主要講解，使用NPM工具管理包。注意想使用NPM需要安裝NodeJS哈。 NodeJS安裝方法見：NodeJS環境搭建。一般安裝的NodeJS環境中會自帶npm，若安裝npm失敗，解決辦法詳見node下載安裝後，npm安裝失
2020-02-21 13:14:51
原创 javascript判斷對象是否是空對象
一、判斷一下對象是否是空對象 let obj1 = { name:"GG", say:function () { console.log("hahaha");
2019-10-25 19:48:49
原创 NodeJS環境搭建
一、NodeJS基本介紹 什麼是Node.js? Node.js 是一個基於"Chrome V8 引擎" 的JavaScript “運行環境”. V8引擎? V8引擎是一款專門解釋和執行JS代碼的虛擬機, 任何程序只要集成了V8引
2019-10-25 19:48:49
原创 node下載安裝後，npm安裝失敗解決方案。
node -v 沒有顯示版本號，npm顯示無法下載解決辦法 1.按照控制檯提示github地址下載npm文件（不同node版本對應不同npm版本） https://github.com/npm/cli/archive/v6.1
2019-10-25 19:48:49
原创 H5存儲方案——cookie、session、SessionStorage和LocalStorage
1.簡述 瀏覽器端存儲網頁中的數據有三種存儲方案：cookie、SessionStorage和LocalStorage。 其中：SessionStorage和LocalStorage是H5新增的存儲方案。 而cookie經常同se
2019-09-22 18:16:20
1
原创 移動端視口
1.什麼是視口? 視口簡單理解就是可視區域大小我們稱之爲視口 在PC端，視口大小就是瀏覽器窗口可視區域的大小（窗口多大，可視區域/視口就多大） 在移動端, 視口大小並不等於窗口大小, 移動端視口寬度被人爲定義爲了980 2.爲什麼
2019-09-16 18:56:50
原创 適配移動端解決思路
閱讀本文前，先了解一篇文章 移動端視口 1.適配移動端方法一：PC+ 移動端使用媒體查詢 PC端，移動端使用媒體查詢，使用同一套代碼 html頭部添加 <meta name="viewport" content="width=de
2019-09-16 18:56:50
原创 設備（物理）像素和CSS（邏輯）像素
1.什麼是設備像素和CSS像素? 1.1、設備像素又稱爲物理像素, 是"物理屏幕"上真實存在的發光點，只有屏幕一經出廠就固定不會改變 1.2、CSS像素又稱爲邏輯像素，是編程世界中虛擬的東西, 我們通過代碼設置的像素都是邏輯像素
2019-09-16 18:56:50
1
原创 前端頁面適配移動端常用方案
本文寫作順序是按照實際編寫移動端適配的順序編寫的。 想要充分理解，需要童鞋們有rem，像素，媒體查詢，的基礎知識。 若順序閱讀理解較爲困難。可以按照標題3、2、1的順序閱讀。 建議先看：適配移動端解決思路 1.js添加如下三行代碼
2019-09-16 18:56:50
原创 前端開發常用單位
1.像素 什麼是像素(Pixel)? 在前端開發中視口的水平方向和垂直方向是由很多小方格組成的, 一個小方格就是一個像素 例如div尺寸是100 x 100, 那麼水平方向就佔用100個小方格, 垂直方向就佔用100個小方格
2019-09-15 19:06:51
原创 SVG基本使用（五、腳本編程）
svg腳本編程：通過js操作svg 企業開發中均使用框架進行腳本編程 腳本編程推薦自學svg框架 https://svgjs.com/ http://snapsvg.io/docs/ 可以做搜狗瀏覽器官網特效。多看看svg在線編
2019-09-04 19:06:18
原创 使用webstrom自定義快捷鍵
使用webstrom自定義模板： 1.打開webstrom 2.點擊file——setting 3.查詢“live templates後，點擊”右側“+” 4.Template text中填寫快捷方式內容。 下
2019-09-04 19:06:18
原创 bootstrap基本使用，快速瞭解bootstrap
本文只涉及bootstrap基本使用，不提供代碼案例。以便於快速瞭解bootstrap是什麼。詳細使用規則還是要看官方文檔。 注意：bootstrap的核心是掌握容器和柵格系統。 1.什麼是Bootstrap? Bootstra
2019-09-04 19:06:18
1
原创 SVG基本使用（三、剪裁/蒙版、漸變色、畫筆、形變、ViewBox）
一、裁剪與蒙版 1.clipPath 只有路徑範圍內的內容會被顯示, 路徑範圍外的內容不會被顯示 2.mask mask和clipPath差不多 2.1.裁切路徑是可見與不可見的突變 2.2.蒙版則是可見與不可見的漸變
2019-09-02 18:55:19
1
原创 SVG基本使用（二 常用屬性、繪製路徑/文本/超鏈接/圖片、結構標籤）
一、SVG常用屬性 1.fill: 修改填充顏色 2.fill-opacity: 0~1 設置填充顏色的透明度 3.stroke: 修改描邊顏色 4.stroke-width: 修改描邊寬度 5.stroke-opacity:
2019-09-02 18:55:19
1