小编sim*_*mon的帖子

css过渡不透明淡出背景

transition当用户悬停图像时,我正在做一个淡入透明白色的地方.

我的问题是我需要将颜色变淡,变为黑色.我试过只是简单地添加background:black;到包含transition它的类,但它不起作用,幸运的是,它仍然逐渐淡入白色透明.

我使用的CSS代码是:

.hover:hover {
  opacity: 0.2;
}

.item-fade {
  background: black;
  opacity: 0.8;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
Run Code Online (Sandbox Code Playgroud)
<p>Hover image, the white opacity needs to be black :/</p>
<img src="//placehold.it/100x100" class="hover item-fade" />
Run Code Online (Sandbox Code Playgroud)

css transition background opacity

27
推荐指数
1
解决办法
20万
查看次数

Div 100%高度滚动

在我的页面,我有一个左侧的导航栏,高度为100%,宽度为25%.它工作正常,但是当有可用的滚动时,它会破坏背景,并使其看起来很丑陋.我认为的原因是100%高度仅适用于活动窗口.即使用户正在滚动,总是有100%高度div的诀窍是什么?

导航的Css:

    width:25%;
    height:100%;
    float:left;
    color:#999999;
Run Code Online (Sandbox Code Playgroud)

我试过一个位置:绝对没有结果,也试过清楚.需要帮忙 :)

小提琴

css height

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

在页面加载时滚动到特定div

我正在试图找出如何在页面加载时自动滚动页面到特定的div.我已经尝试使用jQuery滚动功能,但无法正常工作.有什么建议?

以下是我到目前为止所尝试的内容:

jQuery(function() {
jQuery(window).scrollTop(jQuery('.container').offset().top);
});
Run Code Online (Sandbox Code Playgroud)

html jquery scroll

19
推荐指数
1
解决办法
8万
查看次数

Mysql获取特定表的最后一个id

我必须从特定的插入表中获取最后一个插入ID?让我说我有这个代码:

INSERT INTO blahblah (test1, test 2) VALUES ('test1', 'test2');
INSERT INTO blahblah2 (test1, test 2) VALUES ('test1', 'test2');
INSERT INTO blahblah3 (test1, test 2, lastid) VALUES ('test1', 'test2', last id of blahblah);
Run Code Online (Sandbox Code Playgroud)

如何在表blahblah3中获取表blahblah的插入ID?LAST_INSERT_ID()仅为您提供最后一个插入ID

问候,西蒙:)

php mysql sql insert last-insert-id

14
推荐指数
3
解决办法
5万
查看次数

CSS问题与背景按钮

我有一个按钮,上面有一个渐变.我还需要一个图像箭头,但是当我将它放到背景中时,一个带有两个类的按钮似乎无法工作.以下是一个例子:

<button class="btn btn-wide">Load more</button>

.btn{
    background: rgb(0,166,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,166,255,1) 0%, rgba(0,166,255,1) 50%, rgba(2,154,236,1) 53%, rgba(2,154,236,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,166,255,1)), color-stop(50%,rgba(0,166,255,1)), color-stop(53%,rgba(2,154,236,1)), color-stop(100%,rgba(2,154,236,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,166,255,1) 0%,rgba(0,166,255,1) 50%,rgba(2,154,236,1) 53%,rgba(2,154,236,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,166,255,1) 0%,rgba(0,166,255,1) 50%,rgba(2,154,236,1) 53%,rgba(2,154,236,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,166,255,1) 0%,rgba(0,166,255,1) 50%,rgba(2,154,236,1) 53%,rgba(2,154,236,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,166,255,1) 0%,rgba(0,166,255,1) 50%,rgba(2,154,236,1) 53%,rgba(2,154,236,1) 100%); /* W3C */ …
Run Code Online (Sandbox Code Playgroud)

html css gradient background button

6
推荐指数
1
解决办法
228
查看次数

Laravel转换值required_if

我正在使用Laravel 5.2.45版本。目前,我在翻译required_if规则时遇到了一些麻烦。当我使用required_if,field,value时,它会在错误验证消息中打印出fields值,在这种情况下为1或0。这不是很可读。

例如:

如果类型为0,则必填字段1

想:

如果类型为默认值,则必填字段1

有什么方法可以转换rquired_if value /:value的值?

控制器:

