原创 html5+css3+jquery實現實時進度條
效果： 完整代碼： <!DOCTYPE html> <html> <head> <title>進度條</title> <meta charset="utf-8" /> <script type="text/javascri
2020-04-16 02:12:07
原创 使用html5的canvas繪製網格（詳細註釋，一看就會）
效果圖： 代碼： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" sr
2020-03-28 02:42:33
原创 android修改默認啓動activity
找到AndroidManifest.xml文件 把以下代碼移動至你要運行的activity中 <intent-filter> <action android:name="android.intent.action.
2020-03-28 02:42:33
原创 html5 localstorage模擬數據庫+js實現表格增刪改操作
界面： html代碼： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>學生信息基本操作</title> <link href="css/
2020-03-07 01:36:26
原创 Vue-cli項目中用js實現表格滾動(超簡單)
問題描述：在table中每次滾動一行數據，循環滾動。 首先寫一個table <table > <tr> <td> 編號</td> <td>時間段</td>
2020-03-05 12:43:59
原创 css3 transition實現圖片輪播百葉窗效果
css3 transition實現圖片輪播百葉窗效果： <!DOCTYPE html> <!DOCTYPE html> <html> <head> <title>css3百葉窗</title> <style type="tex
2020-03-05 12:43:59
原创 css3 transform實現兩張圖片翻轉動態效果
問題描述：實現最開始是一張圖片面向我們，一張圖片面向下面，當鼠標移入時，兩張圖片同時沿X軸旋轉90度。 實現原理：首先把兩張圖片的位置擺放好，即一張圖片是初始狀態不用管，另一張圖片沿X軸旋轉-90度，並且位於底部。當鼠標移入時，將
2020-03-05 12:43:59
原创 牛客網前端工程師面經彙總—HTTP/HTML/瀏覽器（一）
文章目錄一、http和https二、tcp三次握手、四次揮手三、TCP和UDP的區別四、Websocket五、幾個很實用的BOM屬性對象方法六、HTML5 drag api七、補充狀態碼400、401、403八、fetch發送2次
2020-02-23 12:01:01
原创 前端工程師面試題彙總（一）
基礎題 請你簡要介紹一下解決異步回調地獄的方法 請你講一下js監聽對象屬性的改變具體是怎麼實現的，它們各自有什麼特點？ 請問你知道一個圖片url訪問後直接下載怎樣實現嗎？ 請說一下css盒模型 請你說一下web Quality
2020-02-23 12:01:01
原创 git使用教程/常用命令
工作區和版本庫的概念 工作區：就是你在電腦裏能看到的目錄 版本庫（Repository）：工作區有一個隱藏目錄.git，這個不算工作區，而是Git的版本庫。Git的版本庫裏存了很多東西，其中最重要的就是稱爲stage（或者叫in
2020-02-23 12:01:01
原创 牛客網前端工程師面經彙總—HTTP/HTML/瀏覽器（二）
文章目錄一、瀏覽器狀態碼二、get和post的區別三、瀏覽器緩存四、HTML5新增的元素五、在地址欄裏輸入一個URL,到這個頁面呈現出來，中間會發生什麼六、常見的HTTP的頭部七、 HTTP2.0 的特性八、cache-contr
2020-02-23 12:01:01
原创 移動前端開發/移動端web開發
一、視口 概念 視口：瀏覽器顯示頁面內容的屏幕區域。 分成3種：佈局視口（layout viewport）、視覺視口（visual viewport）、理想視口（ideal viewport） meta視口標籤實現理想
2020-02-23 12:00:51
原创 前端工程師面試題彙總（二）
面試題 請你談一下transition和animation的區別 請你簡要介紹一下事件委託，能舉個簡單的例子嗎？使用事件委託的好處是什麼？ 請你講一下，使用setTimeout()方法來模擬setInterval()與直接使用s
2020-02-23 12:00:51
原创 vue-cli3.0解決跨域問題（超簡單）
在根目錄新建文件：vue.config.js 在文件新增內容： module.exports = { publicPath: '/', outputDir: 'dist', devServer: {
2020-02-23 12:00:51
原创 Ajax編程基礎
一、Ajax運行環境 Ajax需要運行在網站環境中才有效，不能直接雙擊html文件運行。 二、Ajax實現步驟 創建Ajax對象 var xhr = new XMLHttpRequest(); 告訴Ajax請求地址和參
2020-02-23 12:00:51