- 博客(17)
- 收藏
- 关注
原创 uni-app 调试安卓app
/adb connect 127.0.0.1:7555 (端口是固定的,mumu模拟器跑起来就跑在这个端口)4.HBuilder > 运行 > 运行到手机或模拟器 > 运行到安卓基座。此时看到一个弹框 如果没有显示刚刚连接那个ip可以刷新一下。5.点击运行 编译之后就可以在mumu模拟器看到运行的应用。我这里已经安装了 如果没安装的话只有安装这个选项。2.右键 git bash here。1.打开adbs文件夹。
2023-09-08 21:20:26 645 1
原创 微信小程序开发
onLaunch小程序启动 > onShow第一次初始化完毕(app) > onLoad页面加载 > onShow(page)页面显示 > onReady页面初次渲染完成。navigationBarTextStyle:“xxx” 导航栏字体色,仅支持 black / white。pages: [“pages/foot/foot”] 页面列表(添加页面自动生成页面文件)上传代码 > 小程序管理后台 > 管理 > 版本管理 > 开发版本 > 提交审核。官方文档 > 开发管理> 开发设置> 服务器域名。
2023-09-06 14:09:51 109 1
原创 第一周 分析需求、理解需求、技术方案设计
PS:如果真如“浅层需求”那么简单,就没必要建那么多代码仓了,可能一两个就搞定。过程中可以对抽奖、分享进行统计,获取一些有用信息。整个流程是开始>判断登录>抽奖>结果>引导分享。3.闭环——有输入有输出,统计过程 拿到结果。如何理解一个业务需求:以一个抽奖活动为例。1.全面——完成一个业务功能需要的东西。引导分享这一步很重要,它可以实现业务增长。总结:需求指导设计,设计指导开发。不容易一眼看到,但是很重要的需求。2.完整——流程的完整性。-创建作品 编辑 发布。
2023-09-02 22:24:36 97
原创 vue3中使用ts
路由中使用ts 路由表的类型和路由中的meta类型需要手动处理一下,其他地方(createRouter、useRoute、useRouter)默认已经处理好了。如果使用了volar插件 需要在tsconfig.json中通过compilerOptions.types指定全局组件类型。compositionApi默认启用了类型检测,定义基本类型数据可以使用泛型的形式绑定类型。使用defineComponent定义组件 => 启用类型推导。父子通信 => defineProps + 泛型。
2023-08-19 20:30:04 2926
原创 TypeScript扩展知识
为了在ts中很好的使用第三方库,需要额外安装第三方库的类型声明模块 也就是以@types/开头的包(例如@types/jquery).d.ts声明文件的作用是描述js模块内所有导出接口的类型信息,当在ts模块中引入js模块 需要用到这个声明文件。global.d.ts 需要自己创建。这是一个全局类型声明文件,在这个文件声明的类型可以全局使用。在tsconfig.json中 配置declaration:true可自动生成.d.ts文件。.d.ts文件要求与js文件同名并且在同一目录下。
2023-08-19 15:56:23 88
原创 TypeScript的基本使用
2.通过静态类型检查,来判断该类型下面有哪些属性。如果访问了不存在的属性或方法,在编译时就会抛出异常。5.方便多人开发,可以使他人快速了解变量的类型,加速接管代码,减少维护成本。可以在后面加入-w参数监听源文件,当源文件发生改动时自动编译。通过命令行创建ts配置文件 => tsconfig,json。3.引入静态类型声明,减少不必要的类型判断和文档注释;类在ts中既是变量声明空间 也是类型声明空间。通过命令行将ts文件编译为js。类型注解——给变量绑定类型。函数类型与void类型。
2023-08-18 15:26:15 59 1
原创 eslint的使用
将配置通过注释的方式写在脚本文件中(部分需要违反eslint规则,而又没有必要重写eslint规则的代码可以用这个方法通过eslint校验),配置注释还可以:声明全局变量、修改某个规则配置、临时开启某个环境等等。我们可以通过配置文件设置一些规则,用来统一项目的代码风格。如果只需要跳过某一个校验 可以在后面加上要跳过的校验规则。4.ESLint配置注释。是一款js代码检测工具。
2023-06-18 15:11:47 376 1
原创 rollup的基本使用
rollup是一款高效的ESM打包器,一般作为框架的打包工具。安装 rollup-plugin-json。在配置文件中导入并使用。
2023-06-12 14:32:39 150
原创 webpack HMR的使用
热模块替换(HMR):如果一个模块发生变化,只会重新打包这一个模块(而不是所有模块都进行打包),而无需重新加载整个页面。提高构建速度修改文件时不用刷新页面,能够保持页面状态。
2023-06-11 15:27:37 80 1
原创 plop的基本使用
plop是一个小型脚手架工具,主要用于生成项目中重复使用的基础代码模板文件。其中的{{ name }}表示启动plop时询问用户输入的name。2.在根目录创建入口文件 plopfile.js。运行完成,就能在指定的目标目录看到生成的代码文件。3.在根目录创建模板文件夹 用于存放代码模板。4.plopfile文件的配置项。下面介绍一下plop工具的使用。1.将plop安装到项目中。
2023-06-02 11:30:01 185
原创 Yeoman自定义脚手架工具的介绍以及基本使用
Yeoman(官网:https://yeoman.io/)作为最老牌,最强大,最通用的脚手架工具,它有很多值得我们借鉴和学习的地方。Yeoman 官方的定义是它是一款用于创造现代化 web 应用的脚手架工具。不同于 vue-cli 这样的工具,Yeoman 更像是一个脚手架的运行平台,我们可以通过 yeoman 搭配不同的 Generator 去创建任何类型的项目。##使用步骤:1.明确你的需求2.找到合适的Generator3.全局范围安装找到的Generator。
2023-05-31 14:48:56 297 1
原创 无法将“yo”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
发现问题:由于yarn是通过npm全局安装的,在使用yarn全局安装其他工具时,系统找不到工具的环境变量。而用npm安装的工具就能找得到环境变量。经过网上查找解决方法,找到了需要在环境变量中添加yarn的bin目录。尝试其他方法 :用npm安装yo工具,这个时候运行yo node正常。记录一下安装Yeoman工具遇到的问题以及解决方式。此时通过yarn安装yo工具能够正常运行,问题解决。添加完成之后重新运行还是同样的错误。用yarn安装Yeoman工具。
2023-05-31 12:19:34 910 1
原创 js监控内存的几种方式(浏览器环境)
如果有结果,表示页面存在分离dom。这个时候要想办法找到这些dom节点并释放掉,否则会造成内存浪费。2. 筛选出与关键字detached有关的选项,如果没有结果,说明当前页面未产生分离dom。在内存界面可以将与js堆无关的选项取消掉 这样就可以看到某一段时间的js内存使用情况了。右键点击表头列 把javaScript内存那一项选上 就可以看到js内存占用情况了。分离dom就是未挂载在dom数上,但在代码中还存在引用关系的dom节点。1.打开内存面板,把堆快照勾选,再点击获取快照。查找分离dom的方式。
2023-05-28 21:45:14 2213 1
原创 js实现深拷贝
js实现深拷贝function deepClone(obj) { if (obj == null) return obj // 不是对象或者数组 直接返回 if (obj instanceof Date) return new Date(obj) if (obj instanceof RegExp) return new RegExp(obj) if (typeof obj !== "object") return obj //调用函数自身 拷贝数组或者对象
2021-07-08 16:24:40 37
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人