小编Jea*_*ert的帖子

"重定向"页面无需刷新(Facebook照片风格)

我正在尝试实现内容浏览,就像在用户浏览照片时在Facebook上完成一样.我想每个人都熟悉那张照片浏览,你可以点击"下一步"和"上一张",然后立即获得下一张或上一张照片(你也可以使用方向键导航).

例如,当您单击"下一步"时,您会注意到页面没有刷新 - 只有内容.起初我以为它是使用普通的ajax调用完成的,在这种情况下只刷新"内容"的图像,描述和注释.但后来我注意到我的浏览器"位置"工具栏中的URL也被更改了!我尝试使用Firebug进行检查,发现当您单击"下一步"时,只下载了下一张照片,我仍然不知道评论和图像元数据(描述,时间,标签......)的加载位置.

有人可以解释一下这项技术是如何完成的 - 页面URL更改没有页面刷新(如果从缓存刷新,甚至没有页面"闪烁").我知道如何使用ajax更改页面内容,但该页面的URL始终保持不变.如果我点击"刷新"按钮,我会再次获得第一页.但不是在Facebook上,因为即使"window.location"每次都改变而没有实际的重定向.

我注意到的另一件事是底部工具栏(应用程序,聊天,...)"总是在顶部".即使您更改页面,此工具栏也不会刷新并始终保持在顶部 - 它甚至不会像其他刷新的页面一样"闪烁"(从Web服务器或从本地缓存).我想这是与上面相同的技术 - 某种"假"重定向或其他什么?

答案是pushState

if (window.history.pushState)
    window.history.pushState([object or string], [title], [new link]);
Run Code Online (Sandbox Code Playgroud)

你会笑:)

ajax redirect facebook refresh

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

td内的全高div

我想实现这个目标: 替代文字

表行和灰线的高度应该是动态的,取决于右列中的内容.

我已经读过如何使<div>填充<td>高度,所以我尝试了这个http://jsfiddle.net/hyNWy/

但仍然没有运气.有什么建议?

css

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

Gantt Chart with jQuery

http://jsfiddle.net/JeaffreyGilbert/VkghS/

Currently sorting between rows can be done by dragging barWrap (grey). To move gantt bar can be done by dragging the bar.

What I want is sorting and moving can be done at once by dragging the bar. How to achieve this?

Any helps would be appreciated, thank you.

jquery jquery-ui gantt-chart

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

Magento:使用PNG更改默认产品图像

为了替换Magento中的默认产品图像,我们必须替换此文件夹中的图像:

skin\frontend\mytheme\default\images\catalog\product\placeholder

有3个文件:

  • image.jpg的
  • small_image.jpg
  • thumbnail.jpg

我需要用PNG替换这些文件.我可以在哪里修改代码.jpg

magento

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

x:Key和x之间的区别:名称

x:Key和x:WPF中的名称有什么区别?

silverlight wpf

9
推荐指数
2
解决办法
3548
查看次数

iOS强密码自动填充未显示在确认密码上

iOS会自动填充第一个密码字段,但不会填写第二个密码字段.如何在应用程序中自动填写密码和确认密码字段?

更新:似乎系统将注册表单视为登录表单,因此它会自动填充第一个密码字段.此外,当我导航回登录屏幕时,系统会提示我是否要在钥匙串中保存密码,这是意料之外的.

更新:我正在使用堆栈导航(屏幕:登录和注册).在我以注册形式输入姓名或电子邮件后,它会自动填写登录屏幕的密码字段和注册屏幕的第一个密码字段的强密码.有什么办法告诉系统那些是不同的形式?(就像<form>在网络编程中使用不同).

预览图片1

预览图片2

登录屏幕

export default class Login extends Component {
    Login() {

    }

    render() {
        return (
            <IndexBackground>
                <IndexBox>
                    <IndexLogo />
                    <IndexTextInput placeholder="Name" />
                    <IndexTextInput placeholder="Password" secureTextEntry={true}/>
                    <IndexButton title="Log in" onPress={this.Login} />
                    <IndexText text="Forgot Password?" style={styles.textForgot} />
                    <IndexText text="Don't have an account?" style={styles.textSignUp}>
                        <Text style={styles.textLink} onPress={() => this.props.navigation.navigate('SignUp')}> Sign up</Text>
                    </IndexText>
                </IndexBox>
            </IndexBackground>
        )
    }
}
Run Code Online (Sandbox Code Playgroud)

