前端
文章平均质量分 85
前端
初学小白Lu
这个作者很懒,什么都没留下…
展开
-
JavaScript读取json文件
JavaScript 对象与 JSON 对象的区别:在 JavaScript 中,对象的属性名称可以用单引号 ‘’ 或双引号 “” 括起来,也可以完全省略引号。但是,在 JSON 中,所有属性名称都必须用双引号括起来。使用JavaScript函数JSON.parse() 将文本转换成JavaScript对象。来将 json对象转化为json字符串。在Vue.js中首选将json文件引入。原创 2024-02-06 14:15:36 · 661 阅读 · 0 评论 -
npm命令
安装包的信息可保持到项目的package.json文件中,以便后续的其它的项目开发或者他人合作使用,也说package.json在项目中是必不可少的。输入命令npm install gulp -ES,留意package.json 文件的 dependencies 字段,以看出版本号中的^消失了。用来安装模块到当前node_modules目录。输出 node_modules的路径。查看全局安装的模块及依赖。如卸载开发版本的模块。原创 2024-02-05 14:04:01 · 950 阅读 · 0 评论 -
开源Vue UI框架
Naive UI 是一个基于 Vue 3 的现代化的、模块化的 UI 组件库,其包含了丰富的基础组件(如按钮、输入框、下拉菜单等)以及高级组件(如树形控件、表格、文件上传等),涵盖了开发 Web 应用所需的大部分场景,帮助开发者快速构建出美观且具有良好用户体验的 Web 应用。它包含了一系列常用的组件,如按钮、表格、弹窗等。Element UI是一套为开发者、设计师和产品经理准备的基于Vue 2.0的组件库,提供了丰富的组件和实用的工具,可以帮助您更快速地构建Web应用程序。原创 2024-02-04 15:46:43 · 1192 阅读 · 0 评论 -
vue绘制语音波形图---wavesurfer.js
通过XMLHttpRequest对象向后端发出请求,获取音频数据的blob流。然后通过WaveSurfer.create()方法创建一个wavesurfer实例,传入一个容器元素和一些配置选项。最后调用loadBlob()方法将blob数据传递给wavesurfer进行处理。这样就可以在前端使用wavesurfer.js处理后端传递过来的音频数据了。封装websocket。原创 2024-02-04 15:45:22 · 1722 阅读 · 0 评论 -
videojs和videojs-markers
video.js是一款基于HTML5的网络视频播放器。它支持HTML5和Flash视频,以及YouTube和Vimeo(通过插件),Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。支持在桌面和移动设备上播放视频。使用:包括jquery.min.js, video-js.css and video.js。原创 2023-10-17 16:04:45 · 446 阅读 · 0 评论 -
JavaScript
JavaScript 是脚本语言,是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。原创 2023-09-22 14:52:24 · 204 阅读 · 0 评论 -
AJAX学习
文章目录创建 XMLHttpRequest 对象向服务器发送请求XMLHttpRequest.open()XMLHttpRequest.send()GET或POST服务器响应XMLHttpRequest 的属性XMLHttpRequest.readyStateXMLHttpRequest.onreadystatechangeXMLHttpRequest.responseXMLHttpRequest.responseTypeXMLHttpRequest.responseTextXMLHttpRequest.r原创 2023-09-22 11:29:57 · 474 阅读 · 0 评论 -
html播放视频
video播放相关的API:video.duration:整个媒体文件的播放时长,单位svideo.paused :如果媒体文件被暂停,则返回true;如果还没开始播放,默认返回truevideo.ended :如果媒体文件播放完毕,则返回truevideo.currentTime:以s为单位返回从开始播放到现在所用的时间。在播放过程中,设置currentTime来进行搜索,并定位到媒体文件的特定位置。原创 2023-09-22 09:33:11 · 4298 阅读 · 0 评论 -
ECharts
ECharts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。ECharts 遵循 Apache-2.0 开源协议,免费商用。原创 2023-09-14 10:27:23 · 431 阅读 · 0 评论 -
Vue学习
是渐进式JavaScript框架,广泛使用的前端开发框架。广泛使用的前端开发框架:PC端网页、移动端H5站点、小程序、App(安卓、IOS)用于开发单页面应用:只有一个HTML页面(Single Page web Application,SPA),使用JavaScript动态切换HTML内容,不需要通过刷新重新加载页面。组件化开发方式:把一个页面按照模块拆分成N个小块。什么是组件:按模块划分的前端代码片段,可复用的前端代码片段,容易维护的前端代码片段生态丰富、学习成本低用户体验更好。原创 2023-09-13 11:21:04 · 137 阅读 · 0 评论 -
HTML5-4-表单
HTML 表单用于收集用户的输入信息,表示文档中的一个区域,此区域包含交互控件,将用户收集到的信息发送到 Web 服务器。表单是一个包含表单元素的区域。等等。我们可以使用标签来创建表单:</原创 2023-09-05 15:03:55 · 834 阅读 · 0 评论 -
HTML5-3-表格
HTML 表格由 <table> 标签来定义。</</</</</</</数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。这3个标签。将表格划分为3部分:表头、表身、表脚。</</</</</</</</</</</</</</表脚往往用于统计数据。此外,thead、tbody和tfoot标签除了可以使代码更具有语义,还有另外一个重要作用 :方便分块来控制表格的CSS样式。原创 2023-09-05 14:42:31 · 997 阅读 · 0 评论 -
HTML5-2-链接
HTML使用标签 <a>来设置超文本链接。超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。原创 2023-08-27 23:23:12 · 718 阅读 · 0 评论 -
HTML5-1-标签及属性
HTML(HyperText Markup Language,超文本标记语言)是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言。HTML5 是下一代 HTML 标准。HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。原创 2023-08-26 23:25:32 · 1117 阅读 · 0 评论 -
html 超链接之锚点
文章目录不跨页锚点跨页锚点添加css样式链接到的页面在新打开的页面显示锚点就是定位器不跨页锚点<a herf="#one">点我跳转第一章 </a>跨页锚点<a herf="要跳转的页面名称.html#one">点我跳转第一章 </a>添加css样式设置字体颜色为黑色去掉点击链接以后的下划线设置字体大小为xx-large<a href="#" id="test">超链接</a> <style&g原创 2021-12-21 21:51:44 · 5604 阅读 · 0 评论 -
html5表格标签<table>
一个简单的 HTML 表格包括 table 元素,一个或多个 tr、th 以及 td 元素。tr 元素定义表格行th 元素定义表头td 元素定义表格单元更复杂的 HTML 表格也可能包含 caption, col, colgroup, thead, tfoot, tbody 等元素。<table border="1"> <tr> <th>月份</th> <th>存款</th> </tr>原创 2021-01-26 20:48:35 · 243 阅读 · 0 评论