原创 半個小時,學習 Webpack

由於 JavaScript 應用程序的複雜性不斷增加,構建工具已成爲 web 開發中不可或缺的一部分。Bundlers 允許我們去打包、編譯和管理現代 web 項目需要的衆多資源文件和依賴庫。 在本教程中,我們將瞭解 webpack,一個

原创 webpack常用優化配置

1.1 優化loader配置 1.1.1 include & exclude module:{ rules:[ { test:/\.js$/,

原创 Vue 移動端活動倒計時優化

前言 通常寫倒計時效果,用的是 setInterval,但這會引發一些問題,最常見的問題就是定時器不準。 如果只是普通的動畫效果,倒也無所謂,但倒計時這種需要精確到毫秒級別的,就不行了,否則活動都結束了,用戶的界面上倒計時還在走,但是又參加

原创 解析webpack 打包後文件分析

<figcaption style="display: block; text-align: center; font-size: 1rem; line-height: 1.6; color: rgb(144, 144, 144); ma

原创 前端工程師真的是爛大街了嗎?

在技術圈裏有一句話“金三銀四”,意思就是每年的三月和四月份是一年中工作機會比較多的時候,現在正直三月份,相信很多人都開始在投簡歷和麪試找工作了。但是很多想找web前端開發的朋友向我抱怨,現在北京的web前端工作一點也不好找,面試了很多家都是

原创 封裝Vue組件的一些技巧

寫Vue有很長一段時間了,除了常規的業務開發之外,也應該思考和反思一下封裝組件的正確方式。以彈窗組件爲例,一種實現是在需要模板中引入需要彈窗展示的組件,然後通過一個flag變量來控制彈窗的組件,在業務代碼裏面會充斥着冗餘的彈窗組件邏輯,十分

原创 爲什麼說這是前端最好的時代?

有人說這是前端最難受的時代,工作壓力大,技術更迭太快,需要去學的東西太多。 我想說這其實是前端最好的時代,龐大的市場需求,優渥的薪資待遇,廣闊的應用領域。隨着多設備、瀏覽器和web標準的演變革命,前端正在成爲兼顧邏輯、性能、交互、體驗的綜合

原创 React項目中碰到的IE問題

最近接手一個React項目,在IE下碰到了倆問題 IE11報錯如下: 跟蹤一下之後,發現是一些其他的npm包裏面用到了startsWith這個方法,可以自己polyfill一下: if (!String.prototype.startsW

原创 Vue組件間通信

React的基本組件元素是一個個組件,組件之間可能存在關聯、組合等關係。不同的組件之間,經常會發生數據傳遞或者交換,我們稱之爲組件間通信。 根據傳遞的複雜程度,可以分爲三種情況: 父子間通信,兄弟間通信,同其他外部庫通信。 父子間通信 在學

原创 jquery中的ajax方法參數

url: 要求爲String類型的參數,(默認爲當前頁地址)發送請求的地址。 type: 要求爲String類型的參數,請求方式(post或get)默認爲get。注意其他http請求方法,例如put和delete也可以使用,但僅部分瀏覽器支

原创 vue 關於數組和對象的更新

在日常開發中,我們用的最多的就是 綁定數據 <div v-for="item in data" :key="item.id"> <!-- 內容 --> </div> 如果你有ng的開發經驗,假設 data 你要更新數據了 this.da

原创 Vue裏函數的調用順序

下面小編就爲大家分享一篇對vue裏函數的調用順序介紹,寫的十分的全面細緻,具有一定的參考價值,對此有需要的朋友可以參考學習下。如有不足之處,歡迎批評指正。 method用來定義方法的,比如你@click=”test”,methods就定義

原创 vue組件間事件派發與接收

在vue的開發中,經常會在兩個組件間進行事件的通信 在vue1.0中我們使用broadcast child.vue: this.$dispatch('eventName',this.data); parent.vue: event:{

原创 利用Vconsole和Fillder進行移動端抓包調試方法

在開發中,有時候我們需要在手機上進行測試,可是如果遇到bug,我們怎麼進行抓包調試呢?這裏介紹兩種方式: Vconsole Fillder 利用Vconsole進行調試 一個輕量、可拓展、針對手機網頁的前端開發者調試面板 Vcons

原创 前端的你,必須知道這些前端的坑!

前端是一個相對比較新的行業。但在這幾年期間,隨着W3C標準的不斷更新以及node.js的興起,基於node.js一系列的工具和諸多前端框架都參差不齊的浮出水面。 大多數不瞭解前端的人想轉行前端,第一點原因是前端極其低的門檻,第二點是他們對前