240 发简信
IP属地:湖南
  • 我看`docusaurus.config.js` 文件中支持`noIndex: true` 属性来不生成首页,加上为docs指定routeBasePath为/,以及删除掉`pages/index.tsx`文件,就可达到要求了。
    ```json
    {
    noIndex: true,
    presets: [
    [
    '@docusaurus/preset-classic',
    {
    docs: {
    sidebarPath: require.resolve('./sidebars.js'),
    path: 'docs/',
    routeBasePath: '/',
    }
    }
    ]
    ]
    }
    ```

    Docusaurus实用指南

    一直在找一个即时尚又支持侧边栏+TOC效果,还能直接渲染md文件的文档工具,之前用的是Docsify、Hexo之流,各有缺陷,土里土气的,直到遇到Facebook的Docus...

  • 很有兴趣学习噢,后续应该会来看看如何使用。

    学习 Rust GUI iced

    前言 最近学习 Rust GUI, 就记录下学 iced[https://github.com/hecrj/iced] 的一些简单代码,代码也上传到了 GitHub[http...

  • 求一个TypeScript中interface的定义

    我想对现有浏览器端ajax请求做一次封闭,后端接口定义使用Object定义的形式出现,在最终项目中使用时统一转换为fetch的方法。 以上api最终是一个方法集合对象,如: ...

  • mail.tsx中默认slots可以访问到了,具名slots的正确写法,前面是概念混淆了,下面的写法没问题了。
    <p>
    子组件scoped-slots引用测试:
    <Child msg="这里是向子组件传入的参数值" scopedSlots={childScopedSlots}>
    <span>默认 slot内容</span>
    <span slot="testSlot">test slot内容</span>
    </Child>
    </p>

    Child.tsx中
    <p style="background:red;">子组件slot: { this.$slots.default }</p>
    <p style="background:blue;">子组件test slot): { this.$slots.testSlot }</p>

    Vue-cli 3.5 结合TSX使用踩坑旅

    最近项目重构,准备将所有固件升级,顺便引进TS来对项目的规范和代码提示的优化进行提升。之前写React项目的时候对JSX新式语法糖和TypeScript类型声明以及代码提示这...

  • mail.tsx中默认slots可以访问到了,具名slots还不知如何显示
    <p>
    子组件scoped-slots引用测试:
    <Child msg="这里是向子组件传入的参数值" scopedSlots={childScopedSlots}>
    <span>默认 slot内容</span>
    <span name="testSlot">test slot内容</span>
    </Child>
    </p>

    Child.tsx中
    <p style="background:red;">子组件slot(能显示): { this.$slots.default }</p>
    <p style="background:blue;">子组件test slot(无法显示): { this.$slots.testSlot }</p>

    Vue-cli 3.5 结合TSX使用踩坑旅

    最近项目重构,准备将所有固件升级,顺便引进TS来对项目的规范和代码提示的优化进行提升。之前写React项目的时候对JSX新式语法糖和TypeScript类型声明以及代码提示这...

  • @dgadmin 这写法我完全看不出vue原有slot的影子呢。我昨天晚上整理发现tsx里this.$slots的方式无法使用,但this.$scopedSlots.default(arg)方式可行。
    比如父组件main.tsx中:
    import { VNode, CreateElement } from 'vue';
    import { Component, Vue } from 'vue-property-decorator';
    import Child from './child';
    @Component
    export default class World extends Vue {
    const childScopedSlots = {
    default: <span>一般slot</span>,
    // default: () => <span>一般slot</span>,
    slotName: (res: string) => <span>这里是slot=slotName输出的内容:{res}</span>
    };
    protected render (h: CreateElement): VNode {
    return (<p>子组件scoped-slots引用测试:<Child msg="这里是向子组件传入的参数值" scopedSlots={childScopedSlots}></Child></p>);
    }
    }

    子组件Child.tsx
    import { VNode, CreateElement } from 'vue';
    import { Component, Vue, Prop } from 'vue-property-decorator';

    @Component
    export default class App extends Vue {
    @Prop({ required: false })
    public msg?: string;

    protected render(h: CreateElement): VNode {
    return (<div>
    <p>{this.msg || '-'}</p>
    {/* <p style="background:red;">子组件slot访问无效不知为啥: { this.$slots.default }</p> */}
    <p style="background:#ccc;">子组件scoped-slot: { (this.$scopedSlots as any).slotName('test') }</p>
    </div>);
    }
    }

    上面的访问中我debug到子组件使用中,this.$slots一直是个空对象,不知原因。

    Vue-cli 3.5 结合TSX使用踩坑旅

    最近项目重构,准备将所有固件升级,顺便引进TS来对项目的规范和代码提示的优化进行提升。之前写React项目的时候对JSX新式语法糖和TypeScript类型声明以及代码提示这...

  • @dgadmin 你写的是使用作用域插槽时的写法,但定义时是怎么样的语法呢?

    Vue-cli 3.5 结合TSX使用踩坑旅

    最近项目重构,准备将所有固件升级,顺便引进TS来对项目的规范和代码提示的优化进行提升。之前写React项目的时候对JSX新式语法糖和TypeScript类型声明以及代码提示这...

  • 同样遇到这个问题,这一点上与react的jsx用法不太一样。

    Vue-cli3.x + TSX踩坑 Cannot read property '$createElement' of undefined

    目的:为了在组件中返回JSX语法的VueComponent报错:Cannot read property '$createElement' of undefined代码: 总...

  • {214}写这个有啥意义?

    base64正则表达式

    ^[A-Za-z\d+/]{214}([A-Za-z\d+/][A-Za-z\d+/=]|==)$

  • 这文章是啥啊,开头看着是有很多干货的,但下面实际内容太少,希望尽快补全

    如何快速搭建一个管理后台-数据处理

    0. 系统设计1. 数据管理2. 身份认证3. 权限管理 相对于网站前台,后台拥有更多的数据操作。切分为两部分的话一部分为展示,另一部分为维护。展示为数据库到用户浏览器的过程...

  • 点进来看就让我看这样的?

    【天下谁人更用心】深度对比微信‘小程序’和支付宝‘小程序’开发工具

    先上图 微信 支付宝 通过对比可以看出支付宝'小程序'开发工具有如下优势和用心 调试工具可手动模拟位置及硬件功能 调试工具可选择直接真机调试 界面相当友好,微信则丑的一逼,甚...

  • 180
    asins ·

    光对比一下IDE的UI就结束了?说好的深度对比呢:scream:

  • Vue项目组织规范

    目录 一、项目结构的核心思想 二、项目目录结构 三、资源路径编译规则 四、index.html 五、build目录 和 config目录 六、public目录 七、stati...

  • 这只是配置好了图床,但使用起来还是不太方便,上传图片、复制地址、粘贴。

    Markdown 配置七牛云作为图床

    Hexo在使用Markdown编辑发布博客时,经常要上传本地图片,渲染加载图片的效果很不理想。推荐使用云平台作为图床,提高编辑效率和图片效果。 在这里推荐使用七牛云,身份认证...