HTML、 CSS、 JavaScript三者的关系
网页主要由三部分组成: 结构( Structure) 、 表现( Presentation) 和行为( Behavior)
HTML —— 结构, 决定网页的结构和内容( “是什么”)
CSS —— 表
转载
2023-06-08 13:36:34
103阅读
Minify把CSS和JS压缩和削减(Minify:去掉空格回车符等),以及把多个CSS,JS文件整合到一个文件里。不要以为你的大带宽没有必要进行这类优化。使用它的理由更重要的是文件合并,而不是压缩,而是文件整合,这样可以减少浏览器端不断发出新的连接请求,就像FTP服务器一样,多个小文件和一个大文件耗时是不一样的。 Minify是用PHP写的,项目地址 http://code.google.co
转载
2023-06-06 10:32:56
202阅读
HTML CSS JavaScript 区别1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2. 。CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
转载
2023-07-25 16:36:01
100阅读
# JavaScript 精简:提高代码质量与执行效率
JavaScript 是现代 web 开发不可或缺的一部分,其灵活性使其在前端和后端开发中都大放异彩。随着项目规模的不断扩大和代码复杂度的增加,如何编写高效且可维护的 JavaScript 代码日渐成为开发者的关注焦点。本文将探讨如何精简 JavaScript 代码,以提高执行效率和代码质量。
## 1. 减少冗余代码
代码的重复不仅增
JavaScript语言精粹书本简介JavaScript是曾是“世界上最被误解的语言“,因为它担负太多的特性,包括槽糕的交互和失败的设计,但随着Ajax的到来,Javascript“从最受误解的编程语言演变成最流行的语言”。Douglas Croclford在书中剥开了JavaScript污垢的外衣,抽离出一个具有更好可靠性、可读性和可维护性的Java Script子集,让我们看到了一门优雅的、轻
转载
2023-10-19 11:10:13
31阅读
书中避开鸡肋与糟粕,只讨论精华部门,不谈DOM与HTML,只关注语言本身。JavaScript的确是一种非常优雅的语言,直接用代码表示吧。 以下代码摘自《JavaScript语言精粹》,大多表现着一种基于原型的弱类型语言的特性,经过调试,略有修改。 //给类型加方法
Function.prototype.method = function (name, func) {
转载
2023-06-12 07:19:24
72阅读
javascript 跨域名 精简function hotsearch(index){ if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); //sortname = encodeURI(sortname); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); //sortname = encodeURI(sortn
转载
2011-07-19 14:32:00
104阅读
2评论
JavaScript 编程基础JavaScript 是Web上的一种功能强大的编程语言,用于开发交互式的Web页面。它不需要编译,而是直接嵌入在HTML页面中,把静态页面转变成支持用户交互并响应事件的动态页面。一、JavaScript 的引入在HTML文档中引入JavaScript有两种方式,一种是在HTML文档中直接嵌入JavaScript脚本,称为内嵌式;另一种是链接外部JavaScript脚
转载
2023-09-01 15:41:57
111阅读
昨天有粉丝私信我,说我分享的哪些教程好多都比较抽象,代码也看不懂,还有电子书,也不知道从哪个开始看起,觉得很迷茫。那么今天工作之余,我自己整理了一些比较简单的前端入门代码,主要是HTML的标签,希望帮助各位初学者快速找到自己想要的网页制作所需要的HTML代码。一. 最常见的网页结构<!DOCTYPE html>
<html>
<head>
<meta
一、配置全局css// main.js文件下
// 配置全局css样式
import '@/assets/css/global.css'
requrie('@/assets/css/global.css');直接导入css文件就可以在全局中应用二、配置全局JS// 1. assets文件夹下新建一个js文件夹
// 2. 在js文件夹中建一个settings.js文件
'''settings.
转载
2023-06-09 08:48:43
76阅读
JavaScript 都是关于动态的东西,处理动态 CSS 更改只是 JavaScript 正是我们需要的场景之一。使用 JavaScript,我们可以为 DOM 中的一个或多个元素设置 CSS 样式,修改它们,删除它们,甚至更改所有页面的整个样式表。 让我们来看看我们可以做到这一点的不同方法:1. 用 JavaScript 改变 CSS 内联属性直接从 JavaScript 设置单个样式是处理
转载
2023-11-28 11:19:55
171阅读
css 作用为网页添加样式,为了让网页更有吸引力。让网页展示效果更好样式层叠表css 引入方式及等级外链式: 单独写成样式文件,用link方式进行引入 外链式可以让页面现加美观。内嵌式: 在网的head当中,用style来写行内: 在标签当中写入。行内> 内嵌式> 外链式。单独为一个页面当中的标签设置样式,使用内嵌式或者是行内。css 选择器标签选择器 全局的类选
转载
2023-07-10 18:26:17
281阅读
条件判断是项目开发过程中最常编写的代码,if/else 应该是使用得最多的,但是如果业务比较复杂的话,大量嵌套的 if/else 必将使得代码可...
原创
2022-03-10 10:18:54
163阅读
# 如何实现“javascript CSS A”
## 一、整体流程
首先,我们需要了解整个实现过程的步骤。下面是一个简单的表格展示:
| 步骤 | 操作 |
| --- | --- |
| 1 | 创建一个HTML文件 |
| 2 | 编写CSS样式 |
| 3 | 使用JavaScript改变CSS样式 |
## 二、具体操作步骤
### 1. 创建一个HTML文件
首先,我们需要
原创
2024-04-10 06:56:23
17阅读
今天我们来了解css的操作,并运用css实现更换样式,滑动广告,放大镜等功能1.操作css更换样式方法一:直接操作style方法二:操作calss<style>
//定义a的样式
.a{
border: 10px solid green; //添加边框,边框大小,实线,颜色为绿色
box-shadow: 0px 0px
转载
2023-09-26 17:38:28
35阅读
需求分析使用JavaScript做前端开发的时候,经常需要操作DOM和CSS来改变界面,而做简单动画时也必须操作css。实现方法以前我一直使用DOM对象的style属性来操作该元素的css,类似下面的代码: < !DOCTYPE html>
<html>
<head>
<title>TITLE</title&g
转载
2024-01-19 22:43:35
45阅读
<div onClick="test('yellow')">
CSS Variable
</div>================CSS
:root{
--mainColor:red;
}div{
background:black;
color:var(--mainColor);
}div{
text-align:center;
}:root {
--ma
转载
2023-07-01 10:20:51
64阅读
一、浮动基础知识假如一个页面上有3个div块,如下排列:图1:不使用浮动图2:向右浮动图2说明了框1脱离了文档流向右移动,直到它的右边缘碰到包含框的右边缘为止。图3:向左浮动 图3说明了框1向左浮动,脱离文档流向左移动,直到它的左边缘碰到框2的左边缘为止,由于框1脱离了文档流,不占据空间,框2处于文本流中,所以框1覆盖了框2。 上面3个图说明了,浮动既可以向左也可以向右,直到它的外边缘碰到包含框或者另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。下面用代码实现一下:体验CSS CSS简介CSS(Cascading Style Sheet
转载
2013-08-07 19:18:00
77阅读
2评论
前言作为一名后端开发人员,开发过程中,必不可少的与前端进行对接,因此尽管是后端开发者,也需要一定的前端知识,因此写下HTML+CSS+JavaScript入门知识,着重介绍了JavaScript,方便自己复习,也各位小伙伴参考。一、HTML1.1什么是HTMLHTML是一门语言,所有的网页都是用HTML这门语言编写出来的HTML(HyperText Markup Language):超文本标记语言
转载
2023-09-07 21:40:07
159阅读
HTML和CSS只是一种解释性质的语言,它们的作用主要是让浏览器知道你需要让它显示什么东西(通过HTML实现),以及显示在浏览器的什么位置(通过CSS实现)。JavaScript则是一门脚本语言,可以通过它让你的网页与用户交互,与服务器交互,与电脑和手机硬件交互,让你的网页有实际用途,而不是像一幅画一样只能看。总的来说,HTML像是人的肉体。CSS像是DNA,控制着人长啥模样。js像是人的灵魂,控
转载
2023-08-31 21:25:09
95阅读