小编Rya*_*yan的帖子

HTML,JS和CSS桌面应用程序

最近我偶然发现了Adobe的'Brackets'代码编辑器,它显然是使用标准的Web语言构建的.作为一个敏锐的Web开发人员,我对如何做到这一点非常感兴趣,并且想知道它究竟是如何完成的.为Web构建应用程序非常棒,但是我希望能够脱离浏览器的外壳.

您将如何使用Web语言创建桌面应用程序?我不知道这个领域的任何事情,但是已经在网上寻找解决方案,但没有运气.

是否有任何直接从代码编辑器编写的方法,甚至是一些可用于将Web语言编译成可执行程序的软件?

html javascript css desktop-application

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

CSS变换缩放滚动问题

我正在创建一个使用CSS'变换比例属性的Web应用程序.如下图所示,我在一个容器内部有一个物体,它很好地贴合在里面,没有任何溢出的内容.这就是我希望的样子.

初步看法

当我将对象重新缩放到大于容器的大小时,我的问题出现了.如图所示,显然对象大于容器.由"可滚动区域"的箭头和标签标记,容器可以滚动到这些区域,但标有"隐藏"的部分由于它们的溢出而不能通过滚动可见或访问.

当比例改变时

为了实际查看我的问题,这里有一个使用我的代码链接到codepen:

CodePen

我的CSS代码区域的片段如下:

#container {
  position: fixed;
  width: 300px;
  height: 200px;
  border: 1px solid #000000;
  left: 0px;
  top: 0px;
  margin-left: 330px;
  margin-top: 10px;
  overflow: scroll;
  display: block;
  text-align: center;
}

#object {
  position: relative;
  width: 120px;
  height: 120px;
  display: inline-block;
  background-color: rgba(255, 0, 255, 0.45);
  margin-top: 40px;
  border-radius: 25px;
  transform: scale(3); /* This would be scale(1) on the small object */
}
Run Code Online (Sandbox Code Playgroud)

这个问题阻碍了我的网络应用程序的开发,所以提前感谢您的时间和贡献.

html css transform css3

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

使用 PHP 生成 SVG 文件

因此,我尝试为我的用户创建一些标签图像,显示他们获得的总积分。我正在尝试将 SVG 写入 php 文件,该文件将添加动态内容,例如用户的点。我想使用 HTML<img>标签从文件中获取 SVG image_gen.php

如何通过标签显示 SVG <img>

谢谢!

html php svg

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

CSS - Firefox 和 Chrome 中的字体渲染方式不同

我正在使用 Google Fonts 和 CSS 的@import方法将字体包含到我的网站上。

Chrome 可以漂亮地显示字体;它们的重量均匀且清晰可见。Firefox 不会复制此渲染。见下文:

火狐浏览器与 Chrome 浏览器

在左侧您可以看到 Firefox。标题的字体粗细不一致。您可以看到较小的描述性文本比 Chrome 的对应文本具有一些额外的权重。

Chrome 位于右侧,正如您所看到的,字体的粗细程度相当高。

我正在使用以下 CSS 来尝试解决此问题:

@import url('https://fonts.googleapis.com/css?family=Muli|Source+Code+Pro');

* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
Run Code Online (Sandbox Code Playgroud)

如何解决此问题并让 Firefox 以适当的粗细显示我的字体?

火狐版本:57.0.1 (64 bit) [Most recent]

铬版本:62.0.3202.94 (64 bit) [Most recent]

非常感谢。

css firefox fonts google-chrome

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

Laravel - 限速特定 API 路由

我目前正在开发一个 Laravel 驱动的站点,该站点由两个独立的服务器、一个 API 服务器和一个公共 Web 服务器(都运行 Laravel)提供支持。

API 有许多路由,用于验证某些关键术语的可用性,例如电子邮件地址和 URL slug。这些路由通过 AJAX 调用以检查数据库,并在按键时触发。

