原创 【前端刷題筆記02】字節跳動2019面試題

1、TCP的三次握手和四次揮手 1.1 三次握手： 客戶端請求 -> 服務器響應 -> 客戶端確認收到響應，建立連接（保證網絡正常） 1.2 四次揮手 客戶端請求 -> 服務器響應該請求 -> 服務器確認數據傳送完畢， 發送關閉連接的響應

2019-05-10 17:25:06 1

原创 【前端刷題筆記01】 - 字節跳動2019春招面試題

1、sleep函數該如何實現的 sleep函數，將程序執行掛起一段時間，阻塞程序的運行 ES6方案： function sleep(ms) { return new Promise(resolve => setTimeout(resol

2019-05-04 17:15:01 5

原创 【前端芝士樹】淺拷貝、深拷貝以及Object.assign()的作用

【前端芝士樹】淺拷貝、深拷貝以及Object.assign()的作用 首先還是得回到Javascript的基本數據類型。 值類型[深拷貝]：數值Num、布爾值Boolean、字符串String、null、undefined。 基本類型值是指

2019-03-22 00:05:04

原创 【前端芝士樹】Array的屬性及方法整理（參照MDN）

本文主要是我自己對Array的一些整理，參考自MDN /** * Array 的一些方法 * */ const arr = ["1", "2", "3", "four", "hello"]; let arrObj = new Arr

2019-03-21 20:45:04 1

原创 【Vue】VueCli3 + Vue + typescript 挖坑記

Vue + typescript 挖坑記 VueCli3.0生成Vue+ts的項目組件，中間遇到了一些讓我直接放棄結合ts的坑，還是等Vue3.0的發佈吧，到那個時候肯定結合得會更好。 1 How to fix TSLint: " shou

2019-03-03 20:34:47

原创 【Rxjs】Rxjs_Subject 及其衍生類

Rxjs_Subject 及其衍生類 在 RxJS 中，Observable 有一些特殊的類，在消息通信中使用比較頻繁，下面主要介紹較常用的幾個類： 1/ Subject Subject 可以實現一個消息向多個訂閱者推送消息。 Subj

2019-01-31 16:42:45 1

原创 【Angular】Angula6中的組件通信

Angula6_組件通信 本文主要介紹 Angular6 中的組件通信 一、父子組件通信 1.1 父組件向子組件傳遞信息 方法一 在父組件上設置子組件的屬性 父組件綁定信息 <app-child childTitle="可設置子組件標題"

2019-01-31 14:55:01 1

原创 IE 靜態頁兼容指南

IE 靜態頁兼容指南 1. IE 下的網頁字符亂碼 問題原因： 這個可能是網頁沒有設置 meta charset 編碼造成。 解決方法： 添加如下代碼 <meta charset="UTF-8" /> 2. IE 下的 field 禁用失效

2019-01-25 15:34:59 1

原创 【Rxjs】Rxjs_觀察者模式和發佈訂閱模式

Rxjs_觀察者模式和發佈訂閱模式 設計模式 撿起大學所學的《設計模式》吧 Orz 觀察者模式和發佈訂閱模式特別容易被人們混淆，很多書裏面也將這兩個概念混爲一談，所以首先要搞清楚這兩種模式的區別。 觀察者模式 ╭─────────────╮

2019-01-09 19:22:38

原创 【Angular6+】屬性及樣式綁定

Angular6_屬性及樣式綁定 Angular 通過 [] 來綁定數值、變量或者表達式，這種綁定是單向數據綁定。 屬性綁定 屬性綁定分爲兩種 Property元素的常規屬性，比如 src、disabled 等 <img [src]="

2019-01-02 20:25:02

原创 【Angular】Angular 與 AngularJs 之間的糾纏不清

Angular 與 AngularJs 之間的糾纏不清 市場關係 Angular 和 AngularJS 是兩個獨立的產品： AngularJS 的官網是 Superheroic JavaScript MVW Framework； An

2019-01-02 16:42:40 1

原创 【前端芝士樹】SPA 網站 SEO 初級優化指南（MVVM）

SPA 網站 SEO 初級優化指南（MVVM） 百度 Baidu 百度搜索資源平臺 https://ziyuan.baidu.com/?cas... 鏈接提交地址 https://ziyuan.baidu.com/link... 百度爬蟲

2018-12-21 12:04:37 1

原创 【前端芝士樹】純CSS實現多行文本溢出顯示省略號

【前端芝士樹】純CSS實現多行文本溢出顯示省略號 使用-webkit-line-clamp來控制行數 由於-webkit-line-clamp 用來限制在一個塊元素顯示的文本的行數,這是一個不規範的屬性（unsupported WebKit

2018-12-10 20:44:31 2

原创 【前端面試】字節跳動2019校招面經 - 前端開發崗

這是一次失敗的面經……但是吃一塹才能長一智不是嗎？ 字節跳動2019校招面經 - 前端開發崗 1. 介紹以及項目經歷 吧啦吧啦……此處省略10000字 面試官會從項目經歷入手，考察項目中遇到的難題，以及解決方法，強調個人的努力以及在解決過程

2018-11-11 20:24:39 2

原创 【前端芝士樹】模擬虛擬DOM掛載

【前端芝士樹】虛擬DOM掛載是如何實現的 問題描述 給出如下虛擬dom的數據結構，如何實現簡單的虛擬dom，渲染到目標dom樹 //樣例數據 let demoNode = ({ tagName: 'ul', props: {'cla

2018-11-10 20:54:41