开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

3个顶级开源JavaScript图表库【Programming（JavaScript）】

图表对于数据的可视化和网站的吸引力非常重要。可视化演示使得分析大块数据和传达信息变得更加容易。图表库使您能够以一种令人惊叹的、易于理解的和交互式的方式可视化数据，并改进您的网站设计。

00

picker-extend 移动端级联选择插件

picker-extend.js

01

您找到你想要的搜索结果了吗？

是的

没有找到

JavaScript之DOM

一、什么是DOM？ DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 DOM（Document Object Model）是一套

05

9个工作日常中非常实用的CSS技巧，一定要进来瞧瞧

英文 | https://medium.muz.li/9-useful-css-tricks-that-you-should-know-39dd79f09d37

03

创建一个具有背景轮播和3D卡片翻转效果的个人名片网页

在本篇博客中，我们将学习如何创建一个具有多个功能的个人名片网页。这个项目包括背景轮播效果和3D卡片翻转效果，适合前端开发初学者。

01

使用JavaScript和D3.js实现数据可视化

D3.js是一个JavaScript库。它的全称是Data-Driven Documents（数据驱动文档），并且它被称为一个互动和动态的数据可视化库网络。2011年2月首次发布，在撰写本文时，最新的稳定版本是4.4版本，并且不断更新。D3利用可缩放矢量图形或SVG格式，允许您渲染可放大或缩小的形状，线条和填充，而不会降低质量。本教程将指导您使用JavaScript D3库创建条形图。

03

04.HTML区块/布局/表单/框架/颜色/颜色名/颜色值

04.HTML区块/布局/表单/ 框架/颜色/颜色名/颜色值 HTML

和 ---- HTML 可以通过

和将元素组合起来。 ---- HTML 区块元素大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始（和结束）。实例:

