原创 Flex彈性佈局盒模型

Flex是Flexible Box的縮寫,意爲”彈性佈局”,用來爲盒狀模型提供最大的靈活性。 任何一個容器都可以指定爲Flex佈局。 .box{ display: flex;//設爲Flex佈局以後,子元素的float、clear和

原创 Javascript複習大綱重點難點詳細總結

第一課時 何爲js特效: 1.定義時間(觸發時機+行爲) 2.觸發事件(行爲發生) 3.事件發生具有重複性 ———————————————————————————— 面向對象編程:(js是一門基於對象的語言) 1.如何獲得該對象 2.如何

原创 box-shadow生成多重邊框

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style>

原创 npm之安裝、更新、卸載本地安裝包

npm install <package_name>   下載npm包 在本地目錄中如果沒有 package.json 這個文件的話,那麼最新版本的包會被安裝。 如果存在 package.json 文件,則會在 package.json 

原创 Path.resolve()

path.resolve() 方法會將路徑或路徑片段的序列解析爲絕對路徑。 var path = require("path") //引入node的path模塊 path.resolve('/foo/bar', './baz'

原创 vue項目打包後出現的map後綴文件

Vue項目打包後。代碼會經過壓縮混淆,static文件夾下的css和js文件對應的生成了map後綴的文件。map文件可以在調試代碼的時候,準確暑促哪一行哪一列的報錯信息,方便開發人員調試bug,但是它遠遠超出了對應的css和js的代碼質量

原创 computer、methods和watch(計算屬性、方法和偵聽器)深度理解

    computed:屬性最初看起來像一個方法,但事實卻又不是方法。在Vue中,我們使用data來跟蹤對特定屬性的更改,得到一定的反應。計算屬性允許我們定義一個與數據使用相同方式的屬性,但也可以有一些基於其依賴關係的自定義邏輯。你可以

原创 node讀取文件中的中文

1、讀取文件內容 var fs = require('fs'); // fs.readFile('./a.txt',function(err,data){utf8輸出文本 fs.readFile('./a.txt','utf8'

原创 Mint UI組件快速上手,在項目中使用mint UI

一.Mint UI是什麼  Mint UI 是餓了麼團隊開源的一款基於 Vue.js 的移動端組件庫 Bootstrap「它是 Twitter 開源的一個 css/html 工具包」 二.引入 Mint UI 1、使用 cdn 的方式引入

原创 VUE更新版本瀏覽器緩存問題

1、修改 webpack .prod.conf.js 文件 const version = new Date().getTime(); output: { path: config.build.assetsRoot, filenam

原创 輪詢、長輪詢、長連接、socket連接、WebSocket優缺點

最近做項目中遇到了新的問題,需要前端用輪詢的方式去掉後臺的接口,於是總結了一下優缺點 1.輪詢:客戶端定時向服務器發送Ajax請求,服務器接到請求後馬上返回響應信息並關閉連接。   優點:後端程序編寫比較容易。   缺點:請求中有大半是無

原创 用純CSS創建一個三角形

面試經常會問到的用css樣式寫一個三角形,以下這篇文章主要講解了三角形的原理,原理其實很簡單,也可以由此延伸出其他圖形的做法。 https://blog.csdn.net/weixin_37580235/article/details/8

原创 javascript中的 | 、|| 、&、&&區別及用法

原文鏈接:http://www.fly63.com/article/detial/3210 &、|、~都是位操作符, &&是邏輯與運算符(假前真後) 我們這就不多說,直接看例子:a&&b,若a、

原创 瀏覽器兼容性問題與解決方案整理

瀏覽器兼容性問題,是指因爲不同的瀏覽器對同一段代碼有不同的解析,造成頁面顯示效果不統一的情況。 瀏覽器兼容問題一:不同瀏覽器的標籤默認的外補丁和內補丁不同      問題症狀:隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和p