$customerVal = Validator::make($request->all(), [
        'field1' => 'required_if:type,0',
        'field2' => 'required_if:type,0',
    ]);
Run Code Online (Sandbox Code Playgroud)

视图:

@if (count($errors) > 0)
        <div class="modalMsg alert">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
Run Code Online (Sandbox Code Playgroud)

我可以在语言部分看到Laravel:

'required_if'          => ':attribute is required when :other are  :value.',
Run Code Online (Sandbox Code Playgroud)

所以基本上是:value我需要动态翻译。我在下面尝试过,但是不能代替0:

'attributes' => [
'field1' => [
            '0' => 'test'
        ]
]
Run Code Online (Sandbox Code Playgroud)

translate laravel

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

php mysqli只返回一行

此代码仅返回一行,但应返回2行.我已经尝试过php myadmin中的sql,它完全返回了2行.我在这做错了什么?

$request_list_result = $mysqli->query("
SELECT buddy_requester_id, buddy_reciepient_id, user_id, user_fullname FROM sb_buddies
JOIN sb_users ON buddy_requester_id=user_id
WHERE buddy_status='0' AND buddy_reciepient_id='". get_uid() ."'");

$request_list_row = $request_list_result->fetch_array();

echo $request_list['user_fullname'];
Run Code Online (Sandbox Code Playgroud)

顺便说一下,上面的代码是通过以下脚本获取profile.php的过程:

$index = new Template('views/template/one.php', array(
'subtitle' => 'Dashboard',
'stylesheets' => array('/assets/css/profile.css'),
'scripts' => array('/assets/js/dashboard.js'),
'sidebar' => 'sidebar.php',
'content' => 'views/profile.php',
'errors' => $errors,
'successes' => $successes,
'request_list' => $request_list_row //right here
), true);
Run Code Online (Sandbox Code Playgroud)

php mysqli row return

4
推荐指数
2
解决办法
5498
查看次数

WooCommerce 自定义下单验证

当用户在 Woocommerce 中提交订单时,我想做一些额外的检查。尝试使用不同的 add_filter 方法,但似乎我无法连接到 place_order 过滤器。我试过:

add_filter('woocommerce_place_order', 'checkFields'); //on ordersubmit
function checkFields(){
  if($this != true){
    //not allowed to place order because of data is not true
  }else{
   //continue order
  }
}
Run Code Online (Sandbox Code Playgroud)

但是当我提交结帐表格时,不会触发上述情况。有什么建议?:)

wordpress checkout add-filter woocommerce

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

Jquery在Mouseleave上停止fadeOut动画

有没有办法在jQuery中停止fadeOut()动画mouseleave?我希望脚本的工作方式如下:

  • 1:当用户将鼠标悬停在文本上时,显示一个div
  • 2:当用户鼠标移出文本时隐藏div,但如果用户将鼠标悬停在容器上,则div必须继续显示!

这就是我正在做的事情:

$(document).ready(function(){    
    $('.this').hover(function(){
        $('#container').fadeIn(200);
    }).mouseleave(function(){
        setTimeout(function () {
        $('#container').fadeOut(200);
    }, 1000);
    })

    $('#container').hover(function(){
        $('#container').stop().show();
    })

});
Run Code Online (Sandbox Code Playgroud)

小提琴

jquery fadeout

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

Vuejs 安全 api 密钥

我可能对这个概念仍然有点困惑。但。在这种情况下,我有一个联系表单,在发送时,它会调用我自己的 laravel 后端 api,它将为我处理发送电子邮件功能。

我想使用 api 密钥来保护它,但我不希望我的 api 密钥暴露在前端的任何地方。我的 Vue/Nuxt 应用程序正在服务器上运行。

所以环境变量应该是答案 - 我猜。不过,如果我这样做:

this.$axios.$post('http://localhost/someMailFunc?apk=' + process.env.API_KEY, {
                    name: name,
                    subject: subject,
                    email: email,
                    message: message,
                }).then(response => {
                    // somecomplete
                }).catch(e => {
                    // somecatch
                })
Run Code Online (Sandbox Code Playgroud)

当然,在代码中它是隐藏的,但是在前端检查它,可见的地方都是 api 密钥。

在此输入图像描述 在此输入图像描述

如果密钥是当今的解决方案,那么推荐使用密钥进行安全保护的方法是什么?

php node.js laravel vue.js nuxtjs

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