关键字:动态添加
  • 回流和重绘
    html 加载过程在页面加载时,浏览器把获取到的HTML代码解析成1个DOM树,DOM树里包含了所有HTML标签,包括display:none隐藏,还有用JS动态添加的元素等。浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体D ...
  • 12 个实用的前端开发技巧总结
    1. 利用 CSS 穿透覆盖默认样式常见发生场景:假如我们需要通过 input,type="file"来上传文件,而这个 input 的默认样式,可以说是非常地丑。所以我们希望通过一张图片,与这个 input 大小一样,位置一致地盖在上面。 ...
  • 前端网络高级篇(六)网站性能优化
    网站性能优化可以从下面总结点入手。 1. 减少HTTP请求 使用雪碧图 - CSS Sprites,把多个图片合并到一个单独的图片中,利用CSS -background-position调整图片显示位置。这种方式适用面比较广泛。 缺点是,如 ...
  • 10个每个开发人员都喜欢的JavaScript模式
    1、构造器模式在面向对象的编程语言中,构造函数是一种特殊的方法,用于在为其分配了内存后初始化新创建的对象。在JavaScript中,几乎所有东西都是对象,我们最常对对象构造函数感兴趣。例如,由于对象构造函数用于创建特定类型的对象,因此准备对 ...
  • React key值的作用和使用详解
    key概述 react中的key属性,它是一个特殊的属性,它的出现不是给开发者用的(例如你为一个组件设置key之后,也仍无法获取这个组件的key值),而是给react自己用的。 简单来说,react利用key来识别组件,它是一种身份标识标识 ...
  • 动态添加的元素transiton失效
    function creatEl(){ let box = document.getElementById('box'); for(let i=0;i<4;i++){ let el=doucument.creatElemen ...
  • 什么是回流,什么是重绘,有什么区别?
    html 加载时发生了什么 在页面加载时,浏览器把获取到的HTML代码解析成1个DOM树,DOM树里包含了所有HTML标签,包括display:none隐藏,还有用JS动态添加的元素等。 浏览器把所有样式(用户定义的CSS和用户代理)解析成 ...
  • 动态添加dom元素,并绑定vue事件
    背景:后管系统配置一个产品后,前端(vue.js框架)取到这些产品信息并展示出来,产品经理要求在文本内容中添加链接。 例如: 本保险不承保前往处于战争状态或已被宣布为紧急状态的国家或地区,最新信息以登陆<a href="javascript ...
  • HTML-JavaScript动态添加元素appendChild
    开始自学一下前端的基础知识,这里记录一下知识点,毕竟不熟,不记录很容易就忘记了。前端最佳的学习资料就是在MDN,没有之一。 今天的目标是下面的页面: 0208给自己一句鼓励的话.gif 这里我贴一下实现代码: ...
  • rtmp、m3u8直播小记
    最近项目做跟视频有关的,一个是直播,一个是播放视频。使用video标签。视频直播有很多协议,rtmp、rtsp、hls等就自己去了解,业务有做到就会了解一些。 公司经过软硬件测试,发现目前公司使用rtmp流直播延迟是最小的,rtmp需要fl ...

暂无数据