前端 HTML css js
文章平均质量分 93
m0_74242675
这个作者很懒,什么都没留下…
展开
-
echarts图表库的展示
ECharts 是一个强大的,使用 JavaScript 编写的开源数据可视化库,由百度开发和维护。它能够帮助开发者在网页上轻松创建出丰富、交互式的图表,广泛应用于各种数据展示场景,包括但不限于Web应用、仪表盘、业务报表等。ECharts的特点和功能包括但不限于以下几点:如折线图、柱状图、散点图、饼图、雷达图、热力图、漏斗图、仪表盘、地图、关系图、旭日图、平行坐标等,几乎涵盖了数据可视化领域的所有基本需求。ECharts擅长处理多维数据,能够将复杂的数据集以清晰直观的方式展现出来,非常适合进行深度数据分析原创 2024-05-26 12:10:26 · 1164 阅读 · 0 评论 -
vue3之生命周期
项目目录介绍通常是指软件开发中项目的文件结构和每个目录、文件的用途说明。├── node_modules/ # npm 包依赖存放位置│ ├── favicon.ico # 网站图标│ └── index.html # 应用入口HTML文件,通常会被Webpack处理并注入生成的JS/CSS资源├── src/│ ├── assets/ # 静态资源目录,如图片、字体等│ ├── components/ # Vue 组件目录│ │ ├── App.vue # 根组件。原创 2024-02-10 11:02:32 · 960 阅读 · 0 评论 -
前端之vue3
Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它被设计为可以自底向上逐层应用,也可以与其他库或已有项目进行整合。Vue.js的核心库只关注视图层,它非常容易学习和使用。Vue.js采用了轻量级的虚拟DOM(Virtual DOM)实现快速的渲染和更新,这使得Vue.js具有出色的性能和响应能力。它还提供了一套简洁灵活的模板语法,允许开发者以声明的方式编写组件。Vue.js的组件系统可以使开发者轻松地复用和组合组件,提高了代码的可维护性和可测试性。Vue.js还提供了一些其他的高级特性,原创 2024-02-09 23:49:46 · 1104 阅读 · 0 评论 -
前端之typescript
TypeScript 是一个由 Microsoft 开发的开源、静态类型化的编程语言,它构建在 JavaScript 之上,并为 JavaScript 添加了可选的静态类型系统以及其他一些现代语言特性。TypeScript 编写的代码可以被编译成纯 JavaScript 代码,从而可以在任何支持 JavaScript 的环境中运行。// 声明一个字符串类型变量// 声明并初始化一个数值型数组// 定义一个接口(用于描述对象结构)id: number;// 创建一个符合 User 接口的对象。原创 2024-02-09 18:36:58 · 967 阅读 · 0 评论 -
node.js之koa,mysql,SocketMocha
Koa.js 简介Koa 是一个基于 Node.js 的下一代 web 框架,由 Express.js 的原班人马打造。它旨在提供更小、更富有表现力和更健壮的中间件系统,通过利用 ES6+ 语法特性(如 Generator 函数、异步迭代器、async/await 等)来消除回调函数的嵌套,从而简化了错误处理和中间件堆栈的编写。Koa 并没有捆绑任何中间件,但提供了极简的核心工具集,让开发者可以构建高度可定制化的服务端应用程序。原创 2024-02-09 18:14:26 · 716 阅读 · 0 评论 -
前端之node.js内置模块
Node.js内置了许多常用的模块,它们可以直接在应用程序中使用,无需额外安装。以下是一些常用的Node.js内置模块的介绍:fs模块:提供了文件系统相关的功能,可以进行文件的读写、复制、删除等操作。path模块:用于处理文件路径的相关操作,例如获取文件名、扩展名,拼接路径等。http模块:用于创建HTTP服务器和客户端,可以处理HTTP请求、响应以及路由等。events模块:用于处理事件的模块,可以实现事件的注册、触发和监听等。原创 2024-02-09 16:09:46 · 1079 阅读 · 0 评论 -
javaScript之设计模式
JavaScript设计模式是一种在JavaScript开发中常用的编程模式,用于解决特定问题的代码组织和架构。通过使用设计模式,可以提高代码的可读性、可维护性和可扩展性。以下是几种常见的JavaScript设计模式:单例模式(Singleton Pattern):确保一个类只有一个实例,并提供全局访问点。工厂模式(Factory Pattern):根据参数的不同,创建不同的对象实例,隐藏具体的实现细节。原创 2024-02-09 15:20:54 · 1210 阅读 · 0 评论 -
JavaScript的Bootstrap和sass
总结来说,Bootstrap 主要是用来做前端UI设计和交互功能的框架,而 Sass 是一个提高 CSS 开发效率和可维护性的预处理工具,二者在实际项目中经常结合使用,以达到高效且高质量的前端开发效果。原创 2024-02-08 11:03:55 · 848 阅读 · 0 评论 -
JavaScript之jquery二
/ 自定义选项卡插件代码activeClass: 'active', // 激活选项卡的CSS类名contentClass: 'tab-content', // 内容区域容器的CSS类名triggerEvent: 'click' // 触发选项卡切换的事件类型// 获取当前实例的选项卡元素集合// 获取第一个对应的内容面板// 绑定事件// 阻止链接默认行为// 获取目标内容面板ID// 移除所有激活状态并隐藏所有内容面板// 显示目标内容面板,并添加激活状态。原创 2024-02-08 10:48:05 · 719 阅读 · 0 评论 -
JavaScript之jquery一
JavaScript是一种脚本语言,而jQuery是一个JavaScript库。jQuery是用来简化JavaScript编程的工具,它提供了一个简洁而强大的API,可以处理DOM操作、事件处理、动画效果、AJAX等常见的网页交互功能。使用jQuery,开发者可以通过选择器语法来方便地选择和操作HTML元素。通过jQuery的方法,可以实现快速的DOM操作,比如添加、删除、修改元素的属性和样式,以及处理表单的输入和验证。jQuery还提供了丰富的事件处理功能,可以轻松地绑定和触发各种事件。原创 2024-02-08 10:27:27 · 981 阅读 · 0 评论 -
JavaScript网络请求Ajax
JavaScript的Ajax(Asynchronous JavaScript and XML)是一种在后台与服务器进行异步通信的技术,能够通过JavaScript在不刷新整个页面的情况下向服务器发送请求并获取响应。使用Ajax可以实现以下功能:动态更新页面内容:通过向服务器发送异步请求,可以在不刷新整个页面的情况下更新特定部分的内容。这可以提高用户体验并减少数据传输量。异步加载数据:通过Ajax,可以在页面加载时异步加载数据,而不是等待整个页面加载完成。这样可以加快页面加载速度,并提高用户体验。原创 2024-02-08 09:54:56 · 1793 阅读 · 0 评论 -
javaScript之ES6
let和const。使用let// let 可以在同一作用域内多次声明同一个变量,但不能在同一作用域内的同一块级作用域重复声明let x = 1;// 声明并初始化变量x// 输出: 1let x = 2;// 如果在同一块级作用域再次声明,会报错(SyntaxError)// 此时浏览器控制台不会输出任何内容,因为上面的语句会导致错误并停止执行// 不同的作用域可以声明相同的变量名let x = 3;// 输出: 3使用const。原创 2024-02-08 00:15:00 · 724 阅读 · 0 评论 -
javaScript之正则表达式
正则表达式是用来匹配和处理字符串的一种工具,JavaScript中的正则表达式是由一个模式和一些可选的标志组成的。模式可以是任意的字符组合,标志用来指定匹配规则的详细行为。在JavaScript中,可以使用内置的RegExp对象创建一个正则表达式。正则表达式的模式可以包含普通字符、特殊字符和元字符。普通字符就是字母、数字和标点符号,它们会直接匹配输入的字符。例如,正则表达式/cat/将匹配输入字符串中的"cat"字符串。特殊字符有一些特殊的含义,需要用反斜杠(\)进行转义。原创 2024-02-07 17:25:32 · 599 阅读 · 0 评论 -
JavaScript之DOM第八天
JavaScript DOM(Document Object Model,文档对象模型)是一种用于操作HTML和XML文档的API(Application Programming Interface,应用程序编程接口)。它定义了HTML和XML文档的结构,并提供了一组方法和属性,让开发者可以通过JavaScript对文档中的元素进行访问、操作和修改。DOM提供了许多方法来查找和访问元素,比如getElementById、getElementsByTagName和getElementsByClassName等原创 2024-02-07 16:58:58 · 878 阅读 · 0 评论 -
javaScript的BOM第七天
BOM (Browser Object Model) 是指浏览器对象模型,它提供了与浏览器窗口进行交互的对象和方法。BOM 是 JavaScript 的一个扩展,它与 DOM (Document Object Model) 相互配合,使JavaScript能够操作浏览器窗口。BOM 提供了一系列对象,其中一些常用的对象包括:window对象: window 是BOM的顶层对象,它表示浏览器窗口或框架。Window对象提供了许多方法和属性,用于操作浏览器窗口和处理用户行为。原创 2024-02-07 11:41:23 · 584 阅读 · 0 评论 -
JavaScript第五天数组
JavaScript中的对象和数组都是数据类型,用于存储和组织数据。对象是一种复杂的数据类型,可以存储多个键值对。每个键值对由一个键(属性名)和一个值(属性值)组成。可以通过键来访问对象中的值。对象的属性可以是字符串、数字、布尔值、函数或其他对象。对象的属性是无序的,可以动态地添加、修改和删除。数组是一种有序的数据类型,可以存储多个值。每个值都有一个索引,可以通过索引来访问数组中的值。数组可以包含任意类型的值,包括字符串、数字、布尔值、函数、对象和其他数组。原创 2024-02-07 10:45:23 · 560 阅读 · 0 评论 -
JavaScript第四天函数
在JavaScript中,函数是一段可重复执行的代码块,通过给函数提供参数,我们可以在需要的时候调用函数并传入不同的数据。函数可以执行特定的任务,并且可以返回一个值。函数在JavaScript中非常重要,几乎所有的程序都是由多个函数组成的。函数可以被定义为全局函数(在整个脚本中都可访问)或局部函数(只能在特定的代码块中访问)。函数的调用会执行函数体中的代码,并且可以通过return语句返回一个值。原创 2024-02-07 01:30:00 · 1924 阅读 · 0 评论 -
JavaScript的循环第三天
在JavaScript中,有多种循环语句可供使用,包括for循环、while循环和do...while循环。原创 2024-02-06 17:32:30 · 695 阅读 · 0 评论 -
javaScrit之运算符第二天
JavaScript 中的运算符用于执行各种数学和逻辑运算。原创 2024-02-06 17:04:52 · 666 阅读 · 0 评论 -
前端之“JavaScript:前端开发的核心语言及其在网页交互与动态功能实现中的关键作用“第一天
javaScript 数据类型 null原创 2024-02-06 16:28:29 · 1167 阅读 · 0 评论 -
前端--移动端之第八天
移动端前端开发主要**针对的是运行在智能手机和平板电脑等移动设备上的Web应用程序和轻量级App**。以下是一些移动端前端开发的关键点:1. **响应式设计**:这是确保网站能够适配不同屏幕尺寸和分辨率的技术,使得网页能够在各种设备上提供良好的用户体验。2. **触摸事件处理**:由于移动设备的交互方式以触摸为主,因此移动端前端开发需要对触摸事件(如点击、滑动、缩放)进行优化处理。3. **性能优化**:考虑到移动设备相较于PC有更受限的硬件资源,性能优化尤为重要。原创 2024-02-04 20:25:01 · 721 阅读 · 0 评论 -
前端基础-HTML5CSS3提高第七天
H5C3是一个结合了HTML5和CSS3技术的编程语言和框架。HTML5是最新的HTML标准,它引入了许多新的元素和属性,使得网页可以更加丰富和交互性。而CSS3是最新的CSS标准,它引入了许多新的样式和布局特性,使得网页可以更加美观和灵活。H5C3就是将HTML5和CSS3结合在一起,提供了更加强大和丰富的功能和特性。它提供了一些新增的标签和属性,使得开发者可以更加方便地创建网页上的元素和布局。同时,H5C3还提供了一些新增的样式和动画效果,使得网页可以更加美观和吸引人。原创 2024-02-04 17:58:59 · 618 阅读 · 0 评论 -
前端之css第三天
CSS的盒子模型是用来描述HTML元素在页面中的布局和排列方式的一种模型。每个HTML元素都可以被看作是一个矩形的盒子,这个盒子由四个可调整大小的部分组成:内容区域、内边距区域、边框区域和外边距区域。内容区域(content area):此区域存放元素的实际内容,例如文本、图像或其他嵌套元素。内边距区域(padding area):此区域是位于内容区域之外的空白区域,可以用于添加元素的内边距(padding)以增加内容与边框之间的距离。原创 2024-02-03 22:30:54 · 1122 阅读 · 1 评论 -
前端css第一天
CSS(层叠样式表,Cascading Style Sheets)是一种用于描述网页内容在页面上的展示样式的语言,它与HTML(超文本标记语言)一同用于构建和设计网页。CSS可以控制页面元素的外观、布局和样式,如文字颜色、字体、大小、背景、边框、间距等。CSS的工作方式是通过将样式规则应用于HTML元素来改变其外观。样式规则是由选择器和声明组成的。选择器选择要应用样式的元素,声明包含要应用的样式属性和值。原创 2024-02-03 19:58:53 · 982 阅读 · 0 评论 -
前端之选择器
* 文本颜色设为红色 *//*将段落字体大小设置为12像素,这可以调整页面内容的可读性,并控制整体布局和设计的一致性。*/原创 2024-02-03 18:33:48 · 708 阅读 · 1 评论 -
前端之css引入方式
通过CSS,开发人员可以为HTML元素应用各种样式和布局,如颜色、字体、大小、间距、定位等。除了基本的样式属性(如颜色、背景、字体等),CSS还支持布局和定位属性,如边距、定位、浮动等。同时,CSS还可以与JavaScript一起使用,通过动态地修改元素的样式,实现动态的交互效果。总的来说,CSS是一种基于选择器和声明的标记语言,用于定义网页的样式和布局,为网页提供美观和一致的外观。标签中,可以编写CSS样式代码,这样样式规则就会直接应用到页面中的元素上。作为文件扩展名,而内联样式的CSS代码直接写在。原创 2024-02-03 17:09:38 · 210 阅读 · 1 评论 -
前端之标签第二天
HTML 标签原创 2024-02-03 10:46:19 · 776 阅读 · 1 评论 -
前端之标签第一天
随着前端框架的发展,如今也有越来越多基于JavaScript的静态站点生成器(SSG, Static Site Generator),它们可以从Markdown或其他源文件生成静态HTML网页,这些网页同样可以具有复杂的布局和交互特性,但在部署时已经是预渲染好的静态文件。每种列表类型都有其特定的用途和结构。- 在HTML5规范中,``标签被赋予了新的语义,即表示一个不同于普通文本的语音或样式变异,可以用来表示外语短语、专业术语、变量名、想象内容、诗歌引用等内容,或者是具有特殊语境下的文字。原创 2024-02-03 09:51:18 · 1673 阅读 · 1 评论