文章分享迁移至掘金了

摘要： 前言 开发过小程序的同学可能对这两个内置组件并不陌生，他们配合用来实现在页面中可以拖拽滑动，其中： movable-area表示元素可移动的区域，它决定元素移动的区域范围 movable-view表示可移动的视图容器，它决定了什么元素可以移动 使用上要求movable-view必须是movable- 阅读全文

摘要： 背景 MPX是滴滴出品的一款增强型小程序跨端框架，其核心是对原生小程序功能的增强。具体的使用不是本文讨论的范畴，想了解更多可以去官网了解更多。 回到正题，使用MPX开发小程序有一段时间了，该框架对不同包之间的共享资源有一套自己的构建输出策略，其官网有这样一段描述说明： 总结关键的两点： 纯js资源： 阅读全文

摘要： 场景还原 最近将一个项目由babel@6升级到babel@7，升级后最重要的两个包： @babel/preset-env: 提供代码的转换和API的polyfill的能力 @babel/plugin-transform-runtime: 复用babel注入的helper代码以及提供无污染全局环境的p 阅读全文

摘要： webpack是目前使用比较流行的一个前端模块打包器，前端的任何资源都被当成一个模块来处理，如图片、css文件等等。在基于webpack构建的前端项目中，一般都会配置有关css文件处理的规则，这其中也包括css文件中图片资源的处理，那么webpack到底是怎么处理它的呢？笔者之前也遇到过类似图片路劲 阅读全文

摘要： 移动开发不同与PC端开发，可能会经历各种意想不到的问题，尤其是移动端应用刚起步的几年；随着移动互联网的快速发展，有些问题已经得到了很好的支持，如1像素边界的问题。当然，要更好地解决这些移动端的问题，就需有移动端领域相关的知识，下面就来说说。 dpr设备像素比 首先说一下，这个dpr不仅仅是移动端才有 阅读全文

摘要： vue3.0的 "pre alpha" 版代码已经开源了，就像作者之前放出的消息一样，其数据响应这一部分已经由ES6的 来代替 实现，感兴趣的同学可以看其实现源码，同样Mobx5也使用Proxy来实现数据响应式。vue和mobx都开始使用Proxy来实现数据的响应式了，所以有必要抽点时间了解下Pro 阅读全文

摘要： 前言 首先来看一个JavaScript的代码片段: 如果你能知道正确的答案，那么后续的内容可以略过了；如果不能建议看看下面有关js异步的内容，百利无一害，😁😁。 任务队列 js的一大特点是单线程，即同一个时间只能做一件事，这样设计主要与其作为浏览器脚本语言有关，js主要用途是用户交互以及操作do 阅读全文

摘要： 背景 我们的小程序项目的构建是与web项目保持一致的，完全使用webpack的生态来构建，没有使用小程序自带的构建功能，那么就需要我们配置代码转换的babel插件如 、`Proxy async/await onError` 生命周期只能捕获同步错误，而完全不采用小程序自带构建工具的情况下，开发模式下 阅读全文

摘要： 从前面 "从微信小程序开发者工具源码看实现原理（一） 小程序架构设计" 可以知道，小程序大部分是通过web技术进行渲染的，也就是最终通过浏览器的dom tree + cssom来生成渲染树；既然最终是通过css来绘制ui布局，我们知道小程序提供的自适应css单位 在浏览器环境根本不被识别，所以小程序 阅读全文

摘要： + "wxml与wxss的转换" + "1、wxml使用wcc转换" + "2、wxss使用wcsc转换" + "开发者工具主入口" + "视图层页面的实现" + "视图层页面实现技术细节" + "视图层快速打开原理" + "视图层新打开页面流程" + "业务逻辑层页面的实现" wxml与wxss的 阅读全文