还原设计稿，也就是如何适配移动端繁杂的屏幕大小。 通常而言，设计师只会给出单一分辨率下的设计稿，而我们要做的，就是以这个设计稿为基准，去适配所有不同大小的移动端设备。 在此之前，有一些基础概念需要理解。 设备独立像素 以 iPhone6/7/8为例，这里我们打开 Chrome 开发者工具： 这里的 ...
分类：
移动开发 时间：
2020-01-06 19:39:56
阅读次数：
95
0202年了, Chrome DevTools 你还只会console.log吗 ? 前言 Chrome 开发者工具（简称 DevTools）是一套 Web 开发调试工具,内嵌于 Google Chrome 浏览器中。DevTools 使开发者更加深入的了解浏览器内部以及他们编写的应用。通过使用 D ...
分类：
其他好文 时间：
2020-01-05 22:05:23
阅读次数：
113
#系统选择：centos6.6一、添加nginx服务进程用户groupadd-rnginxuseradd-r-gnginxnginx二、下载并解压安装包wgethttp://nginx.org/download/nginx-1.9.9.tar.gztarxvfnginx-1.9.9.tar.gz-C/usr/local/src三、安装相应开发者工具yumgroupinstall"Deve
分类：
系统相关 时间：
2020-01-05 00:36:13
阅读次数：
119
1、初始化项目 npm init 2、安装依赖包（ 以vant webapp 为例 ） npm i vant-weapp -S --production 3、微信开发者工具配置 1、打开 详情 -- 选中 使用npm模板2、左上角 -- 工具 -- 构建npm ( 之后会提示 完成构建 ) 4、问题 ...
分类：
微信 时间：
2020-01-04 16:41:41
阅读次数：
223
因为微信web开发者工具开发起来不方便，所以使用EgretWing来进行代码开发，但是由于Egret调试起来很麻烦，所以使用微信web开发者工具进行调试。 1. 使用 微信开发者工具 创建小程序项目 2. EgretWing：文件 --> 打开文件夹 --> 小程序项目目录 EgretWing的使用 ...
分类：
微信 时间：
2020-01-04 11:06:00
阅读次数：
406
开发者工具(F12) 其中常用的有Elements(元素面板)、Console(控制台面板)、Sources(源代码面板)、Network(网络面板) 找 JS 文件的几种方法 1、找发起地址 2、设置事件触发断点 Event Listener Breakpoint 使用Sources面板上的Eve ...
分类：
Web程序 时间：
2020-01-03 19:27:54
阅读次数：
147
最近在做支付宝的支付功能，遇到了一些问题记录一下，方便查阅和遇到同样问题的人； 这个错误遇到的应该都比较多吧； 这个问题发生的原因是： 1.私钥是用文件路径方式请求的（建议使用密文方式） 并且 keyFromFile = false ； 2.私钥的获取方式不正确 （正确的是：开发者工具生成后 -> ...
分类：
移动开发 时间：
2020-01-03 14:26:18
阅读次数：
436
“工欲善其事，必先利其器” Chrome浏览器不仅可以调试页面、JS、请求、资源、cookie，还可以模拟手机进行调试。我们现在只是使用html和css，我们先讲一下现在常用的调试。 2.1 怎样打开Chrome的开发者工具？ 直接在页面上点击右键，然后选择 “检查” 快捷键 F12 或者 ctrl ...
分类：
其他好文 时间：
2019-12-31 18:36:42
阅读次数：
80
此工具是我们的必备工具，以后代码出了问题 我们首先第一反应就是： “按F12”或者是 “shift+ctrl+i” 打开 开发者工具。 菜单： 右击网页空白出 检查 通过开发人员工具小指针工具，查找页面元素 左侧是html页面结构，右侧是css样式 小技巧： 1. ctrl+滚轮 可以 放大开发者工 ...
分类：
其他好文 时间：
2019-12-31 18:27:40
阅读次数：
79
WePY 安装使用1.安装（更新） wepy 命令行工具：npm install wepy-cli -g生成开发示例：wepy new myproject开发实时编译：wepy build --watch 开发者工具使用使用微信开发者工具新建项目，本地开发选择dist目录。微信开发者工具-->项目- ...
分类：
微信 时间：
2019-12-31 12:37:52
阅读次数：
91
