草庐IT

ts-migrate

全部标签

国际化(微信小程序+TS)

目录一、环境配置1、安装根目录依赖2、安装minprogram依赖3、新建gulpfile文件二、i18文本定义1、中文zh-CN.json2、英文en-US.json三、使用1、WXML中的使用2、Javascript中的使用3、中英文切换四、打包编译1、配置TS2、配置project.config.js3、打包参考文档一、环境配置        目录结构示例├──dist//小程序构建目录├──gulpfile.js├──node_modules├──package.json└──miniprogram//小程序源文件目录|├──app.js|├──app.json|├──app.wxss

国际化(微信小程序+TS)

目录一、环境配置1、安装根目录依赖2、安装minprogram依赖3、新建gulpfile文件二、i18文本定义1、中文zh-CN.json2、英文en-US.json三、使用1、WXML中的使用2、Javascript中的使用3、中英文切换四、打包编译1、配置TS2、配置project.config.js3、打包参考文档一、环境配置        目录结构示例├──dist//小程序构建目录├──gulpfile.js├──node_modules├──package.json└──miniprogram//小程序源文件目录|├──app.js|├──app.json|├──app.wxss

【TypeScript】TS自定义类型之对象属性必选、对象属性可选

🐱个人主页:不叫猫先生🙋‍♂️作者简介:2022年度博客之星前端领域TOP2,前端领域优质作者、阿里云专家博主,专注于前端各领域技术,共同学习共同进步,一起加油呀!💫优质专栏:vue3从入门到精通、TypeScript从入门到实践📢资料领取:前端进阶资料以及文中源码可以找我免费领取🔥前端学习交流:博主建立了一个前端交流群,汇集了各路大神,一起交流学习,期待你的加入!(文末有我wx或者私信)。目录专栏介绍前沿一、把对象类型的指定key变成可选1.实现用到的ts基础2.代码实现2.1PartialByKeys2.2Pick>二、实现属性必填1.代码实现专栏介绍TypeScript从入门到实践专栏是

【TypeScript】TS自定义类型之对象属性必选、对象属性可选

🐱个人主页:不叫猫先生🙋‍♂️作者简介:2022年度博客之星前端领域TOP2,前端领域优质作者、阿里云专家博主,专注于前端各领域技术,共同学习共同进步,一起加油呀!💫优质专栏:vue3从入门到精通、TypeScript从入门到实践📢资料领取:前端进阶资料以及文中源码可以找我免费领取🔥前端学习交流:博主建立了一个前端交流群,汇集了各路大神,一起交流学习,期待你的加入!(文末有我wx或者私信)。目录专栏介绍前沿一、把对象类型的指定key变成可选1.实现用到的ts基础2.代码实现2.1PartialByKeys2.2Pick>二、实现属性必填1.代码实现专栏介绍TypeScript从入门到实践专栏是

TS 对象可能为“未定义”,不能将类型“ XXXX | undefined “分配给类型{ xxxx }

前言:    最近用typeScript,也就是大家常说的【 TS】写点东西,但是老是提醒这个未定义,那个可能为空,主要是tsconfig.json中的严格模式我没关,所以今天总结一下,严格模式中【TS】中遇到 对象可能为“未定义”的具体场景,以及共有几种解决方法! 1、Vue3结合TS获取HTMLElement时报“未定义” 我们看下面代码,因为我是想使用 ref的这种方式获取DOM节点,进而去使用DOM方法(虽然不推荐在Vue/React直接操作DOM,偶尔用一下还是没关系的),然后就会警告。 简单粗暴的处理就是在后面加一个【!】感叹号,告诉TS引擎此元素存在,有点类似于asxxx的意思!

TS 对象可能为“未定义”,不能将类型“ XXXX | undefined “分配给类型{ xxxx }

前言:    最近用typeScript,也就是大家常说的【 TS】写点东西,但是老是提醒这个未定义,那个可能为空,主要是tsconfig.json中的严格模式我没关,所以今天总结一下,严格模式中【TS】中遇到 对象可能为“未定义”的具体场景,以及共有几种解决方法! 1、Vue3结合TS获取HTMLElement时报“未定义” 我们看下面代码,因为我是想使用 ref的这种方式获取DOM节点,进而去使用DOM方法(虽然不推荐在Vue/React直接操作DOM,偶尔用一下还是没关系的),然后就会警告。 简单粗暴的处理就是在后面加一个【!】感叹号,告诉TS引擎此元素存在,有点类似于asxxx的意思!

TS封装小程序wx.showModal弹窗及调用

现在ts+scss开发小程序越来越多了,我们平时调用showModal弹窗相对频繁的话,可以对它进行封装,减少代码量,方便调用。1.封装我们先看正常的展示效果 再看微信小程序的原调用代码wx.showModal({title:'提示',content:'是否确认的提示内容',success(res){if(res.confirm){console.log('用户点击确定')}elseif(res.cancel){console.log('用户点击取消')}}})提炼可以成为变量的部分,一般情况是三个,有取消操作的话,是4个。1.title:弹窗提示标题,一般默认“提示”2. content:弹

TS封装小程序wx.showModal弹窗及调用

现在ts+scss开发小程序越来越多了,我们平时调用showModal弹窗相对频繁的话,可以对它进行封装,减少代码量,方便调用。1.封装我们先看正常的展示效果 再看微信小程序的原调用代码wx.showModal({title:'提示',content:'是否确认的提示内容',success(res){if(res.confirm){console.log('用户点击确定')}elseif(res.cancel){console.log('用户点击取消')}}})提炼可以成为变量的部分,一般情况是三个,有取消操作的话,是4个。1.title:弹窗提示标题,一般默认“提示”2. content:弹

Django笔记二十之手动编写migration文件

本文首发于公众号:Hunter后端原文链接:Django笔记二十之手动编写migration文件前面介绍过,migration文件主要记录的是Django系统model的变化,然后通过migrate命令将变化适配到数据库中。比如在某个application下新增了某张表,或者对某张表更改了字段,可以生成migration文件,然后通过migrate更改到数据库。除了系统能够自动生成的,我们还可以手动创建migration文件来操作数据库,这个用途主要是用于比如,创建表后,需要写入一些初始化的数据的情况。基础命令migration文件介绍自定义migration文件RunSQL()RunPyth

Django笔记二十之手动编写migration文件

本文首发于公众号:Hunter后端原文链接:Django笔记二十之手动编写migration文件前面介绍过,migration文件主要记录的是Django系统model的变化,然后通过migrate命令将变化适配到数据库中。比如在某个application下新增了某张表,或者对某张表更改了字段,可以生成migration文件,然后通过migrate更改到数据库。除了系统能够自动生成的,我们还可以手动创建migration文件来操作数据库,这个用途主要是用于比如,创建表后,需要写入一些初始化的数据的情况。基础命令migration文件介绍自定义migration文件RunSQL()RunPyth