问答 2022-04-15 来自:开发者社区

不改变html dom的 id 以及 class ,如何套用bootstrap或者类似的前端框架呢

碰到的问题是这样,就是以前开发的网站,模板都不想变了,包括id和class的名字 现在想套用bootstrap的样式,按理来说把网站模板dom的class或者id的名字改为bootstrap的名字就行,可是牵扯内容太多太乱不想改了 有没有办法改变bootstrap使用的class或者id名称的办法 我尝试的一个办法是 通过 Less,拿图片举例吧,比如圆角图片,我就这样 @import (les....

文章 2022-04-14 来自:开发者社区

前端案例:像素鸟小游戏(js+dom操作,完整代码,附案例素材)

一、案例效果二、实现思路创建游戏背景板和小鸟,并分别设置相对定位与绝对定位;初始化背景图的位置;初始化小鸟的位置;设置游戏状态,游戏开始时背景和管道全部向左运动,游戏结束全部停止运动;使小鸟飞行,其实就是背景图在 X 轴方向的位置不断减小,实现小鸟向右飞行效果;设置点击事件,每点击一次小鸟在Y轴的位置减小,实现向上飞的效果;创建管道,X 方向上管道和下管道位置相同,Y 方向上上管道和下管道高度随....

前端案例:像素鸟小游戏(js+dom操作,完整代码,附案例素材)
文章 2022-04-13 来自:开发者社区

前端案例:飞机大战( js+dom 操作,代码完整,附图片素材)

一、案例效果二、实现思路创建游戏背景板;创建我方战机,鼠标进入游戏面板后其随鼠标轨迹运动; onmousemove创建子弹,让子弹周期性的在战机处发出并让其向 top 值减小的方向(向上)移动,top 小于 0 也就是子弹走出游戏面板时删除自身;创建敌机,让敌机周期性的在游戏背景板左侧的随机距离的位置产生,并让其向 top 增加的方向(向下)移动;定义函数,子弹和敌机相遇时消失。条件:所有的元素....

前端案例:飞机大战( js+dom 操作,代码完整,附图片素材)
文章 2022-04-13 来自:开发者社区

前端案例:简易计算器的实现(dom操作、target、eval函数、try catch、switch-case)

一、案例效果二、涉及要点1. 文本域标签 <textarea></textarea> 的 readonly 属性用于设置文本域文字为只读;2. DOM 获取元素,getElementById() 获取带有指定 id 的节点;3. DOM 事件中的 target 是指获取事件的目标,即触发事件的真实元素。如下代码中:btn.onclick = function (e) { ....

前端案例:简易计算器的实现(dom操作、target、eval函数、try catch、switch-case)
文章 2022-01-17 来自:开发者社区

WBE前端笔记3:JavaScript练习 DOM,BOM操作

div和span<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content...

WBE前端笔记3:JavaScript练习 DOM,BOM操作
问答 2020-05-23 来自:开发者社区

Virtual DOM 真的比操作原生 DOM 快吗?谈谈你的想法。#前端面试

Virtual DOM 真的比操作原生 DOM 快吗?谈谈你的想法。

文章 2020-05-09 来自:开发者社区

好程序员web前端培训JavaScript学习笔记DOM

var box = document.getElementById('box') console.log(box) //

文章 2020-02-18 来自:开发者社区

前端必知词汇:DOM

DOM (Document Object Model,文档对象模型) ,是W3C制定的标准接口规范,是一种处理HTML和XML文件的标准API。DOM提供了对整个文档的访问模型,将文档作为一个树形结构,树的每个结点表示了一个HTML标签或标签内的文本项。DOM树结构精确地描述了HTML文档中标签间的相互关联性。将HTML或XML文档转化为DOM树的过程称为解析 (parse)。HTML文档被解析....

问答 2019-11-25 来自:开发者社区

前端面试经典题目合集-DOM操作——怎样添加、移除、移动、复制、创建和查找节点。

前端面试经典题目合集-DOM操作——怎样添加、移除、移动、复制、创建和查找节点。

问答 2019-11-22 来自:开发者社区

前端性能监控, dom ready时间计算

这个性能指标是怎么统计的? 在porformance对象中, 并没有发现这个指标

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。