小编ami*_*mik的帖子

Webpack 源映射不解析 sass 导入

我已将 webpack 配置为转译 scss -> css,但 webpack 生成的 sourcemap 无法解析 scss @import

webpack.config.js:

const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

const outputPath = path.join(__dirname, 'dist');

module.exports = {
    devtool: 'source-map',
    entry: ['./src/main.scss'],
    target: 'web',
    output: {
        filename: 'js/[name].bundle.js',
        path: outputPath
    },
    module: {
        rules: [
            { // sass / scss loader for webpack
                test: /\.(sass|scss)$/,
                loader: ExtractTextPlugin.extract([
                    {
                        loader: 'css-loader',
                        options: {
                            url: false,
                            import: true,
                            minimize: true,
                            sourceMap: true,
                        }
                    },
                    'sass-loader'
                ])
            },
        ]
    },
    plugins: …
Run Code Online (Sandbox Code Playgroud)

css sass source-maps webpack

6
推荐指数
2
解决办法
1276
查看次数

可调整大小的文本区域上的大小过渡

我已经实现了我的文本区域,它在悬停在其主元素上时显示/隐藏过渡动画:

我的更少:

.my-hidden-textarea textarea{
    width:0px;
    height:0px;
    resize: none;
    .transition(~"width 0.3s, height 0.3s, left 0.3s");
    .box-sizing(border-box);
}
.my-hidden-textarea:hover textarea{
    left:-338px;
    width:350px;
    height:100px;
}
Run Code Online (Sandbox Code Playgroud)

我想保留文本区域的调整大小选项,但问题是,当我调整文本区域的大小时,它会覆盖 css 给出的大小,并且当我将鼠标悬停时,文本区域保持打开状态(没有大小变化)。

我尝试添加 !important, resp: width:0px !important; 高度:0px!重要;....宽度:350px!重要;高度:100px!重要;但是,现在该区域无法再调整大小(即使使用调整大小:两者)。

它发生在 Firefox 29.0 中,我没有测试过其他浏览器,但我预计也会出现类似的问题。

是否有纯 CSS3 解决方案,或者我是否必须使用 javascript 来实现此类动画?提前致谢。

jsFiddle

css textarea resize less css-transitions

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

向 Alpine linux 中仅支持 TLS1.0 的服务器发送 HTTPS 请求

我正在 Docker Alpine 镜像中编写一个简单的网络爬虫。但是,我无法将 HTTPS 请求发送到仅支持 TLS1.0 的服务器。如何配置 Alpine linux 以允许过时的 TLS 版本?

我尝试添加MinProtocol/etc/ssl/openssl.cnf没有运气。

Dockerfile 示例:

FROM node:12.0-alpine

RUN printf "[system_default_sect]\nMinProtocol = TLSv1.0\nCipherString = DEFAULT@SECLEVEL=1" >> /etc/ssl/openssl.cnf

CMD ["/usr/bin/wget", "https://www.restauracesalanda.cz/"]
Run Code Online (Sandbox Code Playgroud)

当我构建并运行这个容器时,我得到

Connecting to www.restauracesalanda.cz (93.185.102.124:443)
ssl_client: www.restauracesalanda.cz: handshake failed: error:1425F102:SSL routines:ssl_choose_client_version:unsupported protocol
wget: error getting response: Connection reset by peer
Run Code Online (Sandbox Code Playgroud)

https openssl alpine-linux tls1.0

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

我应该为移除的元素调用 ResizeObserver.unobserve 吗?

当某些观察到的元素从 DOM 中删除时,我应该调用.unobserve该元素以防止内存泄漏,还是会“自动不被观察到”?

const ro = new ResizeObserver((entries) => { console.log(entries); });
const el = document.getElementById('foo');
ro.observe(el);
// ... some time later
el.remove();
ro.unobserve(el); // <-- is this needed, or does it happen automatically behind the scenes?
Run Code Online (Sandbox Code Playgroud)

为什么我问:我正在实现一个观察许多孩子的 React 组件,并正确清理未安装组件的观察者将涉及非平凡的代码,如果实际上不需要它,我想避免这种情况。

javascript resize-observer

5
推荐指数
2
解决办法
196
查看次数

Android ViewPager自动关注WebView

我有一个来自支持库的ViewPager的Android应用程序.在片段的视图中,我在顶部有一些视图,在它们下面有一些HTML内容的WebView.

第一页正确加载,但在页面之间切换时,每个下一页自动向下滚动到webview并将其中的某些内容(图像,超链接)聚焦在一起,用默认样式(手机上的橙色)标记它.这非常奇怪,我不知道它来自哪里,我想摆脱这种行为.打开时,每个页面应位于其顶部(滚动位置0).加载视图(onCreateView)后,它会在短暂的延迟时间内发生,因此在onCreateView中将滚动位置设置为0无济于事.

滑动到另一个页面后,它应该如下所示:

好的版本http://imageshack.us/a/img254/4623/shotgood.png

但约好了 一秒钟,它会自动向下滚动,聚焦链接,如下所示:

坏版本http://imageshack.us/a/img855/1848/shotbad.png

有人经历过这样的问题并知道解决方

提前致谢.

编辑:我注意到,当我不在任何片段内垂直滚动时,不会发生此问题.在我垂直滚动然后滑动到另一个页面后,它开始在每个下一页上发生.

android android-webview android-viewpager

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

Perl Moose对象可以直接使用数组/哈希属性吗?

可以在Perl中做这样的事情吗?

package Person;
use Moose;

has 'friends' => ( is => 'rw', isa => 'Array', default => () );
Run Code Online (Sandbox Code Playgroud)

我看到perl编译器不接受这种特殊的语法,但是我使用了错误的语法,还是根本不可能?我是否必须使用数组引用?

我对perl很新,所以问题可能是愚蠢的,我觉得答案是"不",但我没有发现任何提及它.

提前致谢

arrays perl attributes moose

2
推荐指数
1
解决办法
2113
查看次数

Twig:在form_widget attr上使用raw filter

是否可以在表单元素属性上使用原始过滤器?我想要的东西:

{{ form_widget(searchForm.query, {
    'type': 'search',
    'attr': {
        'placeholder': 'Search query&hellip;'
    }
} ) }}
Run Code Online (Sandbox Code Playgroud)

但是这会输出"Search query…" 到HTML我试过了

'placeholder': 'Search query&hellip;'|raw
Run Code Online (Sandbox Code Playgroud)

但它仍然逃脱&输出"搜索查询…" 再次.

提前致谢

symfony twig

2
推荐指数
1
解决办法
581
查看次数