文章分享遷移至掘金了

摘要： 前言 開發(fā)過小程序的同學(xué)可能對這兩個內(nèi)置組件并不陌生，他們配合用來實現(xiàn)在頁面中可以拖拽滑動，其中： movable-area表示元素可移動的區(qū)域，它決定元素移動的區(qū)域范圍 movable-view表示可移動的視圖容器，它決定了什么元素可以移動 使用上要求movable-view必須是movable- 閱讀全文

摘要： 背景 MPX是滴滴出品的一款增強型小程序跨端框架，其核心是對原生小程序功能的增強。具體的使用不是本文討論的范疇，想了解更多可以去官網(wǎng)了解更多。 回到正題，使用MPX開發(fā)小程序有一段時間了，該框架對不同包之間的共享資源有一套自己的構(gòu)建輸出策略，其官網(wǎng)有這樣一段描述說明： 總結(jié)關(guān)鍵的兩點： 純js資源： 閱讀全文

摘要： 場景還原 最近將一個項目由babel@6升級到babel@7，升級后最重要的兩個包： @babel/preset-env: 提供代碼的轉(zhuǎn)換和API的polyfill的能力 @babel/plugin-transform-runtime: 復(fù)用babel注入的helper代碼以及提供無污染全局環(huán)境的p 閱讀全文

摘要： webpack是目前使用比較流行的一個前端模塊打包器，前端的任何資源都被當(dāng)成一個模塊來處理，如圖片、css文件等等。在基于webpack構(gòu)建的前端項目中，一般都會配置有關(guān)css文件處理的規(guī)則，這其中也包括css文件中圖片資源的處理，那么webpack到底是怎么處理它的呢？筆者之前也遇到過類似圖片路勁 閱讀全文

摘要： 移動開發(fā)不同與PC端開發(fā)，可能會經(jīng)歷各種意想不到的問題，尤其是移動端應(yīng)用剛起步的幾年；隨著移動互聯(lián)網(wǎng)的快速發(fā)展，有些問題已經(jīng)得到了很好的支持，如1像素邊界的問題。當(dāng)然，要更好地解決這些移動端的問題，就需有移動端領(lǐng)域相關(guān)的知識，下面就來說說。 dpr設(shè)備像素比 首先說一下，這個dpr不僅僅是移動端才有 閱讀全文

摘要： vue3.0的 "pre alpha" 版代碼已經(jīng)開源了，就像作者之前放出的消息一樣，其數(shù)據(jù)響應(yīng)這一部分已經(jīng)由ES6的 來代替 實現(xiàn)，感興趣的同學(xué)可以看其實現(xiàn)源碼，同樣Mobx5也使用Proxy來實現(xiàn)數(shù)據(jù)響應(yīng)式。vue和mobx都開始使用Proxy來實現(xiàn)數(shù)據(jù)的響應(yīng)式了，所以有必要抽點時間了解下Pro 閱讀全文

摘要： 前言 首先來看一個JavaScript的代碼片段: 如果你能知道正確的答案，那么后續(xù)的內(nèi)容可以略過了；如果不能建議看看下面有關(guān)js異步的內(nèi)容，百利無一害，😁😁。 任務(wù)隊列 js的一大特點是單線程，即同一個時間只能做一件事，這樣設(shè)計主要與其作為瀏覽器腳本語言有關(guān)，js主要用途是用戶交互以及操作do 閱讀全文

摘要： 背景 我們的小程序項目的構(gòu)建是與web項目保持一致的，完全使用webpack的生態(tài)來構(gòu)建，沒有使用小程序自帶的構(gòu)建功能，那么就需要我們配置代碼轉(zhuǎn)換的babel插件如 、`Proxy async/await onError` 生命周期只能捕獲同步錯誤，而完全不采用小程序自帶構(gòu)建工具的情況下，開發(fā)模式下 閱讀全文

摘要： 從前面 "從微信小程序開發(fā)者工具源碼看實現(xiàn)原理（一） 小程序架構(gòu)設(shè)計" 可以知道，小程序大部分是通過web技術(shù)進行渲染的，也就是最終通過瀏覽器的dom tree + cssom來生成渲染樹；既然最終是通過css來繪制ui布局，我們知道小程序提供的自適應(yīng)css單位 在瀏覽器環(huán)境根本不被識別，所以小程序 閱讀全文

摘要： + "wxml與wxss的轉(zhuǎn)換" + "1、wxml使用wcc轉(zhuǎn)換" + "2、wxss使用wcsc轉(zhuǎn)換" + "開發(fā)者工具主入口" + "視圖層頁面的實現(xiàn)" + "視圖層頁面實現(xiàn)技術(shù)細節(jié)" + "視圖層快速打開原理" + "視圖層新打開頁面流程" + "業(yè)務(wù)邏輯層頁面的實現(xiàn)" wxml與wxss的 閱讀全文