,
,
, ---- HTML 内联元素内联元素在显示时通常不会以新行开始。实例: ,
, , ---- HTML
05
D3库实践笔记之图表交互 |可视化系列36
对于前端可视化库来说，交互效果是其基本功能，需要有优雅的效果和简洁的API才能出彩，而如果一个前端可视化工具只能生成静态图表，绝对会显得格格不入，因为在前端拥有交互功能并不复杂。与图表的交互，是指图表元素能根据用户的键盘鼠标操作做出相应的反应，例如悬停高亮、缩放、漫游、拖动节点、点击涟漪效果等等。
00
【详细教程】HTML、CSS 和 JS 实现一个任务管理工具-ToDoList
首先我们建立 HTML 的基本结构，定义 HTML 文档的类型、语言、头部信息以及页面内容。
05
Hexo相关
把下载好的Js文件放在theme/Butterfly/source/js文件夹下 /Butterfly/layout/includes文件夹下找到head.pug文件，在最后引入
02
HTML基础
HTML基础 ---- HTML基本知识与结构 HTML常见标签标签写法与嵌套的讨论 HTML、CSS、javascript三者的关系 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的
04
如何轻松自定义WordPress登录页面
Ø版本的WordPress的多年发展中，默认的登录屏幕设计没有改变，仍然是简单和干净是在不同屏幕尺寸的作品。但是，在为特定客户（特别是公司）构建网站时，如果您可以更改登录屏幕的颜色方案以及与网站主题相匹配的徽标，那会很好看，对吗？
02
如何使用 JavaScript 制作待办事项列表
在本文中，您将学习如何使用 JavaScript 创建待办事项列表。Todo List JavaScript 是一个不错的项目，可以帮助初学者增加对 JavaScript 的了解。
05
《使用D3设计交互式图表》简读笔记|可视化系列31
本文是《数据可视化实战：使用D3设计交互式图表》[1]的简要版读书笔记，通过约4000字概览如何用D3做可视化、实践从数据到图形的过程。D3是一个根据数据操纵文档的JavaScript库[2]，其全称Data-Driven Documents强调了这一点。D3的功能不止于做可视化，Documents代表可以在浏览器中展现的一切，包括HTML、SVG，根据数据操纵DOM(Document Object Model)可实现非常多的效果，但通常大家通常用D3来将数据映射为可视图形。
02
「数据可视化库王者」D3.js 极速上手到Vue应用
D3近年来一直是 JavaScript最重要的数据可视化库之一，在创建者 MikeBostock的维护下，前景依然无量，至少现在没有能打的:
01
描述 HTML、CSS、DOM、JavaScript分别表示的含义
学会 HTML 对写博客非常有帮助，比如这篇作业就是使用 markdown 编写的，在markdown中可以内嵌HTML标签，来让自己的文章更好看。例如下面我就使用了标签来处理了部分文字。
00
jQuery选择器大全(48个代码片段+21幅图演示)1
选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。一、基本选择器 1. id选择器（指定id元素）将id="one"的元素背景色设置为黑色。（id选择器返单个元素） $(document).ready(function () {
07
jQuery选择器大全(48个代码片段+21幅图演示)
选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。一、基本选择器 1. id选择器（指定id元素）将id="one"的元素背景色设置为黑色。（id选择器返单个元素） $(document).ready(function () {
08
jQuery选择器大全
选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。
01
【D3.js - v5.x】（2）绘图 | 比例尺 | 坐标轴 | 柱状图 | 过渡
SVG，指可缩放矢量图形（Scalable Vector Graphics），是用于描述二维矢量图形的一种图形格式，是由万维网联盟制定的开放标准。 SVG 使用 XML 格式来定义图形，除了 IE8 之前的版本外，绝大部分浏览器都支持 SVG，可将 SVG 文本直接嵌入 HTML 中显示。
02
D3入门篇 01 | 选择集及数据处理
文章目录选择器选择元素选择集属性选择集操作数据绑定数据处理数组映射统计选择器选择元素函数返回值 select() 匹配的第一个元素 selectAll() 匹配的所有元素 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>D3</title> <link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css
02
使用 HTML、CSS、JavaScript 创建一个简单的井字游戏
使用 javascript 创建游戏是最有趣的学习方式。它会让你保持动力，这对于学习 Web 开发等复杂技能至关重要。此外，你可以和你的朋友一起玩，或者只是向他们展示你做的小东西，他们也会感到很有趣的。在今天的博文中，我们将使用 HTML、CSS 和 Javascript 创建一个井字游戏。
02
【Java 进阶篇】JavaScript DOM Document对象详解
在前端开发中，DOM（文档对象模型）扮演着重要的角色。它允许我们使用JavaScript来与网页文档进行交互，实现动态的网页效果。DOM的核心部分之一就是Document对象，它代表了整个HTML文档。在本篇博客中，我们将深入探讨Document对象，包括它的属性、方法以及如何使用它来操纵网页内容。
02
仅使用HTML和CSS的亮暗模式按钮切换
我的目标之一是使每个工具都可以不使用javascript，以一定程度上简化代码，同时也是个挑战。
02
前端基础-事件
onclick 其实就是html元素的一个属性，而属性的值需要是一段可执行的JS代码
01
前端小白也能快速学会的博客园博客美化全攻略[附源码]
官方介绍：博客皮肤模板 http://skintemplate.cnblogs.com/
04
分享一篇关于如何使用BootstrapVue的入门指南
BootstrapVue是一个流行的开源前端框架，它结合了Bootstrap（一个前端UI框架）和vue.js（一个渐进式JavaScript框架），用于创建可重用的UI组件和Web应用程序。
03
「数据可视化库王者」D3.js 极速上手到Vue应用
D3近年来一直是 JavaScript最重要的数据可视化库之一，在创建者 MikeBostock的维护下，前景依然无量，至少现在没有能打的:
03
JavaScript图表的数据可视化:比较D3和Kendo UI
D3和Kendo UI只是在web应用程序中创建图表的两种方式，选项范围从简单地在屏幕上绘制图形到使用复杂的图表组件。D3和Kendo UI都很受欢迎，两者都能完成工作。然而，相似之处到此为止，这两种方法代表了非常不同的方法，具有非常不同的特性。
03
weex-09-组件text的用法
1.怎么给text 组件赋值 2.怎么设置组件的背景颜色和字体颜色 3.怎么给设置组建的边框颜色,宽度,样式 4.怎么设置文字斜体加粗下划线等 5.怎么给文字背景设置圆角 6.怎么设置文本显示的行数 7.设置文字的对齐方式:居中左对齐右对齐 8.设置文字的溢出隐藏 9.如何让文字放在最中间 10.设置文字的透明度 11.字体大小设置 12.动态的给文字设置内容 13.超过指定长度隐藏文字
02
❤️使用 HTML、CSS 和 JS 创建响应式可过滤的游戏+工具展示页面 ❤️
可过滤作品集是一种流行的网络元素，可用于各种网站。它是一种作品画廊，大量作品整齐地排列在一起。值得注意的一点是，所有作品都可以在这里按类别排序。有一个导航栏，其中对所有类别进行了排序。单击这些类别中的任何一个时。然后可以看到该类别中的所有作品，而隐藏其余作品。结果，用户可以轻松地找到他选择的图像。
02
Web-第四天 jQuery学习
jQuery是一个JavaScript框架。它兼容CSS3，还兼容各种浏览器。文档说明很全，应用详细，成熟插件多。
04
9 个你不知道的 CSS 伪元素
英文 | https://javascript.plainenglish.io/9-css-pseudo-elements-you-didnt-know-about-bb0faa395986
03
HTML节点操作
HTML节点的基本操作，添加节点，替换节点，删除节点，绑定事件，访问子节点，访问父节点，访问兄弟节点。文档对象模型Document Object Model，简称DOM，是W3C组织推荐的处理可扩展标记语言XML的标准编程接口，是一种与平台和语言无关的应用程序接口API。根据W3C的HTML DOM标准，HTML文档中的所有内容都是节点：整个文档是一个文档节点，每个HTML元素是元素节点，HTML元素内的文本是文本节点，每个HTML属性是属性节点，注释是注释节点。HTML DOM将HTML文档视作树结构。这种结构被称为节点树：HTML DOM Tree实例。
04
前端入门学习--HTML
写在前面。前端知识真的还是比较有用的。一直要把前端的学习提上日程，因为各种事情各种拖延，写爬虫的时候也是捎带学习前端的东西，还是需要系统的了解下。 All from W3school.
04
绘制旭日图：sunburstR
旭日图是饼图的一种扩展，每一层都展示一组分类的比例。sunburstR可绘制交互式旭日图
02
使用Online3DViewer在页面显示3D模型 - 嵌套模式
引入JS库下载依赖引入three.min.js o3dv.min.js 嵌入3D视图方法1. 使用助手函数此方法会自动将class为online_3d_viewer的元素初始化为3D视图 <script type='text/javascript'> // 监听window.load事件，初始化所有class="online_3d_viewer"的元素 OV.Init3DViewerElements (); </script> <div class="online_3d_viewer"
01
Quill 富文本编辑器简介
Quill 是一个免费的，开源的 WYSIWYG （What You See Is What You Get）编辑器，专为现代网络而打造。凭借其模块化架构和富有表现力的 API，你可完全自定义以满足任何需求。
02
基于HTML旅游网站项目的设计与实现——联途旅游网服务平台网站HTML模板HTML+CSS+JavaScript
👨‍🎓学生HTML静态网页基础水平制作👩‍🎓，页面排版干净简洁。使用HTML+CSS页面布局设计,web大学生网页设计作业源码，这是一个不错的旅游网页制作，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用, 这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 💝 【作者主页——🔥获取更多优质源码】 💝 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】 @TOC
一、网站题目👨‍🎓 🚀 旅游景点介绍、旅游风景
03
BootStrap
iconfont的使用：https://www.cnblogs.com/changxin7/p/11479216.html
03
css属性及定位操作
font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。浏览器会使用它可识别的第一个值。
05
vue1
v-on:事件="变量" 、 @事件="变量" 、@事件="变量()" 、 @事件="变量($event, ...)"
03
前端富文本基础及实现
在日常生活中我们会经常接触到各种各样的文档格式和形式，其中富文本在文档格式中扮演了重要角色。对于前端而言，富文本产品也层出不穷，其应用也越来越广。
05
前端-组件、Prop 和 State
如果你还记得我们在前面文章中所讨论过的，组件的概念是 React 的三大支柱之一。使用 React 开发应用基本都是在使用组件。
03
在React应用程序中用RegEx测试密码强度
尽管一些组织认为应该由用户选择健壮的用户名和密码来保护自己，但是开发人员可以通过将规则包含在程序的设计中来帮助进行良好的密码选择。例如，开发人员可以通过加入进度条、百分比或颜色，来帮助用户在输入密码时规定密码的质量。
03
HTML学习笔记一
如上就是最简单的HTML文档内容，< html> 标签之间描述的代码内容就是描述网页（文档内容），< body>标签之间的文本代表可见的网页文档内容，< h1>代表一级标题，< p>代表一个内容段落
01
【前端就业课第二阶段】CSS 零基础到实战（03）前端 CSS 动效 transition transform
在网页中，常规的静态页面感觉过于单调，此时可以使用动态效果为其页面增加效果，丰富网页表现，在此咱们需要使用 transition 属性。
02
新的一年，建议尝试下这7个JavaScript 库
Video.js 是一个基于 HTML5 的视频播放器库。它支持大多数流行的视频格式，并且可以在多个平台和浏览器上使用。
03
python小白爬取某东bra数据分析
最近用python爬取了某东上的x款bra的用户评论,然后进行了size、color分析,直接上图:
03
D3数据连接之“进入”
顾名思义，数据连接肯定是将数据和某些东西连接起来。这些东西是网页上的一个或一组——<rect>、<circle>、
等所有值得怀疑的常见元素。具体一点，就是这些常见元素的一个D3选择集。
02
扫码
添加站长进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
轻松实现响应式——CSS变量
通过 CSS自定义属性和 JavaScript 实现
JavaScript图表的数据可视化：比较D3和Kendo UI
html5 postMessage解决跨域、跨窗口消息传递
你真的了解React吗？这里有50个React面试问题
热门标签
更多标签
活动推荐
运营活动
广告关闭
社区
专栏文章
阅读清单
互动问答
技术沙龙
技术视频
团队主页
腾讯云TI平台
活动
自媒体同步曝光计划
邀请作者入驻
自荐上首页
技术竞赛
资源
技术周刊
社区标签
开发者手册
开发者实验室
关于
社区规范
免责声明
联系我们
友情链接
腾讯云开发者
扫码关注腾讯云开发者
领取腾讯云代金券
热门产品
域名注册
云服务器
区块链服务
消息队列
网络加速
云数据库
域名解析
云存储
视频直播
热门推荐
人脸识别
腾讯会议
企业云
CDN加速
视频通话
图像分析
MySQL 数据库
SSL 证书
语音识别
更多推荐
数据安全
负载均衡
短信
文字识别
云点播
商标注册
小程序开发
网站监控
数据迁移
Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569
腾讯云计算（北京）有限责任公司京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
领券