小编Mr_*_*een的帖子

我是jquery的新手.每当页面加载时,我想在其中显示带有TextBox字段的Alert Box.像这样的东西:

Enter Your Username: //Title
___________________  //TextBox field (value will be stored in var for later use)

                OK   //Button

我知道

var username = "username";  //already entered message
alert(username);   

如何实现上述Alert Box？我应该手动编码吗？
举个例子jQuery是可取的.我正在尝试为我的聊天应用程序执行此操作,其中需要在聊天中显示用户名.我搜索了很多,但找不到与asp.net和jquery有关的任何有用的东西.

我在vb6中写了两行代码.代码是:

d = InStr(s, data1, Chr(13), 1) ' Fine 13 keycode(Enter) form a text data.

sSplit2 = Split(g, Chr(32))     ' Split with 13 Keycode(Enter)

但我无法在C#中编写上面的代码.请帮帮我.如何在C#中编写上述代码.

我的网站上有一个像facebook一样的按钮:

<div class="fb-like" data-href="https://www.facebook.com/xxx"
             data-send="false" data-width="300" 
             data-show-faces="true">
</div>

我想使用jQuery或java脚本来检查这个div是否在页面上100%完成加载,然后执行其他操作.

我使用$(document).ready和.load检查但是没有它们工作(他们甚至在div完成加载之前就完成了这项功能).这个div是否包含来自另一个网站的iframe这个问题？我在这做错了什么？

更新我刚试了这个,它根本不起作用:

$(document).ready(function() {
    $(".fb-like").load(function (){
         alert("Loaded :)");
    });
});

是否可以在html中保存图像？我想用几张图片创建html.也许我需要用base64解码图像内容并将其粘贴到html标记中？

我打算使用内联svg概念为项目创建svg spritesheet.

实际上有很多方法可以创建svg spritesheet.我首选两种方法(因为性能)来创建spritesheet.他们如下:

• 通过使用symbol具有唯一ID的标记包装每个svg的内容,将所有svgs分组为单个svg ,以便稍后我们可以使用useHTML中的标记来引用它.
• 生成一个css文件,其中包含通过css background-image属性引用的所有svgs .每个svg都有一个唯一的类名.

现在,我正处于完全使用哪种方法的两难境地.仅供参考,这不是基于意见的问题,因为我不是在寻找意见,而是在考虑性能和最佳解决方案.

PS:我可以使用gulp task runner生成svg精灵表.

我创建了一个基于Flexbox结构的网站.我的目标是让整个可查看页面由div填充,但要避免让任何div低于浏览器窗口的下限.我的一个div应该在文本溢出时滚动,但在Firefox中它会影响整个页面.

这是我的HTML:

<div class="header_bar">header</div>
<div class="page_grid">
    <div class="pg_nav">nav</div>
    <div class="pg_main">This is the div that should scroll</div>
    <div class="pg_sidebar pg_sidebar2">sidebar</div>
</div>

这是我的CSS:

html, body
{
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header_bar
{
    flex: 0 0 auto;
}

.page_grid
{
    flex: 1;
    display: flex;
}

.pg_nav
{
    width: 25%;
}

.pg_main
{
    width: 50%;
    overflow-y: auto;
}

.pg_sidebar
{
    width: 25%;
}

在Chrome和Safari中,一切都运行得很好,但是当我在Firefox中加载网站时会出现问题. 我在这里创建了一个网站的笔.有没有人对如何在所有三种浏览器中显示相同内容有任何建议？

非常感谢!

这是css：一个是Regular，另一个是Bold，但两者都有相同的字体系列名称。

如何在我们的样式表中区分和使用它？

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.eot');
    src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Bold.woff') format('woff'),
        url('fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Regular.woff') format('woff'),
        url('fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

我正在尝试为虚拟主机上本地运行的反应应用程序设置证书local.example.com。这必须只在本地 docker 设置上工作。在阅读了一些文章之后，我想出了这个 docker-compose.yml：

version: "3"
services:
  mongo:
    image: mongo
    restart: always
    ports:
      - "27017:27017"
    volumes:
      - mongodbdata:/data/db
    networks:
      - proxy
  mongo-express:
    image: mongo-express
    restart: always
    ports:
      - "8081:8081"
    networks:
      - proxy
  react:
    build:
      context: ./client
      dockerfile: ./Dockerfile
    ports:
      - "3001:3001"
    stdin_open: true
    volumes:
      - ./client:/client
      - /client/node_modules
    labels:
      # this enables traefik for your service
      - "traefik.enable=true"
      # this defines the url, traefik will get the ssl certificate for
      - "traefik.http.routers.myapplication.rule=Host(`local.example.com`)"
      # this tells traefik to use …

当我尝试在Visual Studio 2003中运行.net 1.1 Web应用程序时收到以下消息:

尝试运行project时出错.无法在Web服务器上启动调试.此过程中没有运行托管代码.为了使用.Net调试器附加进程,托管代码必须在附加之前在进程中运行.

任何身体都可以告诉我这里缺少的东西.

仅供参考:应用程序在实时服务器上正常运行.

在我当前的项目中，我有大量的部分，每个部分都有一两行，范围从 2 到 15 列，宽度相等。相同颜色的单元格放置在同一列中。一个section的定位如下图所示：

为了实现上述布局，我使用了 gridbox。我接近解决方案，但第二行总是向左对齐。

.container {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
  gap: 5px 10px;
  background-color: steelblue;
}

.field {
  background-color: black;
  box-shadow: inset 0px 0px 2px #ffffff;
  height: 20px;
  color: white;
  text-align: center;
}

.second-row {
  grid-row-start: 2;
}


/* colours */

.colour-black {
  background: black;
}

.colour-blue {
  background: blue;
}

.colour-yellow {
  background: yellow;
}

.colour-red {
  background: red;
}

.colour-orange {
  background: orange;
}

.colour-purple {
  background: purple;
}

.colour-green { …