我有一个简单的 contenteditable 标记:
<div class="example" contenteditable="true">
<div class="inside">Some content</div>
</div>
Run Code Online (Sandbox Code Playgroud)
当我删除“ Some content
”时,class="inside"
div 也会被删除。有没有办法防止删除内容时删除内部div?
例如,这是我在删除内容后尝试制作的外观。
<div class="example" contenteditable="true">
<div class="inside"></div> <!-- The div is not deleted -->
</div>
Run Code Online (Sandbox Code Playgroud)
我环顾四周,但似乎没有明确的答案。
任何帮助都感激不尽。
谢谢你。
设置:
所以,我有一张窄而长的桌子(宽度:200px,高度:2000px 左右)。该表格包裹在另一个具有固定高度(300px)和overflow-y:scroll的div内,提供固定高度的可见区域。在表格中,有很多垂直堆叠的单元格(参见图像和标记是包裹在 div 中的简单常规表格)。
问题:
每个单元格都包含图像,因此如果页面在加载网站之前必须获取大量单元格(包括图像和数据),那么它将显着减慢网站速度。
解决办法:
我正在考虑两种方法。
仅适用lazy-load
于图像。在这种情况下(例如,从上图中)。除尚不可见的图像外,所有三个部分(第 1、2 和 3 部分)都将完全加载。虽然如果它必须获取大量数据(例如 100+ 个单元格),它会最大限度地减少延迟,但我不确定这是否是最好的方法。
另一种方法稍微复杂一些,但会尽可能减少延迟,并且非常理想。因此,当页面首次加载时,只有section-1
可见,但section-2
也会加载(无论是图像还是延迟加载的图像. However
section-3、will not be loaded at this point.
When the user scrolls to the
section-2、then the
section-3、will be automatically loaded but not visible until user scrolls down. If
section-3、is in the viewpoint, then
section-4`将被加载但不可见.你明白了。
对此有什么想法和方法吗?
谢谢。
所以,我有两个 contenteditable div 嵌套在另一个里面:
<div class="top" contenteditable="true">
<div class="nested" contenteditable="true">This</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这是小提琴。
当它聚焦时,nested
应该聚焦但使用console.log(document.activeElement);
它表明top
聚焦并且它不识别nested
div。
在编辑内容的情况下,我需要识别nested
div 元素而不是top
元素。
我将如何实现这一目标?任何帮助都感激不尽。
为了实现证书锁定,我根据Android 文档进行了以下设置来测试 Flutter 的网络安全性:
请注意,我指定了domain-config
for api.somesite.com
。所以应用程序应该只接受somesite.com
证书。
请注意,android:networkSecurityConfig="@xml/network_security_config"
在AndroidManifest.xml
.
为了测试固定证书,我对两个端点进行了两次 HTTP 调用。一个来自api.somesite.com
,另一个是随机api。
但是,两个 API 端点都使用网络安全设置工作。
我不确定我做错了什么,以及为什么按照 Android 文档固定证书似乎对颤振本身没有任何影响。
任何帮助将非常感激。
所以,我正在使用materializecss进行Web开发.
有一个标签功能,但它不支持在移动设备上滑动功能,如本机Android应用程序.
有谁知道我如何实现滑动功能呢?这有多难?
例如,以下是演示内容:
<div class="row">
<div class="col s12">
<ul class="tabs">
<li class="tab col s3"><a href="#test1">Test 1</a></li>
<li class="tab col s3"><a class="active" href="#test2">Test 2</a></li>
<li class="tab col s3 disabled"><a href="#test3">Disabled Tab</a></li>
<li class="tab col s3"><a href="#test4">Test 4</a></li>
</ul>
</div>
<div id="test1" class="col s12">Test 1</div>
<div id="test2" class="col s12">Test 2</div>
<div id="test3" class="col s12">Test 3</div>
<div id="test4" class="col s12">Test 4</div>
</div>
Run Code Online (Sandbox Code Playgroud) 在打字稿中,我有以下内容:
information_1: any;
information_2: any;
information_3: any;
...
for(var datum in data){
this.information_[datum] = data[datum]; //Of course this is not right.
}
...
Run Code Online (Sandbox Code Playgroud)
在js中,有一种方法可以动态分配变量名称的一部分.在打字稿中是否有类似的东西,以便我可以拥有this.information_1
或this.information_2
等等var datum
?
谢谢.
背景资料:
对于我的颤振项目,我正在使用listview.builder
和provider
:
ListView.Builder
:buttons
使用 provider获取信息并且listen
是false
。
@override
Widget build(BuildContext context) {
final buttons = Provider.of<mybuttons>(context, listen: false);
return Container(
child: ListView.builder(
itemCount: buttons.length,
itemBuilder: (context, index) {
return singleButton(listIndex: index);
},
),
);
}
Run Code Online (Sandbox Code Playgroud)
然后... where, singleButton()
: 这将根据length
来自父小部件的运行。
@override
Widget build(BuildContext context) {
final singleButtonInfo = Provider.of<mybuttons>(context).buttonIndex[listIndex];
return FlatButton(
child: Text(singleButtonInfo.text),
onTap: (){
changeText(listIndex);
}
);
}
Run Code Online (Sandbox Code Playgroud)
因此,如果length
是 5,那么将有 5 个扁平按钮,其索引从 0 到 4。
使用该onTap …
使用$('div#top_container').html()
,我得到以下作为一个例子:
<div class="top" id="top_container">
<div class="example">First</div>
<div class="example">Second</div>
</div>
Run Code Online (Sandbox Code Playgroud)
给...
<div class="example">First</div>
<div class="example">Second</div>
Run Code Online (Sandbox Code Playgroud)
在这里,用.replace()
,我想替换<div class="example">
用*%^%
(随机的字符集),并删除</div>
:
var content = $('div#top_container').html();
var clean_1 = content.replace('<div class="example">','*%^%'); //add $*!#$
var clean_2 = clean_1.replace('</div>',' '); //remove </div>
Run Code Online (Sandbox Code Playgroud)
给...
console.log(clean_2); --> *%^%First*%^%Second
Run Code Online (Sandbox Code Playgroud)
现在,example
div元素的数量可以变化,我需要首先找出如何将它们全部定位.也就是在那里定位一个更清洁的方式<div class="example">
,并</div>
在同一时间?
编辑:
我不打算改变html本身,而是将编辑后的版本作为变量,我可以做的事情(例如通过ajax将其发送到php).
我该怎么做?
我有 php 7,但出现以下错误:
[2017 年 2 月 25 日 01:29:12 UTC] PHP 已弃用:与其类同名的方法在 PHP 的未来版本中将不会成为构造函数;my_function 在 /function.php 第 8 行有一个已弃用的构造函数
class my_function{
...
public function my_function(){}
...
}
Run Code Online (Sandbox Code Playgroud)
在更新之前,我从来没有遇到过任何问题。我不知道如何解决这个问题。
有什么建议么?如果只是改个名字的话,恐怕会更加混乱。这里有什么问题?
谢谢!
对于我的 Angular + Nodejs 应用程序,我有以下上传图像:
文件.ts
handleFileInput(files: FileList) {
var filename = files.item(0);
this.upload(filename).subscribe();
};
upload(fileToUpload: File){
console.log(fileToUpload); //Here I can see all the image data
let obj = {
imageData: fileToUpload,
imageID: "Sample"
};
return this.http.post<any>(url, obj ,{});
}
Run Code Online (Sandbox Code Playgroud)
然后在nodejs中,uploadController.js
private initAPI(): void {
this.router.route('/file')
.post((req, res) => {
console.log(req); //No "body" data
});
}
Run Code Online (Sandbox Code Playgroud)
当我获取数据时,我可以看到以下内容:
body:
imageData: Object {}
imageID: "Sample"
Run Code Online (Sandbox Code Playgroud)
是imageData
空的。关于如何发送图像有什么建议吗?
谢谢。
javascript ×4
jquery ×4
flutter ×2
android ×1
android-network-security-config ×1
angular ×1
css ×1
dart ×1
materialize ×1
node.js ×1
php ×1
provider ×1
swipe ×1
tabs ×1
typescript ×1