正如预期的那样,AJAX 请求每分钟触发多次,API 会抛出“请求过多”错误。我知道这可以通过增加请求限制来解决,但是我只想对两条路线执行此操作,而不是全部。

如何禁用单个 API 路由的速率限制?

这是其中一条路线,它非常标准:

Route::post('/email/is-available', function(Request $request) {

    ...

})->middleware('my_own_api_key_checking_middleware');
Run Code Online (Sandbox Code Playgroud)

提前谢谢了!

php api laravel

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

子字符串拆分 - PHP

所以,我想这是一个非常简单的概念,但我不确定如何实现我的预期结果.我想要的是,以"@"符号开头的单词用<span>包装它们输出.

假设以下是整个字符串:

Mark希望新应用程序在周五发布,但有些资产需要精炼才能符合主题@design_team.

我怎么抓住......

@design_team

...子字符串,请记住,子字符串中不应考虑下划线以外的字符,以帮助保持格式.

如果PHP可以实现这一点,请告诉我,如果是的话,如何实现.

php substring

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

SQL查询 - INSERT,但仅限于记录尚不存在?

所以,我正在编写一个SQL查询,就像你一样,我偶然发现了一个问题.我想要做的是每次唯一用户访问某个页面时在数据库中触发查询.唯一性是通过session_id()完成的,因为它通常非常可靠.

我想要的是一个SQL查询,它将一行数据插入两列,但只有这两列不具有相同的值.

如果用户x访问了名为的页面page1,那么在数据库中,它将记录如下所示:

+------------+---------+
| page_name  | user_id |
+------------+---------+
|    page1   |    x    |
+------------+---------+
Run Code Online (Sandbox Code Playgroud)

我将如何编写一个检查表的查询,以查看插入的数据是否重复?

我当前的查询如下(它只是一个标准的插入查询):

INSERT INTO `page_views` (`page_name`, `user_id`) VALUES ('.$pageName.', \''.session_id().'\')
Run Code Online (Sandbox Code Playgroud)

php mysql

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

在水平滚动父div中将div显示为列表项

我正在创建一个列表应用程序,我在显示列表项时遇到问题.我希望这些项目与彼此内联,如果它们从父div中溢出,它们只是继续流动并从视图中隐藏直到滚动到.

我遇到的问题是项目转到新行而不是继续沿x方向.我该怎么做才能防止这种情况并让它们相互内联并拥有父div,在溢出时滚动?

这是一个显示我的问题以及我希望产生的结果的图像:

http://i.imgur.com/lAwNA1h.png

所有帮助将不胜感激.

.container {
    background-color: rgba(255, 0, 255, 0.2);
    position: absolute;
    left: 10px;
    top: 10px;
    width: calc(100% - 200px);
    height: auto;
    overflow-x: auto;
}
.item {
    background-color: rgba(255, 0, 0, 0.2);
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css list

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

如果使用jQuery单击目标本身或其子项,则隐藏元素

我在使用jQuery显示和隐藏菜单时遇到了一些问题.我想要做的是:

如果按下按钮,则显示菜单div.如果单击除div之外的某处,则隐藏菜单div.

这就是我的问题所在.上面的工作非常完美,但是当你点击div内部的一个元素时,菜单就会被隐藏,这不是我想要的结果.我的代码如下:

$(document).ready(function() {
    $(document).click(function(e) {
        if (e.target.id != "projectEdit") {
            if (e.target.id != "projectEditMenu") {
                $("#projectEditMenu").hide();
            }
        } else {
            $("#projectEditMenu").show();
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

如何才能使菜单div的子项被排除在此参数之外,如果单击子项,它会保持菜单打开?

HTML代码:

    <div id="projectEditMenu">

        <div id="projectEditMenuMarker"></div>

        <div id="projectEditMenuAddTile">

            <span id="projectEditMenuAddTileTitle">Add Tile</span>

            <form id="newTileForm" action="openProject.php" method="put" hidden></form>

            <input form="newTileForm" type="text" name="newTileName" id="newTileNameInput" placeholder="Tile Name">

        </div>

    </div>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

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