摘要:webpack是目前使用比较流行的一个前端模块打包器,前端的任何资源都被当成一个模块来处理,如图片、css文件等等。在基于webpack构建的前端项目中,一般都会配置有关css文件处理的规则,这其中也包括css文件中图片资源的处理,那么webpack到底是怎么处理它的呢?笔者之前也遇到过类似图片路劲 阅读全文
posted @ 2020-02-06 10:03 wonyun 阅读(700) 评论(3) 推荐(0) 编辑
摘要:移动开发不同与PC端开发,可能会经历各种意想不到的问题,尤其是移动端应用刚起步的几年;随着移动互联网的快速发展,有些问题已经得到了很好的支持,如1像素边界的问题。当然,要更好地解决这些移动端的问题,就需有移动端领域相关的知识,下面就来说说。 dpr设备像素比 首先说一下,这个dpr不仅仅是移动端才有 阅读全文
posted @ 2019-12-02 10:36 wonyun 阅读(2227) 评论(2) 推荐(2) 编辑
摘要:vue3.0的 "pre alpha" 版代码已经开源了,就像作者之前放出的消息一样,其数据响应这一部分已经由ES6的 来代替 实现,感兴趣的同学可以看其实现源码,同样Mobx5也使用Proxy来实现数据响应式。vue和mobx都开始使用Proxy来实现数据的响应式了,所以有必要抽点时间了解下Pro 阅读全文
posted @ 2019-10-22 10:41 wonyun 阅读(2365) 评论(3) 推荐(4) 编辑
摘要:前言 首先来看一个JavaScript的代码片段: 如果你能知道正确的答案,那么后续的内容可以略过了;如果不能建议看看下面有关js异步的内容,百利无一害,😁😁。 任务队列 js的一大特点是单线程,即同一个时间只能做一件事,这样设计主要与其作为浏览器脚本语言有关,js主要用途是用户交互以及操作do 阅读全文
posted @ 2019-09-17 09:52 wonyun 阅读(2003) 评论(0) 推荐(0) 编辑
摘要:背景 我们的小程序项目的构建是与web项目保持一致的,完全使用webpack的生态来构建,没有使用小程序自带的构建功能,那么就需要我们配置代码转换的babel插件如 、`Proxy async/await onError` 生命周期只能捕获同步错误,而完全不采用小程序自带构建工具的情况下,开发模式下 阅读全文
posted @ 2019-09-03 10:50 wonyun 阅读(763) 评论(1) 推荐(0) 编辑
摘要:从前面 "从微信小程序开发者工具源码看实现原理(一) 小程序架构设计" 可以知道,小程序大部分是通过web技术进行渲染的,也就是最终通过浏览器的dom tree + cssom来生成渲染树;既然最终是通过css来绘制ui布局,我们知道小程序提供的自适应css单位 在浏览器环境根本不被识别,所以小程序 阅读全文
posted @ 2019-07-25 11:15 wonyun 阅读(1864) 评论(1) 推荐(1) 编辑
摘要:+ "wxml与wxss的转换" + "1、wxml使用wcc转换" + "2、wxss使用wcsc转换" + "开发者工具主入口" + "视图层页面的实现" + "视图层页面实现技术细节" + "视图层快速打开原理" + "视图层新打开页面流程" + "业务逻辑层页面的实现" wxml与wxss的 阅读全文
posted @ 2019-07-22 09:56 wonyun 阅读(4503) 评论(0) 推荐(2) 编辑
摘要:文章概览: + "引言" + "小程序开发者工具双线程通信的设计" + "1、on: 用来收集小程序开发者工具触发的事件回调" + "2、invoke:以api方式调用开发工具提供的基础能力" + "3、publish:用来向Appservice业务层发送消息" + "4、subscribe: 用来 阅读全文
posted @ 2019-07-11 17:50 wonyun 阅读(3011) 评论(1) 推荐(1) 编辑
摘要:使用微信小程序开发已经很长时间了,对小程序开发已经相当熟练了;但是作为一名对技术有追求的前端开发,仅仅熟练掌握小程序的开发感觉还是不够的,我们应该更进一步的去理解其背后实现的原理以及对应的考量,这可能会解释我们在开发过程中遇到的一些疑惑,比如为啥小程序不能操作dom、小程序是web技术渲染还是nat 阅读全文
posted @ 2019-07-11 17:24 wonyun 阅读(12900) 评论(6) 推荐(1) 编辑
摘要:之前在使用webpack3构建基于less预处理的项目时,在对指定的元素使用 来设置背景图片时,本地开发是ok的,但是在项目编译产出后背景图片就找不到;目前用webpack4开发项目时,同样遇到类似的问题;所以就借此机会探讨一下产生问题的原因。 问题产生原因 webpack3项目场景复现 项目web 阅读全文
posted @ 2019-06-17 12:40 wonyun 阅读(1643) 评论(0) 推荐(0) 编辑