this ts 方法获取_用ts-Compiler-API实现小程序中的canIUse

最新推荐文章于 2024-05-23 17:34:31 发布
最新推荐文章于 2024-05-23 17:34:31 发布
阅读量450 收藏
点赞数
文章标签： this ts 方法获取
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_36478866/article/details/112165262
版权

902cc8ddb670a292ab73d0f4a759d029.png

背景

wx.canIUse()是微信小程序中常用的一个API，它的定义和详细说明如下图所示：

46a0307e76d7e260a73773371d72426c.png

通过上面的描述可以看出，如果简单的在runtime找某个函数是否存在，是无法实现这个API的，因为稍微复杂一些的scheme都无法支持，况且这个API还支持查找组件以及组件的属性。

由于我们在快手小程序需要实现同样的API，那么，摆在面前的就有两种方案：

  1. 手动维护所有API、组件以及对应的各种scheme 这样的方法一定可以达到目的，但是时间成本太高，而且整个过程很容易出错也极其枯燥。
  2. 根据API的定义生成一份Map，记录每个方法和组件的相关信息。 这种方案看起来更加方便，错误率更低。而要实现这种方案，就需要用的TypeScript官方提供的TypeScript Compiler API。

TypeScript Compiler API

简单来说，TypeScript Compiler API提供了解析t

