为了防止在 Linux 系统中意外删除一些重要文件或目录,除了必要的备份之外,还有一个好方法,就是使用 chattr(Change Attribute)命令 在类 Unix 等发行版中,该命令能够有效防止文件和目录被意外的删除或修改...; S:即时更新文件或目录; u:预防意外删除。...其它参数 -R:递归处理,将指令目录下的所有文件及子目录一并处理; -v:设置文件或目录版本; -V:显示指令执行过程 设置文件不能被改名,移动删除,增删数据 > lsattr rumenz.txt...i权限 > chattr -i rumenz.txt 设置目录不能建立,移动和删除文件 > mkdir rumenz && touch rumenz/1.txt > tree . └── rumenz...i权限 > chattr -i -R rumenz 设置文件只能添加数据,不能修改,删除,移动该文件 > lsattr rumenz.txt ---------------- rumenz.txt >
有个简单又有用的命令行工具叫chattr(Change Attribute 的缩写),在类 Unix 等发行版中,能够用来防止文件和目录被意外的删除或修改。...在这篇简短的教程中,我们一起来看看怎么在实际应用中使用 chattr 命令,来防止文件和目录被意外删除。...Linux中防止文件和目录被意外删除和修改 默认,chattr 命令在大多数现代 Linux 操作系统中是可用的。...$ rm file.txt 类似的,你能够限制目录被意外删除或修改,如下一节所述。 防止目录被意外删除和修改 创建一个 dir1 目录,放入文件 file.txt。...防止文件和目录被意外删除,但允许追加操作 我们现已知道如何防止文件和目录被意外删除和修改了。接下来,我们将防止文件被删除但仅仅允许文件被追加内容。
在做项目的时候,我曾经遇到过这样的要求,就是跟百度贴吧客户端上的一样,在回复帖子的时候,在EditText中显示回复人的名字,而且这个名字不可以修改和删除,说白了就是不可操作,只能在后面输入内容。...非著名程序员 在EditText内部显示这样的提示文字,部分锁定,不可操作,其实一般有两种方法。
contenteditable=”true” (可以编辑) contenteditable=”false” (不可以编辑) 如果是嵌套关系的呢?... 我是一个div1 我是div2,没有contenteditable属性 你会发现,即使是嵌套关系... 姓名:小明 <span contenteditable...然后只要从 上面一行开始编辑,就会发现,即使是 contenteditable=“false” 的两个 span里面的文字,都被删除了。...这又是为啥呢,这是因为,被标记了 false的标签,那么他的内部文字是不能被编辑的,但是 外部的编辑,是可以把你整个标签给删除掉的。 所以得避开这种布局。
介绍 HTML元素上的属性,可以在元素中添加附加信息。...contenteditable 规定元素内容是否可编辑,true、false 如果元素未设置 contenteditable 属性,那么元素会从其父元素继承该属性。... 链接和图像默认是可拖动的 dropzone 规定在元素上拖动数据时,是否拷贝、移动或链接被拖动数据。... hidden 属性也可用于防止用户查看元素,直到匹配某些条件(比如选择了某个复选框)。然后,JavaScript 可以删除 hidden 属性,以使此元素可见。...spellcheck 规定是否对元素进行拼写和语法检查 例 这是一个段落。
效果如图: 元素设置 contenteditable 第二种方式是使用 contenteditable 属性指定 HTML 文档中的元素。该方式是 IE 最早实现的。...使用方式是在一个元素上添加 contenteditable 属性并设置为 true,然后该元素会立即被用户编辑。...效果如图: 两者特点 两种方式都可以实现编辑模式,并且这种编辑模式与 textarea 不同,其内部会用块级元素(默认为 div 元素)做换行处理,最终体现在 dom 结构中。...两者不同的是:iframe 方式可做到样式隔离,内部样式与外部样式不存在污染与冲突( tinymce 实现方式);元素设置 contentEditable 的方式( wangEditor 等实现方式)则和其他元素一样受到页面...如想删除后插入,可获取新的 Selection 对象,利用此时位置所在 dom 元素的方法插入对应的文字、元素。
程序被 debugger 阻止了,我们无法像以往一样在 Source Tab 中的对应 JS 代码处添加断点调试,无法调试程序的执行逻辑。 2....当我们打开控制台就会出被 debugger 阻止,所以想通过 network tab 来查看网页都做了哪些请求也是看不到的。 2....如果想恢复初始状态,可以通过删除 script ignore list 里已添加的忽略代码。 针对这种操作如何防止恶意用户呢?...debugger").call()改成 (function(){return false;})["constructor"]("debugger")["call"](); 并且添加条件,当窗口外部宽高和内部宽高的差值大于一定的值...推荐一个调试的小技巧 通过给 style 标签添加 style="display: block",contenteditable 两个属性实现在页面中便捷的调试样式。
display-none: 元素不存在,从 dom 中删除 opacity-0: 元素透明度将为 0,但元素仍然存在,绑定的事件仍旧有效仍可触发执行。...10.contenteditable html 中大部分标签都是不可以编辑的,但是添加了 contenteditable 属性之后,标签会变成可编辑状态。...Object.defineProperty 只能监听到属性的读写,而 Proxy 除读写外还可以监听属性的删除,方法的调用等。...Reflect 内部封装了一系列对对象的底层操作,一共 14 个,其中 1 个被废弃,还剩下 13 个。 Reflect 的静态方法和 Proxy 描述中的方法完全一致。...Proxy 对象默认的方法就是调用了 Reflect 内部的处理逻辑,也就是如果我们调用 get 方法,那么在内部,proxy 就是将 get 原封不动的交给了 Reflect,如下。
设置designMode属性,使空白页面HTML的body可以被编辑。 designMode:off/on * 页面加载完才可以设置designMode属性,所以需要使用onload事件。...contenteditable='true'设置元素和它包含的元素可以编辑。...* 区分contenteditable和contentEditable。contenteditable是元素的特性,而contentEditable是对象的属性。... document.execCommand('delete'); 后删除 document.execCommand('forwarddelete'); 清空格式 document.execCommand...removeAllRanges():移除selection中所有的range对象,执行后anchorNode、focusNode被设置为null,不存在任何被选中的内容。
Download PDF 9、Contenteditable 该属性允许用户编辑元素的内容。...Myy spellinng is checkd 通常,不会检查所有不可编辑的元素,即使 spellcheck...imageafound.png" onerror="this.onerror=null;this.src='imagenotfound.png';"/> 如果后备图像本身不可用, this.onerror=null 用于防止循环... 20、Cite 指向内容的来源、更改或删除的参考点。...="https://mysite.com/original-source-url"> Some awesome quote 21、Datetime 它指定删除
: 返回纯文本;IE不支持 innerText:也是返回纯文本,但不返回元素的内容;FireFox不支持; 5、 节点的增删:操作文档进行文档节点的增加和删除...,可以用来做单页表格的排序等,不改变表格数据,只改变节点的顺序; 3、删除和替换节点:删除节点:removeChild() 替换节点:replaceChild(); ...4、节点容器DocumentFragment:var frag = document.createDocumentFragment(); 可以包含任意多子节点而且它使得一组节点被当做一个节点看待; ...6、HTML可编辑内容:有两种方法启用编辑功能, 其一:设置任何标签的HTML contenteditable属性;edit... 其二:设置对应元素的JavaScript contenteditable属性; 浏览器定义了多项文本编辑命令,为了执行这些命令,应该使用Document
active testNode.classList.remove('active') //移除active testNode.classList.toggle('active') //存在active则删除...为我们提供了更加便利的方式 //在原来的自定义属性添加前缀 `data-` 直接操作dataset div.dataset.flag=0 可编辑属性 在之前非表单元素是无法编辑的...而h5为我们提供了 contenteditable="true"使得元素可以被编辑 123
通过这种方式,您可以保持元素的功能私有,这样它们就可以被 脚本化 和样式化,而不用担心与文档的其他部分发生冲突。...然后它们可以作为自定义元素结构的基础被多次重用。 Web Components生命周期 和大多数框架一样,Web Components 也含有许多控制组件生命周期的方法。...disconnectedCallback:当 custom element 从 DOM 中删除时,被调用。...adoptedCallback:当 custom element 被移动到新的文档时,被调用。...attributeChangedCallback: 当 custom element 增加、删除、修改自身属性时,被调用。 他需要 搭配 observedAttributes 使用。
:,所以需要手动添加起来才能正确执行,而Firefox中虽然不会自动去掉,但它根本就不支持在地址栏运行JS代码 浏览器当编辑器 方式一:地址栏输入下述内容 data:text/html, 方式二:控制台输入下述内容 document.body.contentEditable=true 选取DOM元素 但当你在DOM中无法使用 jQuery 时,你依然可以在开发者控制台中做同样的事情。...2 + 2 $_ //4 $_ * $_ //16 $_ //16 清楚控制台和内存 clear() 刚存在内存中的$_结果也被清空了!...var maxInNumbers = Math.max.apply(Math, numbers); var minInNumbers = Math.min.apply(Math, numbers); 删除数组元素...delete,删除数组的元素使用splice 使用XMLHttpRequests时注意设置超时 var xhr = new XMLHttpRequest (); xhr.onreadystatechange
元素是 HTML 页面的根元素 元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。... 元素描述了文档的标题 元素包含了可见的页面内容 首先是html5新增的各种元素 111<!...-- high:定义度量值位于哪个点,被认为是高的值 low:定义度量值位于哪个点,被认为是低的值 max:最大的度量值 默认1 min:最小的度量值 默认0 oninput:最佳的度量值 value...-- contenteditable:是否可编辑内容 --> aaa aaa aaa<!
缓存 map 里记录了上图所示的 React 的渲染组件实例和 react 组件渲染出 dom 元素的位置,有 x、y 坐标、以及他的宽和高。 ?...后期判断一个元素是否命中就只需要通过鼠标的 x、y 坐标去这个缓存对象里匹配就可。...如用户一个字符一个字符依次输入,我们再撤回时也是一个字符一个字符的删,这显然是不合理的,就像 contenteditable 一样,撤回时一次可删除多个字符,这个缓冲时间就是起这个作用的。...粘帖 粘帖分为内部与外部两种数据来源,内部数据源是指在 notion 文章内的复制粘帖;外部数据源是指从其它系统,如网页、word 等工具。...内部数据源的数据来源来内部系统复制,所以数据源是自己规定的,获取与解析都简单。
原理 实现可视化编辑,主要有两种方法【或者说是两种方式】 1、designMode 2、contentEditable contentEditable 刚开始在IE上实现,后来各大浏览器陆续支持contentEditable...,HTML5标准也包含 contentEditable。...2、contentEditable 可以把任何HTML元素改成可编辑状态 。...Cut 将当前选中区复制到剪贴板并删除之。 12. Delete 删除当前选中区。 13. DirLTR 目前尚未支持。 14. DirRTL 目前尚未支持。 15....LiveResize 迫使 MSHTML 编辑器在缩放或移动过程中持续更新元素外观,而不是只在移动或缩放完成后更新。 52.
领取专属 10元无门槛券
手把手带您无忧上云