随笔分类 - 移动开发
摘要：因项目需要，开发的手机企业微信页面，想通过PC调试，本次只讨论用数据线连接电脑和手机的调试方法，步骤如下： 手机准备： 打开usb调试 手机访问： http://debugx5.qq.com 在打开的网页中选择 【信息】->【TBS settings】，勾选 【是否打开 TBS 内核 Inspect
阅读全文
摘要：版本不一致的问题 使用vue-cli创建的项目，当时的编译版本（3.1.8），过一段时间，HbuilderX升级后, 编译版本更新（3.3.13），会出现部分功能不可用的情况； 最好的办法是升级老项目的依赖，然后用最新的编译版本运行和打包，提升性能和兼容性 升级方案 通过查阅官方文档，加上自己探索，
阅读全文
摘要：摘要：打开微信小程序的开发标签，只适用于微信版本7.0.12及以上的微信手机浏览器。 Q: 只有微信手机浏览器才支持打开mp吗？ A: 是的，wx-open-launch-weapp 这个标签应该只有微信浏览器内部定义了。且唤起微信小程序也需要微信的原生支持。 var userAgent = win
阅读全文
摘要：通常情况下我们的 WebApp 是有我们的自身代码和第三方库组成的,我们自身的代码是会常常变动的,而第三方库除非有较大的版本升级,不然是不会变的,所以第三方库和我们的代码需要分开打包,我们可以给第三方库设置一个较长的强缓存时间,这样就不会频繁请求第三方库的代码了。 那么如何提取第三方库呢?在 web
阅读全文
摘要：目前只在安卓上做了测试，IOS不支持 1.开启手机的USB调试功能 点设置-》开发者选项-》USB调试 如果看不到开发者选项，在关于手机中点击内部版本号7次，即出现开发者已启用的提示。 将手机通过USB连接到电脑 2.开启微信手机端调试功能 在微信中点击链接 http://debugx5.qq.co
阅读全文
摘要：现在，大部分项目都是用 git 来管理代码的，但当项目变大、多人协作时，git 的使用就变得复杂了，这时就需要在 git 使用的流程上来思考如何更优的使用 git。 对于大部分 web 项目而言，并不像软件、APP 项目一样有版本的划分，而是不断的更新、迭代，这就使得 web 项目的 git 使用要
阅读全文
摘要：快速开始 npm install -g create-react-app create-react-app my-app cd my-app/ npm start 通过http://localhost:3000/查看你的app 使用 npm run build 编译打包程序 npm test 文件修
阅读全文
摘要：当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。 首先，可以将异步组件定义为返回一个
阅读全文
摘要：一个项目同时开发了APP和微信服务号，需要做到APP和微信服务号的账号互通同步，也就是说一个账号在2个地方都可以用，当然这个前提是保证你公司自己的服务器的数据库用的是同一套。 为保证用户数据的唯一性，打通app与公众号的数据，需要做如下工作： 1.申请appid， 在-登录微信开放平台--申请账号（
阅读全文
摘要：微信 webview 内置了调整字体大小的功能，对于网页的可用性来说是一个很实用的功能。一些网页的字体设置过小导致用户看不清文字，调整字体大小即可解决这个问题。 但是对于一些追求显示效果的移动端页面来说，字体大小的调整可能会导致部分文字无法显示甚至是页面布局出错。如图，大众点评案例。 解决方案 微信
阅读全文
摘要：目标：实现对号动画，慢慢画出来的感觉； 原理：外层div的背景是一个对号图片，用一个div做遮罩，让遮罩div层从左到右做运动一次即可实现动画，需要注意的是遮罩div的初始位置应该在外层div的外面； 代码如下：
阅读全文
摘要：不管是 PC 还是移动端，图片一直是流量大头，以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求，如何保证在图片的精细度不降低的前提下缩小图片体积，成为了一个有价值且值得探索的事情。 但如今对于 JPEG、PNG 和 GIF 这些图片格式的优化几乎已经达到了极致， 若想
阅读全文
摘要：在进行页面响应式设计中，往往需要根据屏幕分辨率来显示不同大小的字体。通常的做法是通过media queries给不同的分辨率指定不同的字体样式，例如： 除此之外，我们还可以通过下面的方式让字体自适应屏幕分辨率。 例如我们可以在样式表中定义如下样式： 什么是viewport? viewport是HTM
阅读全文
摘要：下一代 Web 应用？ 近年来，Web 应用在整个软件与互联网行业承载的责任越来越重，软件复杂度和维护成本越来越高，Web 技术，尤其是 Web 客户端技术，迎来了爆发式的发展。 包括但不限于基于 Node.js 的前端工程化方案；诸如 Webpack、Rollup 这样的打包工具；Babel、Po
阅读全文
摘要：1.Vuejs组件 vuejs构建组件使用 这里注意一点，组件要先注册再使用，也就是说： 如果反过来会报错，因为反过来代表先使用了组件的，但是组件却没注册。 webpack报错后，使用webpack --display-error-details可以排错 2.指令keep-alive 在看demo的
阅读全文
摘要：基础知识点 设备像素：设备像素又称物理像素（physical pixel），设备能控制显示的最小单位，我们可以把这些像素看作成显示器上一个个的点。 iPhone5的物理像素是640X1136。 PS：在普通屏幕下，1个css像素对应1个物理像素(1:1)。 在超高像素密度屏幕（Retina显示屏）下
阅读全文
摘要：最近微信小程序被炒得很火热，本人也抱着试一试的态度下载了微信web开发者工具，开发工具比较简洁，功能相对比较少，个性化设置也没有。了解完开发工具之后，顺便看了一下小程序的官方开发文档，大概了解了小程序的开发流程和一些常用的API。 了解了小程序之后，自己就有了想要做一个小demo的冲动，虽然自己对小
阅读全文
摘要：最近在做一个手机端页面时，遇到了一个奇怪的问题：字体的显示大小，与在CSS中指定的大小不一致。大家可以查看这个Demo（记得打开Chrome DevTools）。 就如上图所示，你可以发现，原本指定的字体大小是24px，但是最终计算出来的却是53px，看到这诡异的结果，我心中暗骂一句：这什么鬼！ 随
阅读全文
摘要：1. 为什么要 SPA？ SPA： 就是俗称的单页应用（Single Page Web Application）。 在移动端，特别是 hybrid 方式的H5应用中，性能问题一直是痛点。 使用 SPA，没有页面切换，就没有白屏阻塞，可以大大提高 H5 的性能，达到接近原生的流畅体验。 2. 为什么选
阅读全文
摘要：现在移动端页面用rem布局已经是一大流派了，成熟的框架如淘宝的flexiable.js，以及更轻量级的hotcss。用rem作单位使得元素能够自适应后，还有一块需要关注的，那就是背景图片。本文就来聊聊这方面的东西。 rem布局 所谓rem布局就是指为文档的根节点<html>元素设置一个基准字体大小，
阅读全文
浙公网安备 33010602011771号