摘要: 前言 开发过小程序的同学可能对这两个内置组件并不陌生,他们配合用来实现在页面中可以拖拽滑动,其中: movable-area表示元素可移动的区域,它决定元素移动的区域范围 movable-view表示可移动的视图容器,它决定了什么元素可以移动 使用上要求movable-view必须是movable- 阅读全文
posted @ 2022-07-22 18:17 wonyun 阅读(1288) 评论(0) 推荐(1) 编辑
摘要: 背景 MPX是滴滴出品的一款增强型小程序跨端框架,其核心是对原生小程序功能的增强。具体的使用不是本文讨论的范畴,想了解更多可以去官网了解更多。 回到正题,使用MPX开发小程序有一段时间了,该框架对不同包之间的共享资源有一套自己的构建输出策略,其官网有这样一段描述说明: 总结关键的两点: 纯js资源: 阅读全文
posted @ 2022-06-29 11:53 wonyun 阅读(589) 评论(0) 推荐(2) 编辑
摘要: 场景还原 最近将一个项目由babel@6升级到babel@7,升级后最重要的两个包: @babel/preset-env: 提供代码的转换和API的polyfill的能力 @babel/plugin-transform-runtime: 复用babel注入的helper代码以及提供无污染全局环境的p 阅读全文
posted @ 2021-04-16 16:12 wonyun 阅读(2532) 评论(1) 推荐(1) 编辑
摘要: webpack是目前使用比较流行的一个前端模块打包器,前端的任何资源都被当成一个模块来处理,如图片、css文件等等。在基于webpack构建的前端项目中,一般都会配置有关css文件处理的规则,这其中也包括css文件中图片资源的处理,那么webpack到底是怎么处理它的呢?笔者之前也遇到过类似图片路劲 阅读全文
posted @ 2020-02-06 10:03 wonyun 阅读(2383) 评论(3) 推荐(0) 编辑
摘要: 移动开发不同与PC端开发,可能会经历各种意想不到的问题,尤其是移动端应用刚起步的几年;随着移动互联网的快速发展,有些问题已经得到了很好的支持,如1像素边界的问题。当然,要更好地解决这些移动端的问题,就需有移动端领域相关的知识,下面就来说说。 dpr设备像素比 首先说一下,这个dpr不仅仅是移动端才有 阅读全文
posted @ 2019-12-02 10:36 wonyun 阅读(4159) 评论(2) 推荐(3) 编辑
摘要: vue3.0的 "pre alpha" 版代码已经开源了,就像作者之前放出的消息一样,其数据响应这一部分已经由ES6的 来代替 实现,感兴趣的同学可以看其实现源码,同样Mobx5也使用Proxy来实现数据响应式。vue和mobx都开始使用Proxy来实现数据的响应式了,所以有必要抽点时间了解下Pro 阅读全文
posted @ 2019-10-22 10:41 wonyun 阅读(4013) 评论(3) 推荐(4) 编辑
摘要: 前言 首先来看一个JavaScript的代码片段: 如果你能知道正确的答案,那么后续的内容可以略过了;如果不能建议看看下面有关js异步的内容,百利无一害,😁😁。 任务队列 js的一大特点是单线程,即同一个时间只能做一件事,这样设计主要与其作为浏览器脚本语言有关,js主要用途是用户交互以及操作do 阅读全文
posted @ 2019-09-17 09:52 wonyun 阅读(5687) 评论(2) 推荐(2) 编辑
摘要: 背景 我们的小程序项目的构建是与web项目保持一致的,完全使用webpack的生态来构建,没有使用小程序自带的构建功能,那么就需要我们配置代码转换的babel插件如 、`Proxy async/await onError` 生命周期只能捕获同步错误,而完全不采用小程序自带构建工具的情况下,开发模式下 阅读全文
posted @ 2019-09-03 10:50 wonyun 阅读(2703) 评论(1) 推荐(0) 编辑
摘要: 从前面 "从微信小程序开发者工具源码看实现原理(一) 小程序架构设计" 可以知道,小程序大部分是通过web技术进行渲染的,也就是最终通过浏览器的dom tree + cssom来生成渲染树;既然最终是通过css来绘制ui布局,我们知道小程序提供的自适应css单位 在浏览器环境根本不被识别,所以小程序 阅读全文
posted @ 2019-07-25 11:15 wonyun 阅读(3707) 评论(1) 推荐(1) 编辑
摘要: + "wxml与wxss的转换" + "1、wxml使用wcc转换" + "2、wxss使用wcsc转换" + "开发者工具主入口" + "视图层页面的实现" + "视图层页面实现技术细节" + "视图层快速打开原理" + "视图层新打开页面流程" + "业务逻辑层页面的实现" wxml与wxss的 阅读全文
posted @ 2019-07-22 09:56 wonyun 阅读(8655) 评论(0) 推荐(2) 编辑