小编GRO*_*ER.的帖子

按PHP中子数组的值对数组进行排序

我有一个由数组组成的数组.我想通过子数组的属性对父数组进行排序.这是一个例子

array(2){
    [0]=> array(3){
        [0]=> string(6) "105945"
        [1]=> string(10) "First name"
        [2]=> float(0.080878465391)
    }
    [1]=> array(3) {
        [0]=> string(6) "109145"
        [1]=> string(11) "Second name"
        [2]=> float(0.0504154818384)
    }
}
Run Code Online (Sandbox Code Playgroud)

我想在子数组中按[2]升序对父数组进行排序,因此在这种情况下,结果将是子数组反转(.05,08).这是否可以使用众多PHP排序函数中的任何一种?

php arrays sorting

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

使用跨度而不是输入有什么好处

我注意到在FacebookTwitter这样的几个网站<input>,他们不使用标记中的常规字段,而是使用a <span>并使用JavaScript附加用户在其上键入的内容.

当用户向其他用户发送直接消息,用户发布消息以及在帖子上发表评论时,都会使用此过程.

我想不出任何可能的原因,为什么这对使用HTML5本机<input>标签是有益的..

那么使用这种方法有什么好处呢?如果没有,他们为什么要这样做?

html javascript html5

15
推荐指数
2
解决办法
2051
查看次数

pushState创建重复的历史记录条目并覆盖以前的历史记录条目

我创建了一个Web应用程序,该应用程序使用history pushStatereplaceState方法来浏览页面,同时更新历史记录。

该脚本本身几乎可以完美运行;它将正确加载页面,并在需要抛出页面时抛出页面错误。但是,我注意到一个奇怪的问题,pushState它将多个重复的条目(并替换之前的条目)推入历史记录。

例如,假设我(按顺序)执行以下操作:

  1. 加载index.php(历史记录为:索引)

  2. 导航到profile.php(历史记录将是:Profile,Index)

  3. 导航到search.php(历史记录为:搜索,搜索,索引)

  4. 导航至dashboard.php

最后,这是我历史上将要发生的事情(按最新到最旧的顺序):

仪表

仪表板仪表板
搜索
索引

这样做的问题是,当用户单击前进或后退按钮时,他们将被重定向到错误的页面,或者必须单击多次才能返回一次。那,如果他们去检查他们的历史记录就没有意义了。

这是我到目前为止的内容:

var Traveller = function(){
    this._initialised = false;

    this._pageData = null;
    this._pageRequest = null;

    this._history = [];
    this._currentPath = null;
    this.abort = function(){
        if(this._pageRequest){
            this._pageRequest.abort();
        }
    };
    // initialise traveller (call replaceState on load instead of pushState)
    return this.init();
};

