原创 60個非常實用的CSS代碼片段,推薦收藏

快捷目錄垂直對齊伸展一個元素到窗口高度基於文件格式使用不同的樣式創建跨瀏覽器的圖像灰度背景漸變動畫CSS:表格列寬自適用只在一邊或兩邊顯示盒子陰影包裹長文本製造模糊文本樣式重置典型的CSS清除浮動新版清除浮動(2011)跨瀏覽器的

原创 JavaScript常用API合集彙總(收藏起來)

快捷目錄一、節 點節點屬性操作Document節點Document節點的方法Element節點Element節點的方法二、CSS操作類名操作style操作三、對 象Object對象Array對象Number對象String 對象M

原创 前端,一種GUI軟件

喂喂喂,那個切圖的,把頁面寫好就發給研發工程師套模板吧。 你好,切圖仔。 不知道你的團隊如何定義前端開發,據我所知,時至今日仍然有很多團隊會把前端開發歸類爲產品或者設計崗位, 雖然身份之爭多少有些無謂,但我對這種偏見還是心存芥蒂,

原创 40道+JavaScript基礎面試題(附答案)

快捷目錄介紹JavaScript的基本數據類型說說寫JavaScript的基本規範?jQuery使用建議Ajax使用JavaScript有幾種類型的值?你能畫一下他們的內存圖嗎?棧和堆的區別?Javascript實現繼承的幾種方式

原创 js 從數組中隨機抽取幾個元素

function getRandomArr(arr, count) {//隨機抽取 var shuffled = arr.slice(0), i = arr.length, min = i - count, temp, inde

原创 58 道 Vue 常見面試題,從入門到精通

快捷目錄一、常見問題vue優點?vue父組件向子組件傳遞數據?子組件像父組件傳遞事件?v-show 和 v-if指令的共同點和不同點?如何讓CSS只在當前組件中起作用?如何獲取dom?說出幾種vue當中的指令和它的用法?vue-l

原创 遠程調試工具之weinre

weinre文檔:http://people.apache.org/~pmuellr/weinre/docs/latest/UserInterface.html 背景 H5頁面在PC端上測試沒有問題在移動端上測試卻不如意,又看不到

原创 大前端乾貨資料

JavaScript 文檔:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference ES6 入門教程:https://es6.ruanyifeng.com

原创 圖形模塊化1

圖形選擇,是可視化交互中必然會遇到的,它在可視化方面的面試中出現概率是最高的。 我在這裏會從兩個方向來說,分別是svg和canvas。 至於普通DOM 的選擇,我就不消多說了。 因爲svg 的選擇是最簡單的,所以咱們先說svg。

原创 前端開發必須掌握的10個CSS選擇器

快捷目錄一、元素或組選擇器二、#id選擇器三、.class選擇器四、屬性選擇器五、後代選擇器六、子選擇器七、相鄰和通用同級選擇器八、星號選擇器*九、僞類和僞元素十、nth-type和nth-child 對於任何網站而言,要讓用戶產

原创 圖形模塊化2

說圖形模塊化之前,先回顧下我們之前畫的圖形.(可回看“圖像模塊1”) 那是一個多邊形,雖然沒有閉合,但這不重要。 這是一個多邊形,雖然沒有閉合,但這不重要。 接下來,咱們就將這個圖形封裝爲一個類對象 Poly Poly 對象是對

原创 VUE-Router之解決 Navigating to current location (XXX) is not allowed

VUE-Router之解決 Navigating to current location ("/index/list2") is not allowed 錯誤代碼: NavigationDuplicated { _name: "

原创 圖形模塊化3

網格選擇,顧名思義,就是把多邊形變成網格後選擇(此方法只適用於多邊形,若是曲線,我們就得將其分段)。 這樣,網格選擇就分成了兩步: 將多邊形分解爲多個三角形。 判斷鼠標點是否在三角形中。 來吧,我們先從最基礎的判斷鼠標點是否