有这么一条线。car car was driving car was driving
;
有必要删除 st 的重复。但仅限于那些互相跟随的人。
也就是说,输出应该得到这一行 -car was driving car was driving
并且您需要使用不超过一个周期。正则表达式也可以工作。
为了清楚起见,我会说“爆炸”,implode
同样的循环。
这怎么能在php
.
有这么一条线。car car was driving car was driving
;
有必要删除 st 的重复。但仅限于那些互相跟随的人。
也就是说,输出应该得到这一行 -car was driving car was driving
并且您需要使用不超过一个周期。正则表达式也可以工作。
为了清楚起见,我会说“爆炸”,implode
同样的循环。
这怎么能在php
.
我有一个项目AngularJs
。我会说我不是从头开始编写项目的,而且我知道的很少Angular
。
在这里,我想http
在服务器上发出一个简单的请求。问题是该请求根本不起作用。不给出任何错误。就好像这些代码行根本没有写过一样。
在代码之前和之后我做日志一切正常。代码已填写try - catch
,再次没有错误。
有人可以建议我做错了什么吗?我应该走哪条路?
这是代码本身。
import {Component, EventEmitter, Input, OnDestroy, OnInit, Output} from '@angular/core';
import {NgbModal} from '@ng-bootstrap/ng-bootstrap';
import {ResultsFacade} from '../../../results/results.facade';
import {Company} from '../../../company/model/company.model';
import {HttpClient, HttpErrorResponse, HttpHeaders} from '@angular/common/http';
@Component({
selector: 'app-people-table',
templateUrl: './people.table.component.html',
styleUrls: ['./people.table.component.css']
})
export class PeopleTableComponent implements OnInit, OnDestroy {
constructor(private modalService: NgbModal, private resultsFacade: ResultsFacade, private httpClient: HttpClient) { }
ngOnInit() {
}
getData(result): void {
console.log(`${environment.api_url}/company/data-details/${result.id}`);
try {
this.httpClient.post(`${environment.api_url}/company/data-details/${result.id}`, {}).pipe(
map( (response: any) => {
console.log(response);
}));
} catch (e) {
console.error(e);
}
console.log(2222222222);
}
}
这是日志中显示的内容。在 ՝network՝ 浏览器中没有任何内容。没有要求。
这是日志和network
.
我最近在节点中遇到了数据库工作。
现在我的请求有问题Sequelize
。
有一个简单的代码。它op.like
给出了一个无效的请求sql
。
在%delay%
查询出现的地方'\"%delay%\"'
。
这是部分代码和来自服务器的响应。
const Sequelize = require('sequelize');
const Op = Sequelize.Op;
const shortcodes = await Shortcode.findAll({
where: {
project_id: project.id,
settings: {
[Op.like]: `%delay%`
}
}
});
这是Sql
这个库创建的。
SELECT
*
FROM
`shortcodes` AS `shortcode`
WHERE `shortcode`.`project_id` = 1
AND `shortcode`.`settings` LIKE '\"%delay%\"';
我正在为chrome
. 面临将文本复制到js的问题。复制代码本身很简单。
问题的本质是代码没有复制到剪贴板。
有人可以帮助解决问题吗?
这是代码本身。
function copyToClipboard() {
/* Get the text field */
var copyText = document.getElementById("clipboard-text");
/* Select the text field */
copyText.select();
copyText.setSelectionRange(0, 99999); /*For mobile devices*/
/* Copy the text inside the text field */
document.execCommand("copy");
/* Alert the copied text */
alert("Copied the text: " + copyText.value);
}
document.getElementById('clipboard-copy').addEventListener("click", copyToClipboard);
单击按钮后,Copy
会触发一个事件,但文本并未完全复制到剪贴板。
有问题flex-wrap
。
我在容器中有 3 个块,在小屏幕分辨率下,中心块必须是第一个。
有没有办法只flex
使用而不使用来实现这一点js
?
这是示例本身:
/* Common Styles */
.content {
color: #fff;
font: 100 24px/100px sans-serif;
height: 150px;
text-align: center;
}
.content div {
height: 50%;
width: 50%;
}
.red {
background: orangered;
}
.green {
background: yellowgreen;
}
.blue {
background: steelblue;
}
/* Flexbox Styles */
.content {
display: flex;
flex-wrap: wrap;
}
.content1 {
display: flex;
flex-wrap: nowrap;
}
.content2 {
display: flex;
flex-wrap: wrap-reverse;
}
<div class="content">
<div class="red">1</div>
<div class="green">2</div>
<div class="blue">3</div>
</div>
使用绝对定位覆盖元素存在问题。
这是一个例子。
.d1,.d2{
width: 100%;
height: 100px;
margin-bottom: 30px;
position:relative;
z-index: 1;
background: green;
}
.subdiv{
position:absolute;
z-index: 2;
width: 50px;
height: 200px;
top: 30%;
left: 50%;
background: red;
}
<div class="d1">
<div class="subdiv"></div>
</div>
<div class="d2"></div>
问题是由于第二个元素为՝class="d2"՝, div
cclass="subdiv"
不可见。
这个问题怎么解决。
笔记:
z-index: 1;
我的积木class="d1"
和class="d2"
.
有这样的套路。
(^[1-9]*)([0-9]?)(.{1}?)([0-9]{1,})\$?$
它应该计算数字并以美元符号结尾,美元符号可能存在也可能不存在。
她有一个问题,在美元符号之后,如果你写数字,她也认为这个结果是一样的。
告诉我如何解决这个问题?
这是一个检查链接。
正则表达式必须采用此类类型的字符串
4564
45689$
4564.4564
4564846.456$
而且没有。
456415$45646
有这样的插件select2
。我想这样设计它:
但是这里有问题,当我用绝对定位显示选中的选项时,就input
显示在外面了。
你能告诉我要走哪条路才能达到如图所示的结果吗?
$(document).ready(function(){
$('.__select2').select2({
placeholder: 'Select an Industry',
allowClear: false,
tags: true,
maximumSelectionLength: 5
});
});
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script>
<select class="__select2" multiple="multiple">
<option>OAO & PHP</option>
<option>OAO & MySQL</option>
<option>OAO & Apache</option>
<option>OAO & Java</option>
</select>
在使用 Flexbox 时,我遇到了这样一个问题。不知何故,如果不发明一辆新自行车,就不可能解决这个问题。
这是一个例子。
.flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.child {
width: 24%;
height: 50px;
background: red;
margin-bottom: 20px;
color: white;
}
<div class="flex">
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child">last element</div>
</div>
在这里,在示例中,我希望带有铭文的最后一个元素last element
位于左侧,前一行的相同元素位于左侧。
也就是说,如果该行未填充,则元素位于左侧。
有人可以帮我解决这个问题。
下午好,遇到这样的问题。有一个关联数组。
例如。
$foo = array('x'=>'x_val','y'=>'y_val','z'=>'z_val');
并且有一个循环foreach
。
foreach ($foo as $key=>$val){
//Тут какая то логика
}
您需要在当前迭代中获取下一个 $val。嗯,或者$key
。
如何做到这一点?
webpack
在项目上启动服务器时React
,控制台出现错误
目标容器不是 DOM 元素。
一般来说,这意味着没有容器用于ReactDOM
渲染组件。
但是我在这里给出的元素
ReactDom.render(
<App />,
document.getElementById('content')
);
它存在。
这是配置文件webpack.config.js
var webpack = require('webpack');
module.exports = {
entry: "./src/main.jsx",
output: {
path: __dirname + '/public/build/',
publicPath: "build/",
filename: "bundle.js"
},
module: {
loaders: [
{
test: /\.css$/,
loader: "style-loader!css-loader!autoprefixer-loader",
exclude: [/node_modules/, /public/]
},
{
test: /\.gif$/,
loader: "url-loader?limit=10000&mimetype=image/gif"
},
{
test: /\.jpg$/,
loader: "url-loader?limit=10000&mimetype=image/jpg"
},
{
test: /\.png$/,
loader: "url-loader?limit=10000&mimetype=image/png"
},
{
test: /\.svg$/,
loader: "url-loader?limit=26000&mimetype=image/svg+xml"
},
{
test: /\.jsx$/,
loaders: ['react-hot-loader/webpack', 'babel-loader?presets[]=react'],
exclude: [/node_modules/, /public/]
},
{
test: /\.json$/,
loader: "json-loader"
}
]
}
}
这是一个文件package.json
。
{
"name": "less2",
"version": "0.1.0",
"private": true,
"dependencies": {
"jquery": "^3.3.1",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-scripts": "1.1.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject",
"devserver": "webpack-dev-server --debug --hot --devtool eval-source-map --output-pathinfo --watch --colors --inline --content-base public --port 8090 --host 0.0.0.0"
},
"devDependencies": {
"autoprefixer-loader": "^3.2.0",
"babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-preset-env": "^1.6.1",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"css-loader": "^0.28.9",
"file-loader": "^1.1.6",
"json-loader": "^0.5.7",
"postcss-loader": "^2.0.10",
"react-hot-loader": "^3.1.3",
"style-loader": "^0.19.1",
"url-loader": "^0.6.2",
"webpack": "^3.10.0",
"webpack-dev-server": "^2.11.1"
}
}
我不明白我在配置中错过了什么?
有一个代码php
。我在帮助下DOMDocument
搜索所有标签,img
然后遍历它们并进行更改。
问题是html
我正在使用的那个有 5 个标签img
。并且循环经过3次。
可能是什么问题呢?
$dom = new DOMDocument();
$dom->loadHTML(mb_convert_encoding($html, 'HTML-ENTITIES', 'UTF-8'), LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);
$imgs_t = $dom->getElementsByTagName('img');
$amp_img_src = '/images/front/what_is_dt_video.jpg';
$count_foreach = 0;
foreach( $imgs_t as $img_t ){
$count_foreach++;
$img_alt = '';
$tmp_img_src = $img_t->getAttribute('src');
$img_alt = $img_t->getAttribute('alt');
if($tmp_img_src != $amp_img_src){
$tmp_amp_img = $dom->createElement('amp-img');
$tmp_amp_img->setAttribute('width', 200);
$tmp_amp_img->setAttribute('height', 200);
$tmp_amp_img->setAttribute('src', $tmp_img_src);
$tmp_amp_img->setAttribute('alt', $img_alt);
$img_t->parentNode->replaceChild($tmp_amp_img, $img_t);
}
}
var_dump($count_foreach);
这正是代码开头html
变量中包含的那个。$html
php
<div class="what_is_dt drop_down_pg">
<div class="drop_down_video drop_down_cont">
<div class="col-sm-7 col-xs-12">
<div class="video_wrap">
<div id="ntx_dt_info_video_link" class="no-padding">
<img src="/images/front/what_is_dt_video.jpg" height="315px" width="481px" alt="Lorem ipsum">
</div>
<div class="what_fx_video_head">
<span>Lorem ipsum</span>
</div>
</div>
</div>
<div class="col-sm-5 col-xs-12 no-padding">
<span class="background_green">
<h2>Lorem ipsum</h2>
<p><em>Lorem ipsum</em></p>
<p><em>Lorem ipsum</em></p>
</span>
[T]CONFIRM_THEORY[/T]
</div>
[T]CONFIRM_THEORY_MOBILE[/T]
<hr />
</div>
<h2 style="margin-top: 40px;"><strong>Lorem ipsum</strong></h2>
<div style="padding-top: 30px;">
<div class="signature-left col-lg-6 col-md-6 col-sm-6 col-xs-12">
<img src="/uploads/docs/th%20Failure%20Swing.png" alt="Lorem ipsum" title="Lorem ipsum" width="200" height="200" />
<span style="font-size: small;"> <strong>Lorem ipsum.</strong></span>
<span style="font-size: small;">Lorem ipsum. </span>
</div>
<div class="signature-left col-lg-6 col-md-6 col-sm-6 col-xs-12">
<img src="/uploads/docs/th%20Nonfailure%20Swing.png" alt="Lorem ipsum" width="200" height="200"/>
<span style="font-size: small;"><strong>Lorem ipsum.</strong> </span>
<span style="font-size: small;">Lorem ipsum.</span>
</div>
</div>
<p style="clear: both; padding-top: 30px;" >Lorem ipsum.</p>
<div style="padding-top: 30px;">
<div class="signature-left col-lg-6 col-md-6 col-sm-6 col-xs-12">
<img src="/uploads/docs/th Failure Swing Bottom.png" alt="" />
<p><span style="font-size: small;"><strong>Failure Swing </strong>Lorem ipsum.</span></p>
</div>
<div class="signature-left col-lg-6 col-md-6 col-sm-6 col-xs-12">
<img src="/uploads/docs/th Nonfailure Swing Bottom.png" alt="Lorem ipsum" width="200" height="200" />
<p><span style="font-size: small;"><strong>Nonfailure Swing</strong>Lorem ipsum.</span></p>
</div>
</div>
<p style="clear: both;"><br /></p>
[T]OUR_LEARNING[/T]
</div>
有这么一小段代码使用domDocument
and xpath
。
使用时,xpath query
它将方括号转换为某些字符。
如何解决这个问题?
这是代码本身。
<?php
$str = '<ul class="top"><li><a href="[T]XX[/T]">Testing</a></li></ul>';
$str = '<?xml encoding="utf-8" ?>'.$str;
$dom = new DomDocument();
@$dom->loadHTML($str);
$xpath_menu_bottom = new DomXpath($dom);
$x = $xpath_menu_bottom->query('(//ul[@class="top"])[1]')->item(0);
var_dump($dom->saveHTML($x));
?>
有这样一段html
代码是从数据库中获取的。
<li class="dropdown">
<p class="dropdown-toggle" data-toggle="dropdown"> About Us </p>
<span class="menu0_bottom"></span>
<div class="menu0_about">Item</div>
<ul class="dropdown-menu menu_hor">
<li class="no_child_li">
<a target="_top" class="top editablemenuitem" href="link">Item</a>
</li>
<li class="no_child_li">
<a target="_top" class="top editablemenuitem" href="link">Item</a>
</li>
<li class="no_child_li">
<a target="_top" class="top editablemenuitem" href="link">Item</a>
</li>
<li class="no_child_li">
<a target="_top" class="top editablemenuitem" href="link">Item</a>
</li>
<li class="no_child_li">
<a target="_top" class="top editablemenuitem" href="link">Item</a>
</li>
<li class="no_child_li">
<a target="_top" class="top editablemenuitem" href="link">Item</a>
</li>
<li class="no_child_li">
<a target="_top" class="top editablemenuitem" href="link">Item</a>
</li>
</ul>
<div class="mobile_menu_top hidden-lg hidden-md">
<div class="button_back_menu">Back<div class="btn_home_img"></div></div>
</div>
<div class="mobile_menu_opening"></div>
</li>
<li class="dropdown menu_new_list col-lg-3 col-md-3 col-sm-6 col-xs-12">
<a target="_top" class="top editablemenuitem" href="link">Item</a>
<a target="_top" class="menu_new_block" href="link">
<ul class="menu_new_item">
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
</a>
</li>
有没有一种方法可以用一个正则表达式将第一个li
带入类dropdown
?
我将解释要点。我必须覆盖数据库。但是随着第一部分的变化,我想获得一个常规赛。
有一张图片svg
。
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 490 490" style="enable-background:new 0 0 490 490;" xml:space="preserve">
<style type="text/css">
.st0{fill:#CCCCCC;}
.st1{fill:#00B4D5;}
</style>
<g>
<g>
<path class="st0" d="M340.2,263.8c46.3-3.3,82.5-42.9,82.5-90.3c0-41.2-28-77.7-66.3-87.8C348.2,36.4,305.8,0,254.9,0
c-36.9,0-71.1,20-89.3,51.6c-3.5-0.7-7.2-1-10.8-1c-31.1,0-56.4,25.3-56.4,56.4c0,4,0.4,7.9,1.2,11.7
c-20.1,14.6-32.3,38.2-32.3,63.2c0,42.2,33.9,79.8,74,82c0.2,0,0.4,0,0.6,0h197.7C339.7,263.9,340,263.9,340.2,263.8z
M142.1,244.1c-29.9-1.8-55-30.2-55-62.2c0-20.7,11.1-40,29-50.4c4.2-2.4,6-7.5,4.3-12c-1.5-3.9-2.2-8.1-2.2-12.5
c0-20.2,16.4-36.6,36.6-36.6c4.3,0,8.5,0.7,12.5,2.2c4.8,1.8,10.2-0.4,12.4-5.1c13.6-29,43.2-47.7,75.3-47.7
c43.1,0,78.7,32.3,82.8,75.1c0.4,4.5,3.8,8.1,8.2,8.8c32.5,5.6,57,35.6,57,69.8c0,36.3-28.6,67.9-63.8,70.6H142.1z"/>
<path class="st1" d="M245,297.3c-5.5,0-9.9,4.4-9.9,9.9v116c-13.7,4.2-23.9,16.9-24.2,31.8c-0.2,9.1,3.1,17.8,9.4,24.4
c6.3,6.6,14.8,10.4,23.9,10.6h0.8l0,0c18.4,0,33.7-15,34.1-33.3c0.2-9.1-3.1-17.8-9.4-24.4c-4.1-4.3-9.2-7.4-14.8-9.1v-116
C254.9,301.7,250.5,297.3,245,297.3z M255.4,446c2.6,2.8,4.1,6.4,4,10.2c-0.2,7.7-6.6,14-14.3,14h-0.4c-3.8-0.1-7.4-1.7-10-4.4
c-2.6-2.8-4.1-6.4-4-10.2c0.2-7.7,6.6-14,14.3-14h0.4C249.2,441.6,252.7,443.2,255.4,446z"/>
<path class="st1" d="M181.4,307.2v55.5c0,9.6-7.8,17.3-17.3,17.3h-29.2c-4.3-14-17.3-24.3-32.7-24.3C83.4,355.7,68,371,68,389.9
s15.3,34.2,34.2,34.2c15.4,0,28.4-10.2,32.7-24.3h29.2c20.5,0,37.1-16.7,37.1-37.1v-55.5c0-5.5-4.4-9.9-9.9-9.9
C185.9,297.3,181.4,301.7,181.4,307.2z M102.2,404.3c-7.9,0-14.4-6.4-14.4-14.4s6.4-14.4,14.4-14.4c7.9,0,14.4,6.4,14.4,14.4
S110.2,404.3,102.2,404.3z"/>
<path class="st1" d="M325.9,399.9h29.2c4.3,14,17.3,24.3,32.7,24.3c18.8,0,34.2-15.3,34.2-34.2s-15.3-34.2-34.2-34.2
c-15.4,0-28.4,10.2-32.7,24.3h-29.2c-9.6,0-17.3-7.8-17.3-17.3v-55.5c0-5.5-4.4-9.9-9.9-9.9s-9.9,4.4-9.9,9.9v55.5
C288.8,383.2,305.4,399.9,325.9,399.9z M387.8,375.6c7.9,0,14.4,6.4,14.4,14.4s-6.4,14.4-14.4,14.4s-14.4-6.4-14.4-14.4
S379.8,375.6,387.8,375.6z"/>
</g>
</g>
</svg>
如何制作动画,如图所示gif
。
假设我们在javascript
.
var years = prompt('Сколько вам лет?', 100);
console.log(years);
正如我们所知,在模态窗口中单击后cancel
,我们的函数将返回 value null
。
但在这种情况下,我需要变量years
的值为0
.
当然你可以这样做:
if(years == null){
years = 0;
}
但我需要在不检查null
.
如何做到这一点?
假设我们有一些段落。
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
<p>when an unknown printer took a galley of type and scrambled it to make a</p>
用鼠标,我从其中任何一个中选择了部分文本。所以这就是我如何在此之后或在获取阶段获取所选文本的方法。更好的是,这个文本的容器是相同的。