SHUIYI_24的博客

目录一、真机测试1.Android2. ios二、打包测试1.Android2. ios方法一：TestFlight测试方法二：直接使用ipa包安装到手机一、真机测试1.Android打开手机开发模式（本文以华为p40为例，不同手机可能不同，请自行查询）（1） 首先用数据线连接电脑，usb链接模式改为传输文件（2）设置——>关于手机——>双击“版本号” 弹出“你已处于开发者模式”后，开发者模式开启成功然后进入（3）设置——>..

1.可以使用检测工具如下在这里我们使用Lighthouse(谷歌浏览器自带)2. 在谷歌浏览器开发工具中打开 Lighthouse会出现如下界面Categories 按需选择要检测的内容Device 选择 Desktop 桌面端（根据自己需求）点击Generate report 按钮开是性能检测,会自动刷新多次进行检测，检测完成后会出现如下图的检测结果页面在检测结果中可能看到性能检测结果检测结果会显示相关检测评分及一些优化建议，我们可根据检测结果和优化建议对页面进行优化

官方文档：https://uniapp.dcloud.io/api/file/file?id=opendocument在uni-app官方文档中，提供了uni.downloadFile 方法来下载文件，但是该方法不支持h5端，所以我这里h5端使用了页面a标签来下载文件代码如下，是h5、app、微信端的下载功能if (this.platform === 'H5') {//h5使用a标签下载 let el = document.createElement('a') d.

概念解释DOM Tree：浏览器将HTML解析成树形的数据结构。CSS Rule Tree：浏览器将CSS解析成树形的数据结构。Render Tree: DOM和CSSOM合并后生成Render Tree。layout: 有了Render Tree，浏览器已经能知道网页中有哪些节点、各个节点的CSS定义以及他们的从属关系，从而去计算出每个节点在屏幕中的位置。painting: 按照算出来的规则，通过显卡，把内容画到屏幕上。reflow（回流）：当浏览器发现某个部分发生了点变化影响了布局，需要倒回

1.父子组件通信父传子子传父2.兄弟组件通信子-父-子vuex事件总线evenbus

Promise.all和Promise.race

现象：使用setInterval定时器时经常会出现一个现象，从定时器页面切换到其它页面或者其它应用时在回到页面，会发现定时的动画会加速执行原因：浏览器本着节省内存的性质，当切换到其他页面时，页面的定时器会延时执行，当切换回来的时候被延时执行的动画会一次依次执行，这样我们就会看到动画加速运动，出现错误，在轮播图之类的页面经常会发生这样的情况解决方法一：在这里我们需要用到以下三个知识点：document.onvisibilitychange ：只要页面发生变化，不管是切换到其他的页面还是把浏览

1.安装插件KoroFileHeader安装成功后就可以自动添加注释了 文件头部添加注释: 在文件开头添加注释，记录文件信息/文件的传参/出参等 支持用户高度自定义注释选项, 适配各种需求和注释。 保存文件的时候，自动更新最后的编辑时间和编辑人 快捷键：window：ctrl+alt+i,mac：ctrl+cmd+i,linux:ctrl+meta+i 在光标处添加函数注释: 在光标处自动生成一个注释模板 支持用户高度自定义注释选项 快捷键：windo...

在下载的脚手架中已经有调用接口实现与服务器的交互的例子了，我们以登录流程为例来进行讲解1.在services层创建名为login的service,定义调用后端接口的方法2.在model层创建名为login的model调用services中方法import { stringify } from 'querystring';import { router } from 'umi';import { fakeAccountLogin, getFakeCaptcha } from '@/s

reactant-design-pro项目搭建——开发生产环境配置​​​​​​​1.找到evn.js 将相应的api地址修改成自己的2.找到request.js 修改配置对url请求进行拦截处理，代码如下 ：/** * request 网络请求工具 * 更详细的 api 文档: https://github.com/umijs/umi-request */import { extend } from 'umi-request';import { notificatio..

reactant-design-pro项目搭建——脚手架准备ant-design-pro官网：https://pro.ant.design/docs/getting-started-cn前序准备你的本地环境需要安装yarn、node和git。我们的技术栈基于ES2015+、React、UmiJS、dva、g2和antd，提前了解和学习这些知识会非常有帮助。安装新建一个空的文件夹作为项目目录，并在目录下执行：yarn create umiornpm cre...

方法一：使用jquery.wordexport.js和FileSaver.jsjquery.wordexport.js源码if (typeof jQuery !== "undefined" && typeof saveAs !== "undefined") { (function ($) { $.fn.wordExport = function...

一、下载https://ueditor.baidu.com/website/download.html#ueditor下载Jsp 版本UTF-8版二、下载完成后将文件放入vue项目中的静态资源文件中按照自己的实际路径修改ueditor.config.js中的window.UEDITOR_HOME_URL配置，如下图：在main.js中引用如下import '....

本篇讲述vue中使用jTopo绘制组织机构图,jTopo官网如下jTopo1.jTopo引用在vue入口文件中引入<script src="./static/jtopo-0.4.8-min.js"></script>注：还需要引入jquery，我在这里没有引入是因为在vue中已经引用了2.封装绘制组织图的组件<template &gt...

1.vue component使用component组件（单独拿出一个组件来专门进行切换使用）官方文档https://cn.vuejs.org/v2/guide/components.html#动态组件https://cn.vuejs.org/v2/guide/components-dynamic-async.html2.使用component动态加载子组件&lt...