展开

关键词

前端工程师的 caniuse

如果你是前端工程师的话,你应该对 caniuse 这个网站会比较熟悉。 https://www.ossez.com/t/caniuse/13702

18220

CanIUse 命令行工具介绍

前端开发者应该都知道 CanIUse。无意间发现有好心人做了命令行工具。 安装 npm install -g caniuse-cmd 注意:如果使用的是Windows系统,需要在Git的命令行执行上述命令。否则会报Git Not Found的错。 用法 最基本的用法 caniuse 特性 如运行 caniuse websocket,结果如下 ? caniuse websocket 运行结果 查看选项/帮助 caniuse --help 常用选项 -m 显示手机浏览器的兼容情况,默认只显示PC浏览器的兼容情况 -p 显示浏览器市场份额 - w 打开浏览器,在 CanIUse上搜索结果 -c 只显示最新浏览器的兼容情况 更多说明见这里。

26310
  • 广告
    关闭

    开发者专享福利,1988元优惠券限量发放

    带你体验博客、网盘相册搭建部署、视频渲染、模型训练及语音、文字识别等热门场景。云服务器低至65元/年,GPU15元起

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    小程序wx.canIUse和wx.getSystemInfo踏的坑

    然后就用了wx.canIUse进行判断,折腾了一会儿,发现不对,1.5.2基础库上返回也是false,如下: ?

    4.5K91

    小程序最新标准授权登录流程+逻辑

    -- 需要使用 button 来授权登录 --> <button wx:if="{{<em>canIUse</em>}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo ">授权登录</button> <view wx:else>请升级微信版本</view> js: Page({ data: { canIUse: wx.canIUse('button.open-type.getUserInfo hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button> getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') }, //事件处理函数 bindViewTap: function() { wx.navigateTo

    1.1K60

    「小程序JAVA实战」 小程序私有页面的生命周期以及导航(10)

    = getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') }, onLoad: function () { console.log("index->onLoad = getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') }, onLoad: function () { console.log("index->onLoad : wx.canIUse('button.open-type.getUserInfo') }, onLoad: function () { console.log("index->onLoad

    26430

    解决微信小程序登录与发布的一些问题

    <button open-type="getUserInfo"></button> <button wx:if="{{<em>canIUse</em>}}" open-type="getUserInfo" bindgetuserinfo canIUse: wx.canIUse('button.open-type.getUserInfo') }, onLoad: function() { // 查看是否授权 wx.getSetting { this.setData({ userInfo: app.globalData.userInfo }) } else if (this.data.canIUse : wx.canIUse('button.open-type.getUserInfo') }, onLoad: function() { // 查看是否授权 wx.getSetting : wx.canIUse('button.open-type.getUserInfo') }, //事件处理函数 bindViewTap: function() { wx.navigateTo

    11430

    「小程序JAVA实战」小程序的事件(11)

    = getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') }, clickMe: function(){ console.log("你点击我这里出来了!" = getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') }, clickMe: function(e){ console.log("你点击我这里出来了!

    28530

    【CSS】378- 44个 CSS 精选知识点

    浏览器支持情况 100% 查看本条 caniuse 5. 浏览器支持程度 99.5% 需要使用前缀 caniuse 11. CodePen上查看和编辑代码 浏览器支持程度 97.5% caniuse1 caniuse2 27. 重置所有样式 使用一个属性将所有样式重置为默认值。 caniuse1 https://caniuse.com/#feat=transforms2d caniuse2 feat=transforms2d 36.缓动效果 DEMO ? 浏览器支持程度 97.5%; caniuse-feat=css-sel3 caniuse-feat=css-transitions 其他 43.

    36210

    推荐|六个好用的前端开发在线工具

    CanIUse CanIUse是非常好用的在线工具,可以方便地查看各大浏览器对某个特性的支持程度。 我过去经常碰到自己开发的应用的一些功能在其他浏览器下不支持的情况。 > </picture> CanIUse 还可以在命令行下使用,例如,在命令行下查看 WebP 图像格式的浏览器兼容性:caniuse webp(运行命令前需要事先通过 npm install -g caniuse-cmd安装命令行工具。 prettier.io/ Postman:https://www.postman.com/ StackBlitz:https://stackblitz.com/ Bit.dev:https://bit.dev/ CanIUse :https://caniuse.com/

    73920

    Rust Search Extension两周年,发布1.0版!

    支持caniuse.rs和部分RFC的搜索 感谢社区@aquarhead 的PR,他把caniuse.rs的数据集成到了Rust Search Extension中。我们可以用过使用? +关键字搜索caniuse.rs上的数据,使用??+关键字搜索对应的RFC。 caniuse.rs是社区的开发者搞的一个可以搜索Rust新功能何时稳定的网站,类似于Web社区的caniuse.com。 ?

    20020

    「小程序JAVA实战」 小程序wxss样式文件的使用(七)

    { motto: '测试下数据绑定', testoutcss: '测试外部css样式', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') } }) <! 测试下数据绑定', testoutcss: '测试外部css样式', color:"red", userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') } }) color绑定的方式 <!

    24030

    【微信小程序开发】使用button标签的open-type=getUserInfo引导用户去授权

    index.wxml <button     wx:if="{{<em>canIUse</em>}}"     open-type="getUserInfo"     bindgetuserinfo="bindGetUserInfo <em>canIUse</em>: wx.<em>canIUse</em>('button.open-type.getUserInfo')   },   onLoad: function() {     // 查看是否授权     wx.getSetting

    26510

    hexo 插件及 next 内置样式集

    caniuse 使用 {% caniuse feature @ periods %} <! -- Tag Alias --> {% can feature @ periods %} feature : Search for the feature you want on https://caniuse.com 栗子 Caniuse without periods 1 {% caniuse fetch %} Caniuse with current period 1 {% can sharedarraybuffer @ current %} Caniuse with future periods 1 {% caniuse loading-lazy-attr @ future_3,future_2,future_ 1 %} Caniuse with past periods 1 {% caniuse link-rel-modulepreload @ past_1,past_2,past_3,past_4,past

    8810

    css中好用的clamp()函数

    兼容性 https://caniuse.com/?search=clamp 从 caniuse 网站可以看出,不支持IE11。 ?

    37510

    六个好用的前端开发在线工具

    CanIUse [CanIUse]是非常好用的在线工具,可以方便地查看各大浏览器对某个特性的支持程度。 我过去经常碰到自己开发的应用的一些功能在其他浏览器下不支持的情况。 > </picture> CanIUse 还可以在命令行下使用,例如,在命令行下查看 WebP 图像格式的浏览器兼容性:caniuse webp运行命令前需要事先通过npm install -g caniuse-cmd

    30910

    微信小程序获取用户信息(wx.getUserInfo)

    -- 需要使用 button 来授权登录 --> <button   wx:if="{{<em>canIUse</em>}}"   open-type="getUserInfo"   bindgetuserinfo="bindGetUserInfo " >   授权登录 </button> <view wx:else>请升级微信版本</view> Page({   data: {     canIUse: wx.canIUse('button.open-type.getUserInfo

    1.5K20

    「小程序JAVA实战」 小程序抽离公用方法进行模块化(12)

    common.js') Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') }, clickMe: function(e){ console.log("你点击我这里出来了!

    40440

    关于前端的工具你知道多少?别找了,都在这里。

    http://www.colorzilla.com/gradient-editor/ tinypng 一个可以在线快速批量压缩图片的网站 tinypng地址:https://tinypng.com/ caniuse 一个可以快速查看CSS在各浏览器上的兼容性网站 caniuse地址:https://caniuse.com/ tool 一个专门为开发人员提供的在线工具网站 tool地址:https://tool.lu

    300

    2 分钟搞定 3 个现代 CSS 特性

    查看 CanIUse 数据。 你可以创建自己的 Clip paths,或者你可以使用像 Clippy 这样的工具自动生成 CSS Clip paths 代码。 查看 CanIUse 数据。 CSS Filters CSS 提供了大量的滤镜效果函数。 例如: ? 查看 CanIUse 数据。

    22120

    扫码关注腾讯云开发者

    领取腾讯云代金券