我在试着学习反应钩。我需要帮助，在理解，反应功能，总是重置钩子状态，每次它呈现。
下面是一个滚动的小例子，我正在尝试修复标题
class Header extends Component {
constructor(props) {
super(props);
console.log("Constructor")
this.state = {fixed: false};
}
handleScroll = () => {
console.log(window.scrollY);
浏览 1提问于2020-09-21得票数 7
回答已采纳
在我的一个外部JS文件中，如果可以从URL中获取一个php变量，那么可以更容易地编写一些代码。出于这个原因，我尝试编辑.htaccess文件，以便可以将header.php读取为header.js。
# Header.php into header.js
RewriteRule ^js/header.php$ js/header.js
<script type="text/javascript" src="/js/header.js?url=<?php echo $url; ?>"></script>
我一度认为，这是因为
浏览 2提问于2013-02-18得票数 0
回答已采纳
1回答
增加第二角度模块
、、、
--我无法让标头组件注册为模块。
我被困住了，试图添加一个。我正在使用。当运行单元测试(Jasmine)时，没有定义“header”模块。
我似乎遗漏了一个模块声明，但我不知道在哪里或为什么？
提前感谢
文件夹结构快照：
├── app/
│ │ ├── components/
│ │ │ └── header/
│ │ │ │ ├── header.controller.js
| | | | ├── header.directive.js
| | | | ├── header.spec.js
| | |
浏览 3提问于2015-06-02得票数 0
我有两个文件header.js和upload.js。在upload.js中，我有一个弹出模式，当我单击header.js中的“上传”按钮时，应该打开该模式。
所以基本上我想从setOpened调用upload.js中的header.js函数
header.js
import React from 'react'
const Header = () => {
return (
<div>
<Link
data-bs-toggle="modal"
onCli
浏览 5提问于2022-05-10得票数 0
回答已采纳
6回答
我的JavaScript文件似乎不像链接到我的PHP。
我正在建设一个WordPress网站。我有header.php，并通过以下方式调用这个header.php文件
在我的main.php文件中。我在header.php中的head标记中添加了JS路径，但它似乎不起作用(我添加的JS文件是针对旋转木马的，但没有改变任何内容)。我刚开始学习，所以我甚至猜不出我在这里做错了什么。我怎样才能链接我的JS文件？
header.php、main.php和js文件夹位于根文件夹中。Javascript文件在js文件夹中。
-这就是我在header.php中链接JS文件的方式。头部标签的内部
浏览 52提问于2022-11-24得票数 0
回答已采纳
1回答
页眉内控件上的ViewState
、、、、
我将js文件添加到代码隐藏的头文件中，如下所示：
protected void Page_PreRender(object sender, EventArgs e)
{
if (!IsPostBack)
{
HtmlGenericControl js = new HtmlGenericControl("script");
js.Attributes["type"] = "text/javascript";
js.Attributes["
浏览 0提问于2011-09-22得票数 0
回答已采纳
1回答
我正在使用一个Drupal8.x模板，我需要修改一个粘性的标题，以便它在滚动中被激活。
当页面加载和用户向下滚动时，标题是透明的，它有一个白色的背景，它被卡在页面的顶部(就像粘稠的标题通常工作的那样.)
我想做的是修改代码，这样就不会开始透明了。我需要它从一开始就有白色的背景，一旦页面加载，当然还有粘性功能。
这是两个代码，我发现，使粘性头工作。希望有人能帮我！
CSS
.onscroll.transparent-header-active .header-container.js-transparent-header .sticky-wrapper {
height: 0 !import
浏览 0提问于2019-03-27得票数 1
回答已采纳
5回答
我成功地使用了角垫表来显示数据库中的数据：
<mat-form-field>
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search">
</mat-form-field>
<mat-table #table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="iccid">
浏览 1提问于2018-06-04得票数 22
回答已采纳
最近，我使用npm install --save material ui将资料UI安装到Meteor应用程序中。
我已经在我的<Header />文件中显示了app.js组件，但是每当我添加其他组件时，localhost:3000只显示一个空白页。请参阅我的代码如下：
header.js
import React, { Component } from 'react';
import AppBar from 'material-ui/AppBar';
class Header extends Component {
render() {
浏览 4提问于2016-07-01得票数 7
回答已采纳
3回答
是否有可能在页面加载时仅使用Javascript或DOM (而不是<Link> )在<Header>中插入/生成<Header>和JQuery标记，或者只在<Header>中包含一个<Script>标记并在其中执行？如果我们已经在<Script>或<Link>中添加了一个类似的<Header>或<Link>，那么仍然可以调试它并避免重复。
例如：
在此之前
<Header>
<script src="Scripts/Generate.js" typ
浏览 5提问于2013-10-30得票数 28
回答已采纳
3回答
我试图显示一些印地语单词使用JQuery，因为这些是共同的内容，应该在每个网页上的网站显示。注意--这只是一个静态网站。使用HTML和JQuery/javascript。
我的JS文件如下- include.js
$(document).ready(function(){
var text="<div class='header-main'>मुख्य पृष्ठ कुछ हिंदी के शब्द </div>";
$(".header__fixed").html(t
浏览 0提问于2015-07-31得票数 1
我正在尝试为我们正在使用的一套应用程序加载一个共享头。目前，我可以拉入HTML文件，甚至可以执行javascript。
$("#header-container")
.load("http://component.balanceinnovations.dev/header.html header", function () {
$.getScript("http://component.balanceinnovations.dev/js/header.js");
});
这很好用，但是我想给header.js传递一
浏览 3提问于2016-03-30得票数 0
1回答
在我的nginx缓存代理中，我使用proxy_pass将位置/file.js重定向到，使用sub_filter修改源file.js的内容。如何从转发报头
location /file.js {
proxy_pass http://somedomain.com;
sub_filter "subject" "replacement";
sub_filter_types "text/javascript";
sub_filter_once off;
proxy_set_header Accept-Encoding
浏览 5提问于2015-05-27得票数 0
请建议我如何添加外部css/js文件在php布局模板。我当前的代码附在下面。
Class Template{
public function header() //it loads header.php file
public function footer(){
$footer = file_get_contents('footer.php');
//this function load js file
$search[] = "%__script__%";
if(isset($this->scrip
浏览 15提问于2017-03-01得票数 0
2回答
我试图在App.js中导入标头组件，但这会导致错误。
import './App.css';
import Headers from './Components/Header';
function App() {
return (
<div>
</Headers>
</div>
);
}
export default App;
Header.js
import React from "react";
export default function Headers(){
浏览 8提问于2022-03-14得票数 -2
回答已采纳
1回答
较短页面上的粘性导航问题
、、、
我仅仅使用一些简单的JS就创建了一个粘滞的导航。它似乎在大多数页面上都能正常工作，但在较短的页面上，它会变得混乱，开始闪烁，无法做出决定。想知道怎么解决这个问题。
这是我的js和ccs。
// Sticky Header
jQuery(window).scroll(function() {
console.log(jQuery(window).height());
console.log(jQuery(document).height());
if (jQuery(window).scrollTop() > 115 && jQuer
浏览 2提问于2017-12-30得票数 0
我正在学习角并创建了我的应用程序。我有一些css，js，图像和字体文件来添加和应用所有组件的全局样式。
我的第一个测试是将样式应用到我添加的标头组件上。
app.component.html
<app-header></app-header>
<router-outlet></router-outlet>
现在，在我的头组件中没有样式，它是
<header class="my-headerStyle">
<div class="my-header-row">
</div>
浏览 3提问于2021-06-03得票数 0
回答已采纳
我的反应很新，所以如果我没有说清楚的话，我会事先道歉。我有一个基本的反应应用程序与一个非常基本的index.html页面。代码如下所示：
<html>
<head>
<title></title>
</head>
<body>
<div id="root"></div>
<script src="bundle.js"></script>
</body>
浏览 0提问于2018-07-29得票数 2
回答已采纳
请相信我我都试过了。但是无论我做什么，我都不能得到在呈现main.html时显示的header指令。我错过了什么。任何帮助都非常感谢！谢谢 这是我的header.component.js angular.
module('header')
.directive('header', function () {
return {
restrict: 'E',
templateURL : 'app/Shared/header.html',
浏览 5提问于2020-08-07得票数 0
希望这是一个非常简单的问题，但我很难理解为什么会有如此复杂的答案。我正在转换一个网站，以反应从普通的HTML/CSS/JS的时刻。作为示例，其中有一个外部Vanilla JS文件，其中包含打开和关闭汉堡菜单所需的代码。 如下所示： // Variables
let line1 = document.getElementById("hamburger-line-1");
let line2 = document.getElementById("hamburger-line-2");
let hamburger = document.getElementBy
浏览 24提问于2020-06-24得票数 1
回答已采纳
我希望将子文件(Header.js；Footer.js，MainContent.js)导入到index.js中，而不是在index.js文件中编写类似的子函数。我将函数放在index.js中，它工作正常，但拆分文件并导入它却没有效果。当我编写导入时，它不工作，也不显示元素。这是我的文件夹和代码的列表。
(index.js)
import Header from "./Header";
import Footer from "./Footer";
import MainContent from "./MainContent";
浏览 4提问于2022-09-18得票数 1
1回答
因此，我想实现一些javasript，例如
<script>console.log("Hello World")</script>
在我的商店软件网站上，这不是索引(家庭)网站。
我已经试过了
1)在网站正文上添加js
2)在主题的header.tpl中添加了折叠块
{block name="frontend_index_header_javascript_jquery" append}
<script>console.log("Hello World")</script>
{/block}
浏览 4提问于2017-10-09得票数 1
回答已采纳
1回答
下拉列表不会在单击时打开。我在nextjs 12上使用引导5。
我试着添加CDN链接，但它不起作用。
任何帮助都是非常感谢的。
在app.js中我导入了bootstrap.css
_app.js
import "../styles/globals.css";
import "bootstrap/dist/css/bootstrap.css";
function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />;
}
export default MyAp
浏览 3提问于2022-05-26得票数 0
我用react.js来建立模板网站。
我开始构建第二个组件header.js，遇到了一个问题
我不知道如何将字体连接到react.js中
我应该如何将这个CDN放到哪里?在app.js还是在我的header.js中？
CDN：
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-
50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIe
浏览 2提问于2019-04-17得票数 2
回答已采纳
我想整理我的文件。理想结构如下：
├── src
│ ├── Data
│ │ ├── AppData.js
│ │ └── AppsData.js
│ ├── Components
│ │ └── Main
│ │ └── Main.js
│ ├── Views
│ │ ├── AppList
│ │ ├── Footer.js
│ │ └── Header.js
│ │
...
但问题是，如果我从Header.js中导入Main.js，import Header from '.../Views/Head
浏览 3提问于2016-03-21得票数 0
回答已采纳
2回答
我使用的是Symfony下的Encore的Webpack。我启用了SassLoader，取消了对.enableSassLoader()的注释，并将assets/css/app.css重命名为assets/css/app.scss。 我已经将assets/js/app.js中的require从../css/app.css修改为../css/app.scss。 到目前为止，它是有效的。样式文件在public/build/app.css中编译 但我有很多部分要导入SCSS文件(一个包括变量，另一个是混合，另一个是HTML重置等)。 因此，当我尝试使用时(例如，我只获取了一个，并且将其放在与app.
浏览 19提问于2019-05-03得票数 0
回答已采纳
1回答
我正在使用Express、MongoDB和EJS模板视图引擎创建一个MongoDB应用程序。我已经创建了创建服务器的server.js文件。我已经创建了一个单独的header.ejs文件，它将包含在我的其他ejs文件中(如index.ejs、about.ejs、contact..ejs等)。但是，当我只为header.ejs文件创建样式表时，样式将应用于所有ejs文件(index.ejs、about.ejs等)。我已经将header.ejs文件放置在./public/partials/文件夹中，样式表位于./public/assets/文件夹中，index.ejs文件位于./视图/文件夹中。
浏览 3提问于2019-05-03得票数 0
3回答
我试着用玩笑和酶来测试我的反应成分。
当我在特定的测试用例中将酶导入到json时，它可以工作。但是，我不想手动地做它，我想配置jest来完成它。
我已经尝试过在我的jest配置中添加"snapshotSerializers"：“酶到json/序列化程序”，但它似乎不起作用。
如何将jest配置为在包装上使用酶对json？
这段代码起作用
Header.test.js
import React from 'react'
import { shallow } from 'enzyme'
import toJSON from 'enzyme-t
浏览 0提问于2019-03-25得票数 1
回答已采纳
2回答
我是angularJS的新手。我有一个html头文件，它包含在使用ng-include的所有其他html文件中。头文件中包含了一个JS文件。每当我单击该头文件的li元素时，都应该调用该头文件的函数。但是我认为JS文件本身并没有被调用，因为我已经用alert box本身编写了一个document ready，但是它没有调用。我已经将js文件包含在正确的文件夹中。
Header.html
<html ng-app="header">
<script src="./js/header.js" type="text/javascript"
浏览 2提问于2015-09-04得票数 0
我有一个名为主页的组件，在这个组件中，我喜欢使用同样的导航条，与另一个名为shop.js的组件使用不同的数据。
这是家庭组件
const Home = () => {
return (
<React.Fragment>
<Header/>
</React.Fragment>
);
};
这是标头组件
const Header = () => {
return (
<header>
<TopModal/>
浏览 8提问于2022-04-08得票数 -1
使用Sonatype Nexus，我只在访问/nexus/#admin/support/status时才收到此错误消息。
document.getElementById('loading-msg').innerHTML=msg；()：您试图解码一个无效的JSON字符串：(新图像).src=“(Msg){ if (控制台& console.log) { console.log(msg)；}加载.progressMessage('Loading nexus prod.js‘)；progressMessage('Loading -prod.js’)；prog
浏览 2提问于2019-07-09得票数 5
回答已采纳
2回答
如何在项目之间共享母版页
、、、、
我正在做一个Web项目，我需要共享一个母版页，这样当我创建一个新页面时，它就有了基本的布局。我想的是用这个主页创建一个项目，并在每个web项目中添加它作为参考。但问题是，我不知道如何将母版页嵌入到我想应用MP的.aspx文件中，或者它是否是在项目之间共享母版页的最佳方式。我会接受任何帮助或评论！
这里我给您我的代码(这不起作用)：
Index.aspx
<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="" CodeBehind="Index.aspx.cs&#
浏览 5提问于2015-03-14得票数 4
回答已采纳
我想在滚动时更改一些css属性。这适用于jQuery，而我无法使用JavaScript使其工作。
这是读取和设置CSS属性的函数：
function parallel_height_js(){
let scroll_top = window.scrollY;
console.log('scroll top = ',scroll_top)
let header_height = document.getElementsByClassName("sample-header-section")[0].clientHeight;
console.log(
浏览 4提问于2022-05-10得票数 1
回答已采纳
对于React组件，我发现自己每次都遵循相同的步骤：
创建一个具有组件名称的文件夹(例如，Heading)
在此文件夹中创建一个Heading.js文件
创建相邻的index.js和export * from './Heading'
创建一个Heading.styles.js、import styled from 'styled-components'和export const Heading = styled.div (div可以是适当的)
在Heading.js中，可以这样做：
import * as S from "./
浏览 7提问于2022-02-18得票数 0
这是我的文件夹结构 project
|app
|component
|Header.js
|Home.js
|sass
|header.scss
|node_modules
|moment 这就是我希望在Home.js中导入模块的方式 import Header from 'Header'
import 'header.scss'
import moment from 'moment' 如何配置webpack，使其理解我正在尝试导入的模块？
浏览 22提问于2016-06-22得票数 9
回答已采纳
我已经跟踪了官方的文档，但它不起作用
global-styling:
version: VERSION
js:
js/bootstrap.min.js: {}
js/custom.js: {}
css:
component:
css/style.css: {weight: 50}
dependencies:
- core/drupalSettings
- core/jquery
- core/jquery.once
- core/drupal
- core/popperjs
- my_
浏览 0提问于2022-11-07得票数 -2
回答已采纳
1回答
使用页边距后，页眉显示不正确
、、、、
所以我想在头中使用particle.js，并在头上写一些东西，但是头只在粒子-js背景下。我会附上一张照片，然后你就会明白我的意思了..无论页边距顶部是0vh还是50vh，它仍然会向下。
这是html部分..
#particles-js {
background-image: -webkit-linear-gradient(135deg, #3bade3 0%, #576fe6 25%, #9844b7 51%, #ff357f 100%);
background-image: linear-gradient(-45deg, #3bade3 0%, #576fe6 25%
浏览 0提问于2017-10-03得票数 1
1回答
我使用vue.js来设计一个管理应用程序，并且我试图构建尽可能模块化的UI体系结构。因此，我已经将Header、Body、Sidebar和Main设置为单个文件组件，如下所示。
树
App
- Header
- dynamic content
- Body
- Sidebar
- dynamic content
- Main
- dynamic content
图形
┌──────────────────────────────────────────────────────────┐
│ HEADER SO
浏览 3提问于2018-05-28得票数 1
回答已采纳
1回答
用于react模板的配置浏览器化
、、、、
在使用Browserify和Babel构建bundle.js文件时，我遇到了问题。
Header.js：
import HeaderRT from './Header.rt';
Header.rt：
<div>Header></div>
错误：
Browserify Error
.../Header.rt:1
<div>Header</div>
^
ParseError: Unexpected token
据我所知，所有".rt“文件都需要由react处理--模板，而不是Browserify。但我该如何配置呢？
这是
浏览 4提问于2016-08-26得票数 0
回答已采纳
1回答
Jquery航点基本脚本不起作用
、、、、
我从Jquery Waypoints网站复制了一个非常基本的脚本，目前我想要它做的就是，当#header到达视点顶部时，会弹出一个警告。
我已经按照这个顺序加载了脚本
<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="waypoints/waypoi
浏览 2提问于2014-03-15得票数 2
我在React.Js中有一个简单的项目，在标题中我有头像，当我改变化身border-color时，没有任何改变。
Header.css:
.header__avatar {
display: flex;
align-items: center;
margin-left: 20px;
border-color: #ff000;
border-width: 2px;
overflow: "hidden";
}
.header__avatar > h3 {
margin-right: 10px;
}
Header.js
<div class=
浏览 5提问于2021-03-13得票数 0
回答已采纳
我正在创建一个包含一些JavaScript代码的网站。JavaScript的一切都在电脑上正常工作。但是在我的iPhone 7上，getElementById函数不能工作。我试图设置一个img标记的源，但是什么都没有发生。
JavaScript:
var header_bar = $('.js-header-bar, .js-header-bar-mobile');
var header_bar_mobile = $('.js-header-bar-mobile');
var header_bar_navbar = header_bar_mobile.find(
浏览 4提问于2020-02-21得票数 1
回答已采纳
1回答
显示单击时打开的菜单
、、、、
你好，我目前在一个位于的网页上工作。这是一个wordpress网站，它使用了一个叫做The7的主题，这个主题包括一种叫做“点击导航”的菜单，它工作得很好，但是我一直试图将左侧菜单的初始状态设置为显示标题，而不是默认的关闭标题，但一直无法做到。
我注意到，最初检查网站时，html、body和id为#page的div的类从：
<html class= "js no-touch cssanimations csstransforms csstransforms3d csstransitions cssfilters mobile-false not-iOS">
<b
浏览 0提问于2016-03-12得票数 0
3回答
我在的jQuery track上的最后一个练习中遇到了问题。
我正在尝试重新创建尽可能接近的导航头，但我找不到一种方法来让选定的div在被单击时保持选中状态。
这是有效的。
下面是原始代码：
index.html：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="http://c
浏览 0提问于2013-07-11得票数 1
回答已采纳
我正在使用jquery，因为我的头在某个点是不固定的。它很好，但是，当我试图得到我的标题高度时，它会给出一个未定义的结果。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs
浏览 0提问于2017-03-01得票数 2
回答已采纳
我有一个(base-header-footer.gsp) 基标头布局
<!DOCTYPE html>
<html>
<head>
<title><g:layoutTitle default="${g.message(code: 'title.index.page')}"/></title>
</head>
... some common resources loading....
<body id="launch&#
浏览 3提问于2014-02-24得票数 0
1回答
Jest返回未定义快照
、、、
我正在写我的第一个玩笑测试文件，并有一些疑问和错误。
我创建了一个headers.test.js作为我的测试文件。我运行命令并在传递时在终端中获得输出。已生成快照文件。但在内心深处，我得到了
exports[`renders correctly 1`] = `undefined`;
我的header.test.js是这样的
import React from "react";
import Header from "./Header";
import { shallow } from "enzyme";
const headerText = &
浏览 0提问于2018-06-21得票数 1
回答已采纳
当将Jquery移动css和js文件本地存储在android项目的资产文件夹中时，jquery移动样式不会在android中呈现。但是，也可以通过包含来自CDN的jquery移动文件来工作。帮帮我
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SAMPLE</title>
<meta name="
浏览 4提问于2013-11-27得票数 0
回答已采纳
1回答
我使用以下命令调用main.php中的Header.php
<head> </head>
<body>
<?php
include 'common/header.php';
?>
</body>
在头部，我调用所有的CSS和JS。在header.php中可以正确地调用CSS。
在Header.php中，我有两个标签。我想在其中之一上实现工具提示。
<li><a class="english" data-toggle="tooltip" title="Hoora
浏览 19提问于2017-06-29得票数 0
我有一个带有angular的rails应用程序，我需要填充一个很大的HTML块，以便它可以为textarea标记填充默认文本。目前，我所做的是像这样添加文本
"<div class='navbar navbar-default letter-header hidden-sm hidden-xs'>\n" +
" <div class='container'>\n" +
" <div class='letter-navbar-header navbar-heade
浏览 3提问于2017-07-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
