原创 在ul中,點擊其中一個標籤,彈出或輸出相應的序號或相應文本內容

ul中有li,點擊li,獲得對應的序號 Happy coding… 作爲一個前端開發者,一定會遇到這樣的一個問題: 一個<ul>中裏面嵌套了好多空的<li>標籤,點擊<li>彈出它的序號(HTML不可以修改)。即點擊第一個<

原创 記錄我第一次正式面試(已offer)

深信服2019屆秋招 心疼自己中秋節當天還去面試,順便也心疼一下面試官。 說說我的第一次正式面試,簡直是體驗不要太好。深信服的一二面簡直不要太舒服,我聽別人面試都是說好緊張,搞得自己也有點小緊張;進去後才發現,根本不存在緊張的說法,

原创 HTTP協議類

HTTP協議類 問題: HTTP協議的主要特點 HTTP報文的組成部分 HTTP方法 POST和GET的區別 HTTP狀態碼 什麼是持久連接 什麼是管線化 HTTP協議的主要特點 簡單快速 靈活 無連接 無狀態 HTTP報文的組成

原创 原型鏈

原型鏈類 問題: 創建對象有幾種方法 原型、構造函數、實例、原型鏈 instanceof的原理 new的原理 創建對象有幾種方法 // 第一種 var obj = {name: 'z'} var obj2 = new Object(

原创 DOM事件類

DOM事件類 問題(從上之下,逐步深入): 基本概念:DOM事件的級別 DOM事件模型 DOM事件流 描述DOM事件捕獲的具體流程 Event對象的常見應用 自定義事件 基本概念–DOM事件的級別 DOM事件類 事件級別

原创 CSS盒模型系統整理

CSS盒模型 問題(從上之下,逐步深入): 基本概念:標準模型 + IE 模型 標準模型與 IE 模型的區別 CSS如何設置這兩種模型 JS如何設置獲取盒模型對應的寬和高 實例題(根據盒模型解釋邊距重疊) BFC(邊距重疊解決方案)

原创 前端一些常見的面試題

前端面試題 Happy coding. new的原理 function Foo (name, age) { this.name = name; this.age = age; this.class = 'cla

原创 JavaScript實現一個計算器

FCC-JavaScript寫一個計算器 Happy coding. 廢話不多說直接上代碼。 FCC-JavaScript寫一個計算器 效果:傳送門 HTML代碼 CSS代碼 JS代碼 效果:傳送門 HTML代碼

原创 Sublime Text 3:自用插件及設置

Sublime Text 3:自用插件及設置 Sublime Text 3是一款強大而精巧的文本編輯器 它的界面友好、功能非凡、性能極佳 可令代碼高亮、語法提示、自動完成 更重要的是,它支持衆多插件擴展——錦上添花、強

原创 在ul中,點擊其中一個<li>標籤,彈出或輸出相應的序號或相應文本內容

ul中有li,點擊li,獲得對應的序號 Happy coding… 作爲一個前端開發者,一定會遇到這樣的一個問題: 一個<ul>中裏面嵌套了好多空的<li>標籤,點擊<li>彈出它的序號(HTML不可以修改)。即點擊第一個<li>標

原创 一個用於簡化其他“類”創建的基“類”及其使用

由於JavaScript中並沒定義類的方法,(但其依舊將class作爲保留關鍵字),所以我JavaScript面向對象的這部分的印象十分模糊,甚至說幾乎是沒有。剛開始學JS的時候,只是一味地打代碼,並沒有十分系統地去規範自己代碼,也

原创 FCC-basic-algorithm

Basic Algorithm——JavaScript Happy Coding. 本文爲 FreeCodeCamp 中前端的十六道基礎算法題及解答。 Basic Algorithm——JavaScript Reverse

原创 Js判斷鍵盤按鍵

window.document.onkeydown = disableRefresh; function disableRefresh(evt){ evt = evt|| window.evt|| arguments.callee

原创 LiveReload:釋放你的F5,實時預覽HTML效果

一、liveReload插件開發背景Web前端開發人員在寫頁面時,如果修改了HTML or CSS,要想看效果通常的做法就是保存代碼就得 Alt+Tab,切換到瀏覽器(當然,我知道很多開發人員是雙屏操作不一定需要切換到瀏覽器),但是一定要

原创 Sublime個性用戶設置

一、基礎用戶設置:工具欄 Preferences – Settings-User 進入用戶設置二、設置代碼:{ "bold_folder_labels": true,// 加粗字號 "color_scheme": "Packages/