注册屏幕

export default class SignUp extends Component {
    user = {
        email: '',
        name: '',
        pass: '',
        confirmpass: ''
    };

    setUser …
Run Code Online (Sandbox Code Playgroud)

react-native react-navigation

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

React Native:导航推送后,首先焦点文本输入闪出键盘

在我真正的 Android 设备上,将TextInput屏幕推入堆栈导航后聚焦会使键盘闪烁一次(出现然后立即消失)。这不会在重新聚焦时发生,但如果我向后导航并使用任何包含 TextInputs 的屏幕重新推送导航,则会再次发生。

这不会发生:

  • 在安卓模拟器中
  • 如果我使用 navigation.navigate('...')

一世

下面这些代码与我的设备上运行的完全相同,只是简单的代码,没有什么花哨的东西。

应用程序.js

import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

import CategoryScreen from './screens/Category';

const MyStack = createStackNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <MyStack.Navigator>
        <MyStack.Screen name="Category" component={CategoryScreen} />
      </MyStack.Navigator>
    </NavigationContainer>
  );
}
Run Code Online (Sandbox Code Playgroud)

分类.js

import React from 'react';
import { View, TextInput, Button } from 'react-native';

export default function Category({ navigation }) {
  function goToAnotherCategory() {
    navigation.push('Category'); …
Run Code Online (Sandbox Code Playgroud)

javascript android react-native

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

Magento仅验证某些字段的表单

我有一个函数来验证表单中的所有字段:

validateForm: function() {
    var validator = new Validation(this.form);
    validator.validate();
}
Run Code Online (Sandbox Code Playgroud)

有两个控件.第一个控件需要验证a,b,c字段.第二个控件只需要验证d,e,f字段.我怎样才能做到这一点?

forms validation magento prototypejs

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

重复Notif检查触发错误508(检测到环路)

如果有来自4个不同浏览器的相同查询同时每3或10秒有新的notif,我会调用AJAX检查数据库.但是在循环100+之后的某个时刻,服务器返回错误508(检测到循环).这只是一个简单的网站,所以我认为我不需要VPS服务器.

我在SELECT中添加了时间戳作为查询区分,put unset,flush,mysqli_free_result,pause,mysqli_kill,mysqli_close,但仍然出现错误.进入流程达到20/20.

脚本

var counter = 1;
var notiftimer;

$(document).ready(function() {
    ajax_loadnotifs();
});

function ajax_loadnotifs() {
    $.ajax({
        type: "post",
        url: "service.php",
        dataType: "json",
        data: { action:'loadnotifs' },
        success: function(data, textStatus, jqXHR){
            $("div").append($("<p>").text(counter++ + ": succeeded"));

            notiftimer = setTimeout(function() {
                ajax_loadnotifs();
            }, 3000);
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.log(jqXHR.responseText);
        }
    });
}
Run Code Online (Sandbox Code Playgroud)

service.php

$link = mysqli_connect('localhost', 'root', 'root', 'testdb');
$notifs = array();

$query = "SELECT id, message FROM notifs LIMIT 20";
if (!$temp_notifs = mysqli_query($link, $query)) {
    die(json_encode(array("errmsg" => …
Run Code Online (Sandbox Code Playgroud)

php ajax hosting shared-hosting

7
推荐指数
2
解决办法
337
查看次数

为什么 Next.js 中间件会多次运行?

我使用创建了一个新的Next.js。npx create-next-app@latest --typescript安装后(版本为13.3.4),在不更改任何文件的情况下,我在文件夹middleware.ts中添加了一个新文件src,并且只放置了这段代码:

import type { NextRequest } from "next/server";
import { NextResponse } from "next/server";

export function middleware(request: NextRequest) {
  console.log("request", JSON.stringify(request));
  return NextResponse.next();
}
Run Code Online (Sandbox Code Playgroud)

控制台日志被多次点击。我想应该是一次吧?对于这个新的 Next.js 安装,我需要做任何配置吗?

注意:我将在中间件中执行一些 cookie 逻辑以进行身份​​验证。截屏:

在此输入图像描述

javascript reactjs next.js

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