小编Bhu*_*dra的帖子

如何在 Next.js 网站中添加 Docusaurus 网站作为路由

有谁知道如何向 next.js 应用程序添加网站文档的 /docs 页面吗?我查过 Docusaurus 但它本身似乎已经是一个 React 应用程序了。有没有办法将其集成到现有的 next.js 应用程序中,或者还有其他解决方案吗?

非常感谢

reactjs next.js docusaurus

9
推荐指数
1
解决办法
3135
查看次数

Webpack 无法在 Chrome 中本地覆盖文件

我正在尝试本地覆盖我的项目(webpack-v4.29)中的JS文件。我正在覆盖webpack:///./src/components/slider.js下的文件,但是在保存文件并进行页面刷新后,浏览器不会使用覆盖的文件,而是使用原始文件进行调试。

是不是要对 source map 做一些事情,下面是与 source-maps 相关的 webpack 配置:

devtool: isProduction ? 'source-map' : 'eval-source-map',
        mode: options.mode,
        stats: 'errors-only',
        bail: isProduction,
        performance: {
            hints: false
        },
        entry,
        output: {
            path: distDir,
            filename: isProduction ? '[name]-[chunkhash:8].js' : '[name].js',
            publicPath
        }
Run Code Online (Sandbox Code Playgroud)

在我的项目中,我动态导入组件 JS 文件。我正在检查标记中是否存在数据属性,然后循环遍历所有符合条件的匹配项并加载 JS 文件。

请让我知道如何在使用 webpack 时进行本地覆盖

google-chrome-devtools webpack webpack-4

6
推荐指数
0
解决办法
750
查看次数

JQGRID,过滤后获取所有行

过滤JQgrid后,我无法获得所有行{已分页}。我试过了

  > var myData = grid.jqGrid('getGridParam', 'data'); 
var myData = grid.jqGrid('getRowData');
Run Code Online (Sandbox Code Playgroud)

但第一个选项提供所有行,而这些行都是未过滤的行。第二个返回过滤的行,但仅从第一页返回。

在小提琴示例中,如果您在“客户”列中键入test,则有6个过滤结果,但是第一个选项返回所有7条记录,第二个选项仅返回5条记录(即仅从第一页开始)。我需要显示6个过滤的记录。结果记录在控制台中。

这是小提琴

javascript jquery jqgrid free-jqgrid

5
推荐指数
1
解决办法
3534
查看次数

在iOS设备中单击按钮后,CSS悬停样式仍然存在

我在iOS中点击表单按钮后面临着CSS悬停样式问题.表单有一些输入字段,提交按钮具有在焦点和悬停状态下定义的类.问题是当表单有任何无效选择并单击提交按钮时.在移动设备中,以某种方式提交按钮的焦点被锁定并且在焦点和悬停状态中定义的样式被应用.可以使用Chrome响应模式检查并选择iphone6作为设备.

在桌面上,此问题不会发生; 点击之前和之后的按钮样式是相同的,但在移动设备中它是不同的.

.btnsubmit {
    background-color: #000000;
    border: 1px solid #000000;
    color: #ffffff;
}
.btnsubmit:focus,
.btnsubmit:hover {
    background-color: #ffffff; 
    color: #000000;
}
Run Code Online (Sandbox Code Playgroud)

代码笔:https://codepen.io/bhupendra1011/full/pdZmYV/

css forms button hover ios

5
推荐指数
1
解决办法
2193
查看次数

jQuery UI DatePicker设置默认日期

我有两个文本框,我希望将日期填充为距当前日期6个月前15天。我可以在datepicker中选择默认日期,但是无法将默认日期设置为文本框

 $("#fromDate").datepicker({ dateFormat: 'yy-mm-dd',defaultDate : '-6m' });
 $("#toDate").datepicker({ dateFormat: 'yy-mm-dd',defaultDate: '+15d' }); 
Run Code Online (Sandbox Code Playgroud)

请在这里找到小提琴:datepickerIssue

谢谢

jquery jquery-ui

4
推荐指数
1
解决办法
1574
查看次数

React 的 Storybook 使用 <Preview> Addon 显示纯 HTML 源代码

我在 Storybook for React 中使用Preview插件来显示文档中的组件用法。

<Preview withToolbar>
  <Story name="primary">
  <PrimaryButton  disabled={boolean("Disabled",false)} modifiers={["small"]} onClick={action('button-click')} > {text("Label", "Hello Storybook")}</PrimaryButton>
  </Story>
</Preview>
Run Code Online (Sandbox Code Playgroud)

这会生成如下文档: 在此输入图像描述 有一个显示代码/隐藏代码开关,它显示组件的 React 代码,是否也可以显示纯 HTML 标记。

我需要为 React 和非 React 项目使用单个故事书组件资源管理器,因此想检查是否也生成纯标记源代码。

谢谢

reactjs storybook storybook-addon-specifications

3
推荐指数
1
解决办法
5418
查看次数