小编ste*_*Kim的帖子

Contenteditable:防止内部元素被删除

我有一个简单的 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)

我环顾四周,但似乎没有明确的答案。

任何帮助都感激不尽。

谢谢你。

javascript jquery contenteditable

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

表的延迟加载

设置:

所以,我有一张窄而长的桌子(宽度:200px,高度:2000px 左右)。该表格包裹在另一个具有固定高度(300px)和overflow-y:scroll的div内,提供固定高度的可见区域。在表格中,有很多垂直堆叠的单元格(参见图像和标记是包裹在 div 中的简单常规表格)。

在此输入图像描述

问题:

每个单元格都包含图像,因此如果页面在加载网站之前必须获取大量单元格(包括图像和数据),那么它将显着减慢网站速度。

解决办法:

我正在考虑两种方法。

  1. 仅适用lazy-load于图像。在这种情况下(例如,从上图中)。除尚不可见的图像外,所有三个部分(第 1、2 和 3 部分)都将完全加载。虽然如果它必须获取大量数据(例如 100+ 个单元格),它会最大限度地减少延迟,但我不确定这是否是最好的方法。

  2. 另一种方法稍微复杂一些,但会尽可能减少延迟,并且非常理想。因此,当页面首次加载时,只有section-1可见,但section-2也会加载(无论是图像还是延迟加载的图像. Howeversection-3、will not be loaded at this point. When the user scrolls to thesection-2、then thesection-3、will be automatically loaded but not visible until user scrolls down. Ifsection-3、is in the viewpoint, thensection-4`将被加载但不可见.你明白了。

对此有什么想法和方法吗?

谢谢。

javascript jquery

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

专注于嵌套的 contenteditable 元素

所以,我有两个 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聚焦并且它不识别nesteddiv。

在编辑内容的情况下,我需要识别nesteddiv 元素而不是top元素。

我将如何实现这一目标?任何帮助都感激不尽。

javascript css jquery contenteditable

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

Flutter:Android“网络安全配置”

为了实现证书锁定,我根据Android 文档进行了以下设置来测试 Flutter 的网络安全性

请注意,我指定了domain-configfor api.somesite.com。所以应用程序应该只接受somesite.com证书。

请注意,android:networkSecurityConfig="@xml/network_security_config"AndroidManifest.xml.

为了测试固定证书,我对两个端点进行了两次 HTTP 调用。一个来自api.somesite.com,另一个是随机api。

但是,两个 API 端点都使用网络安全设置工作。

我不确定我做错了什么,以及为什么按照 Android 文档固定证书似乎对颤振本身没有任何影响。

任何帮助将非常感激。

android flutter android-network-security-config

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

滑动功能以实现标签选项卡

所以,我正在使用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)

tabs swipe materialize

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

Typescript动态分配变量名称的一部分

在打字稿中,我有以下内容:

 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_1this.information_2等等var datum

谢谢.

typescript

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

Flutter 提供者:notifyListeners() 到特定目标

背景资料:

对于我的颤振项目,我正在使用listview.builderprovider

ListView.Builder:buttons使用 provider获取信息并且listenfalse

@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 …

provider dart flutter

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

替换数组中的字符串集

使用$('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)

现在,examplediv元素的数量可以变化,我需要首先找出如何将它们全部定位.也就是在那里定位一个更清洁的方式<div class="example">,并</div>在同一时间?

编辑:

我不打算改变html本身,而是将编辑后的版本作为变量,我可以做的事情(例如通过ajax将其发送到php).

我该怎么做?

javascript jquery

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

php 7 不推荐使用构造函数问题

我有 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)

在更新之前,我从来没有遇到过任何问题。我不知道如何解决这个问题。

有什么建议么?如果只是改个名字的话,恐怕会更加混乱。这里有什么问题?

谢谢!

php

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

Angular 和 Nodejs:发送图像

对于我的 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空的。关于如何发送图像有什么建议吗?

谢谢。

node.js angular

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