原创 2020前端面試題

2020年~~~疫情影響着經濟,好多企業都裁員了,我所在的公司也不例外。所幸我不是其中之一。但是,金三銀四,即使不想換工作,也要評估一下自己在市場的價值。 以下就是我電話面試中遇到的一些問題:   關於vue 1.vue組件的懶加載的原理

原创 npm install webapck -g 報錯4058錯誤

安裝webpack時報錯 npm ERR! path E:\nodejs\node_global\node_modules\webpack\node_modules\ajv-keywords npm ERR! code ENOENT np

原创 CSS樣式-display有哪些作用?

題目點評 其實就是要你說清楚該屬性有哪些值,每個值都有什麼作用,這個題目可以答得很簡單,但要答全也並非是一件容易的事情。 元素默認的display值的情況如下(這個一般很少人注意這一點)  block(塊級元素)  <di

原创 MyEclipse快捷鍵大全

常用的快捷鍵 快捷鍵 功能 Ctrl+Shift+X 代碼大寫 Ctrl+Shift+Y 代碼小寫 Alt+Shift+S “source”快捷鍵 alt+shift+A

原创 CSS左側固定寬 右側自適應(兼容所有瀏覽器)

方法一、浮動佈局 [html] view plain copy HTML    <div id="left">Left sidebar</div>      <div id="content">Main Co

原创 Css的display與JQuery的show()、hide(),displayjquery

兩者可以配合使用,從而實現塊的隱藏與顯示 show()方法對應display:block; 或 inline hide()方法對應display:none; 怎用jquery動態更改元素的display屬性 <div i

原创 如何居中一個元素(正常、絕對定位、浮動元素)?

題目點評 這道題目的提問比較多,連續問了三個問題,正常元素、絕對定位元素、互動元素如何居中,而且居中沒有說清楚是垂直居中還是水平居中,要回答清楚這個問題,必須得有深厚的功底,而且要分類的來回答,條理要清楚。可以先把水平居中各種情況說清

原创 20 個常用的 CSS 技巧

1. 黑白圖像 這段代碼會讓你的彩色照片顯示爲黑白照片,是不是很酷? img.desaturate {   filter: grayscale(100%);   -webkit-filter: grayscale(100%); 

原创 sublime3 快速創建html模板

1 安裝 Package Control1.1 ctrl + ` 呼出控制檯1.2 複製(不要帶最外層的雙引號,該代碼僅適用於sublime text 3)“import urllib.request,os; pf = 'Package

原创 【轉】什麼是前端工程師?前端工程師需要掌握什麼技能?

什麼是前端工程師?前端工程師需要掌握什麼技能? 前言 前端工程師是一個出現了10年左右,而頗受重視則是最近這五六年的事情。受到重視到前端從業人員井噴,也就是這一兩年而已。因爲前端工程師這個職位出現得太晚,導致各大學校均沒有系統的相關

原创 固定頁面的最小寬度

通過CSS樣式設置網頁的最小寬度,下面的樣式將網頁的最小寬度固定爲600px html代碼,將所有的內容都放到id=container的容器內 代碼如下: <body> <div id="container"> CSS樣式

原创 【轉載】CSS3 常用四個動畫(旋轉、放大、旋轉放大、移動)

CSS3 常用四個動畫(旋轉、放大、旋轉放大、移動) 在頁面設計中,給一些圖標或者圖片加上一些動畫效果,會給人非常舒服的感覺。這裏收集了四個常用動畫效果,以便不時之需。 轉載原文 效果一:360°旋轉 修改rotate(旋轉度數)

原创 Web前端面試題彙總

前端開發面試題; 超全整理前端開發面試題——HTML篇(2016年); 超全整理前端開發面試題——CSS篇(2016年); 問題: HTML Doctype作用?嚴格模式與混雜模式如何區分?它們有何意義?

原创 canvas-簡單快速實現知乎登錄頁背景效果

前言 打開知乎的登錄頁,就可以看到其背景有一個動效,看起來好像蠻不錯的樣子: 這個效果使用canvas是不難實現的,接下來就一步一步地講解並實現這個效果。 分析 在動工之前先分析這個效果到底是如何運動的。首先要理解的是雖然看起來

原创 window.location方法詳解

y一、window.location方法獲取URL   統一資源定位符 (Uniform Resource Locator, URL)   完整的URL由這幾個部分構成:   scheme://host:port/path?q