最低0.47元/天 解锁文章
刘一帝
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ts 类型体操 Chainable Options 可链式选项
老司机的后备箱
09-28 760
为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。有需要的小伙伴，可以点击下方卡片领取，无偿分享。
TypeScript语法解析
weixin_41711709的博客
12-15 480
利用typescript语法树 修改源码
JS重点整理之JS原型链
IT_bar的博客
09-09 200
对象 要清楚原型链,首先要弄清楚对象： 普通对象 最普通的对象：有__proto__属性（指向其原型链），没有prototype属性。 原型对象(person.prototype 原型对象还有constructor属性（指向构造函数对象）) 函数对象： 凡是通过new Function()创建的都是函数对象。 拥有__proto__、prototype属性（指向原型对象）。 Function、Object、Array、Date、String、自定义函数 特例： Function.prototype(是原型对
小程序开发初学（canIUser()）
weixin_36930099的博客
11-13 423
拉取ts一个小程序项目如何运行起来
最新发布
qq_45966200的博客
05-23 233
npm ls @types/wechat-miniprogram 执行会输出版本。4.进入小程序打开调试器里面的终端（一般拉取的项目该配置的文件已经配好了）7.打开详情的本地位置，勾选框出部分。最后就可以编辑ts文件，并编译啦。1.安装微信开发者工具。2.从git上拉取项目。
tsquery——一个方便的ast查询工具
weixin_34044273的博客
09-15 406
前言 最近在给公司的 web 框架做一个 vscode 的辅助插件，其中有个对需要路由一些文件进行解析，实现配置文件和对应文件的关联信息显示和跳转的功能。既然是对文件进行解析，很自然就会想到使用 ast 的方式来做，加上需要对 TypeScript 也进行支持，我便选择了使用 TypeScript 自带的 ast 工具来进行解析。 在一开...
TS 中的增量编译
LuckyWinty的博客
09-09 723
一、背景当下前端工程日趋复杂化，随着业务的迭代，一个前端仓库的代码数量会直线上升，代码编译耗时也逐渐变大，随之而来的就是不好的开发体验。提升开发者开发体验各类方式中，优化编译速度是非常重要的一个环节。通常情况下，提升速度最有效的方式：更换更好的设备（氪金玩家比较常用的方式）；优化执行策略（大部分人的选择）。当前比较常见的编译速度优化方案，包括编译缓存和增量编译。TypeScript 在 3.4 版...
浅析TypeScript Compiler 原理
奇舞周刊
01-27 1045
前言众所周知，JavaScript是一款弱类型语言，变量的类型是在运行时动态决定的，2012年微软推出的typescript 给 javascript 扩展了类型的语法和语义，为JavaS...
ts，依赖分析统计你的代码使用情况
flying meng的菜鸟居
03-27 759
我们并没有先对 import 节点进行分析，如果代码中有同名的其它局部变量，那么它们也可以通过 “遍历所有 Identifier 类型节点名称” 这样的判定思路，它只能找到与 cookie 相同名称的 AST 节点而已，这并不能代表这些 cookie 都是从 sheer 导入的。但是区别的地方来了：如果是虚构的文件，虽然也可以使用这里说的其它API，但是生成的ast中最重要的。代表的是各种名字，而我们要寻找的是 cookie 这个 API 在代码中的调用情况，那就可以通过遍历所有。
写一个基于 typescript compiler 的转换工具
weixin_33709590的博客
06-16 2032
背景：当你接手一些老的前端项目的时候，有时候这个项目同时又js和ts，如何快速将一个老的基于React的项目快速转换为ts风格。 ts compiler 链接是typescript官方的介绍，这里我简单说一说一些ts compiler的基本概念。 Parser 根据源代码生产ast Type Checker 可以分析生成一些推断类型 Emitter 生成器 Pre-processor 分析源...
使用 Web API 作为动态 TypeScript 编译器运行环境
lance_lot1的专栏
10-19 1874
转自：http://www.oschina.net/question/12_72796?from=20121014   使用 Web API 作为动态 TypeScript 编译器运行环境，因为你不需要对 Typescript 进行预编译。 已经有很多社区的文章在介绍 Typescript 这个新的语言，这是理所当然的 - 因为它解决了很多JavaScript的问题，尽管处于起步阶段，却
高德JS依赖分析工程及关键原理
高德技术
11-29 1055
一、背景高德 App 进行 Bundle 化后，由于业务的复杂性，Bundle 的数量非常多。而这带来了一个新的问题——Bundle 之间的依赖关系错综复杂，需要进行管控，使 Bundl...
微信小程序 canIUse
GetcharZp的博客
12-16 2145
wx.canIUse(); 微信文档中定义在API中，可以理解为一个函数。 返回值： true 或者 false 示例： // 在JS文件的函数中进行使用 console.log(wx.canIUse('console.log')); // 输出：true ...
微信小程序ts脚手架
光
03-09 3694
项目地址：miniprogram-ts-demo 项目介绍 小程序手脚架，除原生小程序技术外，引入了ts、scss、iconfont，集成了webpack，实现一键启动ts、scss监听编译，详见/package.json.script 启动准备 安装node.js、微信开发者工具 启动方式 安装依赖：npm install 或 yarn install 启动开发监听：npm run start ...
小程序获取用户信息
周建辉的博客
09-27 8208
//index.js //获取应用实例 const app = getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse: wx.canIUse('button.open-type.getUserInfo') }, //事件处理函数 bindViewTap
微信小程序获取用户信息的两种方法wx.getUserInfo&open-data
热门推荐
zengZeng的博客
09-03 13万+
在此之前，小程序获取微信的头像，昵称之类的用户信息，我用的都是wx.getUserInfo，例如： onLoad: function (options) { var that = this; //获取用户信息 wx.getUserInfo({ success: function (res) { console.log(res...
使用抽象语法树`ast`统计哪些Python包与模块被导入了
trium_KW的博客
02-13 801
长话短说，我的Gist。 给定一个没有requirements.txt的Python项目，如果想知道需要安装哪些包才能满足这个项目的依赖需求，一个容易想到的方法就是对每一个.py文件，用模式匹配（如正则表达式）找import xxx，并记录xxx为需要的包。然而import语句有很多形式，如：import xxx、import xxx as aaa、import xxx as aaa, yyy as bbb、from xxx.yyy import fff as ccc、from .zzz import gg
微信小程序 封装api 接口文件文件 与 调用
chrispy1314的博客
09-06 1020
function accountsIdentity(params, method) { return new Promise((resolve) => { wx.request({ url: `https://baidu.com/xxx/xxx`, data: params, method: method, success: (d...
catkin build -DCMAKE_C_COMPILER=gcc-8 -DCMAKE_CXX_COMPILER=g++-8我执行了上述命令然后报错
03-26
这个错误可能是由于您执行了错误的命令，因为命令中的"g"是不存在的参数。请检查您输入的命令是否正确。 此外，如果您想使用gcc-8作为C编译器和g++-8作为C++编译器，则应该执行以下命令： ``` catkin build -DCMAKE_C_COMPILER=gcc-8 -DCMAKE_CXX_COMPILER=g++-8 ``` 请注意，在这个命令中，我们使用"g++-8"作为C++编译器而不是"g"。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值