1）談?wù)勄岸斯こ袒睦斫?/strong>
創(chuàng)新互聯(lián)公司擁有10余年成都網(wǎng)站建設(shè)工作經(jīng)驗(yàn),為各大企業(yè)提供成都網(wǎng)站制作、網(wǎng)站建設(shè)服務(wù)，對(duì)于網(wǎng)頁設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、
APP應(yīng)用開發(fā)、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、程序開發(fā)、網(wǎng)站優(yōu)化（SEO優(yōu)化）、微網(wǎng)站、
主機(jī)域名等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們?cè)诨ヂ?lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷經(jīng)驗(yàn)，集策劃、開發(fā)、設(shè)計(jì)、營(yíng)銷、管理等網(wǎng)站化運(yùn)作于一體，具備承接各種規(guī)模類型的網(wǎng)站建設(shè)項(xiàng)目的能力。
總結(jié)一下前端工程化就是為了簡(jiǎn)化開發(fā)流程，并行開發(fā)，互不影響且能夠方便合并整個(gè)項(xiàng)目。核心目標(biāo)就是建立一種開發(fā)環(huán)境，提升整體的開發(fā)效率。
- 并行開發(fā)，縮短開發(fā)周期
- 快速定位問題，迅速解決問題
- 部署可以動(dòng)靜分離，簡(jiǎn)化流程，提升程序的健壯性
2）說說js中數(shù)組有哪些方法開始說起。哪些是改變?cè)瓟?shù)組，哪些不會(huì)改變呢？
JavaScript中創(chuàng)建數(shù)組有兩種方式，第一種是構(gòu)造函數(shù)的方式，第二種是字面量的方式。
一種是直接創(chuàng)建了一個(gè)字符串，一個(gè)是調(diào)用字符串的構(gòu)造函數(shù)創(chuàng)建字符串對(duì)象然后再創(chuàng)建這個(gè)字符串，中間多了一個(gè)創(chuàng)建對(duì)象的過程。所以為了效率起見，推薦使用字面量的方式創(chuàng)建。
數(shù)組操作
1.改變?cè)瓟?shù)組：
- push() pop()
- shift() unshift()
- sort() reverse()
- splice()
2.原數(shù)組不變：
- concat() join()
- slice() map()
- indexOf() lastIndexOf()
- filter() every()
- some() reduce()
- reduceRight()
substring slice區(qū)別 ，substring() 不接受負(fù)的參數(shù)。
http://blog.alanwu.site/2020/03/18/jsArrayAPI/
瀏覽器按下回車發(fā)生了什么
- IP地址查詢
- 建立TCP連接
- 服務(wù)器處理
- 響應(yīng)返回
- 頁面渲染
重繪與回流影響的是兩棵樹的解析過程，那么什么是重繪和回流呢？
當(dāng)我們修改了DOM的一些樣式，比如修改文字顏色或者背景色，這些瀏覽器是不需要重新計(jì)算幾何屬性的，直接繪制新的樣式。
當(dāng)我們修改DOM的幾何屬性，一般有修改元素的寬高等，瀏覽器就會(huì)重新計(jì)算位置，然后再進(jìn)行重新繪制。
那么我們?cè)撊绾伪苊饽兀?/p>
- 減少使用絕對(duì)定位，使用transform代替
- 減少使用display，使用visibility代替
- css樣式避免節(jié)點(diǎn)嵌套過多，匹配規(guī)則是從右往左
let const var
- var存在變量提升，能在聲明前使用。其他兩個(gè)存在暫時(shí)性死區(qū)，不能聲明前使用
- let 和 const基本一致，后者不能再次賦值
箭頭函數(shù)和普通函數(shù)的區(qū)別，見鏈接
https://www.softwhy.com/article-9330-1.html
一.外形不同：
箭頭函數(shù)使用箭頭定義，普通函數(shù)中沒有。
二.箭頭函數(shù)全都是匿名函數(shù)：
普通函數(shù)可以有匿名函數(shù)，也可以有具名函數(shù)。
三.箭頭函數(shù)不能用于構(gòu)造函數(shù)：
普通函數(shù)可以用于構(gòu)造函數(shù)，以此創(chuàng)建對(duì)象實(shí)例。
四.箭頭函數(shù)中this的指向不同：
在普通函數(shù)中，this總是指向調(diào)用它的對(duì)象或者，如果用作構(gòu)造函數(shù)，它指向創(chuàng)建的對(duì)象實(shí)例。
五.箭頭函數(shù)不具有arguments對(duì)象：
每一個(gè)普通函數(shù)調(diào)用后都具有一個(gè)arguments對(duì)象，用來存儲(chǔ)實(shí)際傳遞的參數(shù)。
但是箭頭函數(shù)并沒有此對(duì)象。
六.箭頭函數(shù)不具有prototype原型對(duì)象。
Node.js是一個(gè)環(huán)境，一個(gè)可以運(yùn)行在服務(wù)端、跨平臺(tái)的JavaScript環(huán)境。Node.js采用的是Google開發(fā)的V8運(yùn)行代碼，使用事件驅(qū)動(dòng)、非阻塞以及異步IO模型，可以大幅度優(yōu)化應(yīng)用程序的傳輸量和規(guī)模。
所謂的特點(diǎn)，就是Node.js是如何解決服務(wù)器高性能瓶頸的問題?？偨Y(jié)一下Node的特點(diǎn)主要有以下4個(gè)：
- 異步I/O
- 事件與回調(diào)函數(shù)
- 單線程
- 跨平臺(tái)
Node.js 的適用場(chǎng)景
1. 高并發(fā)
2. 聊天
3. 實(shí)時(shí)消息推送
優(yōu)化方法是多方面的內(nèi)容，主要有以下幾個(gè)方面：
- 加載優(yōu)化
- CSS優(yōu)化
- 圖片優(yōu)化
- 腳本優(yōu)化
- 渲染優(yōu)化
1. 減少http請(qǐng)求次數(shù)：CSS Sprites, JS、CSS 源碼壓縮、圖片大小控制合適；網(wǎng)頁 Gzip，CDN 托管，data 緩存 ，圖片服務(wù)器
2. 前端模板 JS + 數(shù)據(jù)，減少由于HTML標(biāo)簽導(dǎo)致的帶寬浪費(fèi)，前端用變量保存 AJAX 請(qǐng)求結(jié)果，每次操作本地變量，不用請(qǐng)求，減少請(qǐng)求次數(shù)
3. 用 innerHTML 代替 DOM 操作，減少 DOM 操作次數(shù)，優(yōu)化 javascript 性能
4. 當(dāng)需要設(shè)置的樣式很多時(shí)設(shè)置 className 而不是直接操作 style
5. 少用全局變量、緩存DOM節(jié)點(diǎn)查找的結(jié)果。減少 IO 讀取操作
6. 避免使用 CSS Expression（css表達(dá)式)又稱 Dynamic properties(動(dòng)態(tài)屬性)
7. 圖片預(yù)加載，將樣式表放在頂部，將腳本放在底部，加上時(shí)間戳
http://blog.alanwu.site/2020/03/08/optimize/
網(wǎng)頁題目：總結(jié)2-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：
http://weahome.cn/article/ipghd.html
重慶分公司
重慶分公司
