原创 程序員提問

原文鏈接:https://www.imooc.com/article/291507 1. 如何看待英語和數學在編程中的重要性? 先給出結論吧: 重要但是不緊急。 英語和數學屬於四象限原則中的:

原创 javascript中的offsetWidth、clientWidth、innerWidth及相關屬性方法

原文鏈接:https://blog.csdn.net/qq_33036599/article/details/81224346 注意: 下面元素屬性和元素方法都通過 elem.屬性 或 elem

原创 CSS 中重要的層疊概念

原文鏈接:http://www.imooc.com/article/291634 最近在項目的過程中遇到了一個問題,menu-bar希望始終顯示在最上面,而在之後的元素都顯示在它之下,當時設置了

原创 前端常用js函數總結

一、字符串: //-------ES6字符串函數-------- const id = '32015619620508554x'; const fan = 'I like php.'; //startsWith()方法用來判斷當前字

原创 默認滾動條樣式修改及插件

PC瀏覽器默認的滾動條樣式一般都很醜,特別是ie;移動端滾動條樣式一般都很優美,但是移動端常常隱藏滾動條,這時需要對默認的滾動條樣式做一定的修改,對滾動條要求比較高會複雜時(如要求鼠標懸浮在列表上時才顯示滾動條,移開滾動條消失),常常需要

原创 解密初、中、高級程序員的進化之路(前端)

原文鏈接:https://www.imooc.com/article/289955 程序員的標準與要求 初級程序員 僅能完成簡單模塊和項目的開發工作難以勝任複雜模塊的開發。通常是入行不久 1 年

原创 源碼學習

原文鏈接:http://www.imooc.com/t/3017249 全盤瞭解 首先你要對這個開源項目要有全盤的瞭解,知道它產生的背景,來解決什麼樣的問題。開始看源碼前,先對它的源碼目錄結構、

原创 大廠前端項目的研發流程

全流程概述 閒話不多說,畫了一個流程圖給大家做一個整體流程、角色、交付物的概述。 接下來給大家介紹一下各個角色。 項目委員會:這是一個很虛的角色,即能確定項目是否要做的那幫人,有時候可能就是一個高級經理就能拍板確定。和我們實際開發沒啥關

原创 HTTP 緩存

前提 瀏覽器通過網絡下載各種各樣的資源,例如 HTML、CSS、JavaScript、圖片、視頻、音頻、字體等等,這是瀏覽器工作過程的第一步,也是非常耗時的一步。其實,很多靜態文件,如 HTML 文本、圖片等,這些資源不經常發生變化,完

原创 npm安裝淘寶鏡像

npm本身的鏡像https://registry.npmjs.org/一般速度很慢,可以改爲淘寶鏡像 淘寶 npm 地址: http://npm.taobao.org/ 1.臨時使用 npm --registry https://reg

原创 HTML語義化

1、什麼是HTML語義化? <基本上都是圍繞着幾個主要的標籤,像標題(H1~H6)、列表(li)、強調(strong em)等等>   根據內容的結構化(內容語義化),選擇合適的標籤(代碼語義化)便於開發者閱讀和寫出更優雅的代碼的同時讓瀏

原创 分佈式系統架構

面試官們“愛不釋手”的分佈式系統架構到底是個什麼鬼? 轉載地址:http://www.imooc.com/article/288454 一、什麼是分佈式系統? 在談分佈式系統架構前,我們先來看看,什麼是分佈式系統? 假設原來我們有一個系統

原创 MySQL的in語句和or哪個執行效率更高?

自己動手豐衣足食 自己創建一個表,然後塞n多數據,分表將查詢的字段無索引和創建唯一索引,創建普通索引都對比一下。可以得到一些親身的經驗。 分三中情況進行測試,分別是: 第一種情況:in和or所在列爲主鍵的情形。 第二種情況:in和or所在

原创 H5動畫卡頓優化

最近在做一個H5活動,頁面中會有橫向滾動通知比賽結果,這個通知循環滾動所有戰績,在IOS上動畫正常,但是在Android手機上,部分會出現滾動的動畫卡頓現象。 在網上找了很多資料,寫動畫時注意以下幾點: 儘量使用transform實現動

原创 解決跨域問題

轉載地址:http://www.imooc.com/article/288397 現在越來越多的項目就算是一個管理後端也偏向於使用前後端分離的部署方式去做,爲了順應時代的潮流,一前後端分離就產生了跨域問題,所以許多同學把跨域和前後端分離項