/*1*/Traveller.prototype.init = function(){
    // get full pathname and request the relevant page to load up
    this._initialLoadPath = (window.location.pathname + …
Run Code Online (Sandbox Code Playgroud)

javascript

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

Bootstrap中心对齐下拉​​菜单

我的页面中央有一个下拉按钮,但是当我单击下拉列表时,实际的下拉部分仍然位于页面的左侧.有什么问题?

HTML

<div class="row">
    <div class="col-md-12 school-options-dropdown">
            <div class="dropdown">
              <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Choose a School
              <span class="caret"></span></button>
              <ul class="dropdown-menu">
                  <li><a href="#">Add your school</a></li>
                  <li><a href="#">Hello</a></li>
              </ul>
            </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

div.school-options-dropdown {
    text-align: center;
}

.dropdown {
    text-align:center;
}

.dropdown-menu {
    text-align: center;
}
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

11
推荐指数
3
解决办法
2万
查看次数

删除 React 17.0.2 中的 autoprefixer 警告

我目前正在使用React 17.0.2(在create-react-app环境中)和SCSS,突然间我不断收到来自React的以下警告:

你好,时间旅行者。我们正处于无前缀 CSS 的黄金时代,样式表不再需要 Autoprefixer。

我还没有更新任何内容(至少据我所知),并且我正在使用的 Sass 编译器禁用了自动前缀。

我尝试遵循此线程上的所有答案:如何解决“您好,时间旅行者。我们正处于无前缀 CSS 的黄金时代,您的样式表不再需要 Autoprefixer。”?
然后跑了npm update --save也没有用。

该警告不断地混淆了重要的消息和错误,并且处理起来非常痛苦,因此感谢所有帮助。

javascript sass node.js reactjs

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

JQuery绑定Ajax成功

为什么我们在Ajax上调用bind成功调用看看这段代码

$.ajax({
    url: myurl,
    dataType: 'json',
    success: function(data){
        this.setState({data: data});
    }.bind(this)
});
Run Code Online (Sandbox Code Playgroud)

如果我们不调用bind,那么它是否有任何区别,或者在这里使用bind是有利的

javascript ajax jquery bind

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

阻止直接访问文件,但允许通过jquerys加载功能进行访问

我正在使用jQuery通过它的.load()功能向用户显示某个页面.我这样做是为了允许用户自定义网站,使他们能够满足他们的需求.

此刻,我正在尝试feed.php在容器内显示文件main.php;

我遇到了一个问题,我想阻止直接访问该文件(即:直接进入它的路径(./feed.php )),但仍然允许它通过该.load()函数提供服务.

如果我使用这个.htaccess deny from all方法,我会在页面的特定部分得到403.我找不到任何其他解决方案的问题; 不允许我达到我想要的目标.

这是我目前的(简化) scripthtml:

<script type="text/javascript">
    $("#dock-left-container").load("feed.php"); // load feed.php into the dock-left-container div
</script>

<div class="dock-leftside" id="dock-left-container"></div> // dock-left-container div
Run Code Online (Sandbox Code Playgroud)

如果有人可以通过.htaccess,php或甚至完全不同的方式来建议解决方案,我将非常感激!

提前致谢.

javascript php .htaccess jquery

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

将视频对象源文件设置为blob url

举个例子,假设video我的网站上有一个具有以下属性的对象:

<video controls="" preload="auto" id="_video"></video>
Run Code Online (Sandbox Code Playgroud)

和原始来源./video/video.mp4(例如).

如何通过将原始源文件转换为BLOB URL来保护原始源文件?

我已经看到一些帖子说它需要通过JavaScript完成,但是它们都没有实际解释如何去做,或者你可以找到的地方.

那么,你会怎么做呢; 这样做的最佳方式是什么?

我不是最好的JavaScript,所以如果它看起来像一个明显的问题,请道歉.

谢谢.:-)

html javascript video

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

反应选择 onChange 返回以前的值而不是当前值

我试图在用户更新组件元素的值Parent更新组件的状态。Childselect

虽然我已经让它有点工作,但我注意到当我onChange在 my 上触发事件时select,它总是返回以前的值而不是刚刚选择的值。


class Parent extends Component{
    constructor(props){
        super(props);
        this.state = { data: {
            condition: "any"
        }};
    }

    update = data => {
        this.setState({ data: { 
            ...this.state.data, 
            ...data 
        }});
        
        // This gets called every time I change the value of my select element.
        console.log(this.state.data);
    }

    render(){
        return (
            <Child
                condition={this.state.data.condition} 
                onUpdate={data => this.update(data)} />
        );
    }
}

class Child extends Component{
    updateParent = data => {
        this.props.onUpdate(data);
    } …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

减少接下来的样式组件类名长度

styled-componentsNext中与React一起使用时,确保样式组件正确渲染可能会变得具有挑战性。为了解决这个问题,Next提供了如下compiler.styledComponents标志:next.config.js

compiler: {
    styledComponents: true
}
Run Code Online (Sandbox Code Playgroud)

然而,当启用此标志时,会导致类名变得不可读,因为它们的大小呈指数级增加。

compiler.styledComponents下图说明了禁用和启用时类名称的差异。

compiler.styledComponents 设置时:

前

何时compiler.styledComponents 设置

后

有没有办法将类名称大小减少到常规sc-XXXXXX名称?

我应该注意,我们没有使用最新版本的Next,而是next@12.3.4

javascript reactjs styled-components next.js

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