Web
文章平均质量分 50
Web前端学习
缘如风
这个作者很懒,什么都没留下…
展开
-
SVG JavaScript操作库
SVG JavaScript操作库原创 2024-09-11 17:42:34 · 266 阅读 · 0 评论 -
SVGJS使用
svgjs用于操作 SVG 和动画的轻量级库,简单应用原创 2024-09-11 17:15:25 · 357 阅读 · 0 评论 -
SVGJS操作
svgjs用于操作 SVG 和动画的轻量级库.原创 2024-09-11 17:21:38 · 232 阅读 · 0 评论 -
动态加载CSS文件
动态加载CSS文件原创 2024-03-20 18:59:59 · 502 阅读 · 0 评论 -
Vue3 动态切换组件component
Vue3选项式、组合式两种写法实现component的动态切换原创 2024-03-18 21:55:03 · 793 阅读 · 0 评论 -
JavaScript实用库汇总
JavaScript实用库汇总原创 2024-01-06 13:46:04 · 622 阅读 · 1 评论 -
JavaScript(CSS)动画引擎汇总
汇总记录前端实现动画相关的库原创 2023-10-10 17:07:50 · 516 阅读 · 0 评论 -
CSP内容安全策略简介
CSP内容安全策略简介原创 2022-10-22 11:39:11 · 215 阅读 · 0 评论 -
JavaScript实现的颜色选择器
JavaScript实现的颜色选择器原创 2021-11-20 14:06:45 · 2332 阅读 · 0 评论 -
推荐一个jQuery 表格排序插件-tablesorter
下载网址https://plugins.jquery.com/tablesorter/Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序、提供列样式、ui主题1、例子1https://mottie.github.io/tablesorter/docs/index.html#Examples2、样式设置https://mottie.github.io/tablesor..原创 2021-03-25 10:55:26 · 585 阅读 · 0 评论 -
js实现连续播放音频文件
代码如下 <script type="text/javascript"> let sounds = ["/data/1.wav","/data/2.wav","/data/3.wav"]; let g_curidnex = 0; let g_audio = new Audio; $(function(){ }) function startpaly() ...原创 2020-12-12 20:26:45 · 2055 阅读 · 0 评论 -
html颜色拾取器
1、利用easyui的扩展插件color<input class="easyui-color"> 2、 利用H5的新类型type=color <input type="color" name="color" id="color" onchange="changeColor()"> //选择颜色的标签,type="color" <span id="colorInfo"></span> ...原创 2020-11-21 12:45:29 · 4020 阅读 · 0 评论 -
解决回调函数中this的指向问题
this指向的三种情况1. obj.fun() fun 中的 this->obj ,自动指向.前的对象2. new Fun() Fun 中的 this->正在创建的新对象,new 改变了函数内部的 this 指向,导致 this 指向实例化 new 的对象3. fun() 和匿名函数自调 this 默认->window,函数内部的 this,this 默认是指向 window 的在回调函数中的this可能不是你想要的对象,这时候就要需要绑定。可以利用 bind...原创 2020-07-30 09:20:29 · 1542 阅读 · 0 评论 -
Vue添加和修改样式方法汇总
记录一下添加和修改样式的方法。样式的实现是通过class和style。动态添加修改这两个标签属性即可。直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>利用vue实现样式修改方法汇总</title></head><style> .alternate {原创 2020-07-05 15:17:21 · 2518 阅读 · 0 评论 -
G2实现同一曲线不同颜色显示
G2是蚂蚁金服研发的,一套面向常规统计图表,以数据驱动的高交互可视化图形语法,具有高度的易用性和扩展性。使用 G2,你可以无需关注图表各种繁琐的实现细节,一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。可以查看官网例子以及文档说明。此例子是为实现同一条曲线不同颜色显示。代码实现如下<html> <head> ...原创 2020-03-09 09:58:54 · 5174 阅读 · 0 评论 -
ECharts实现曲线分段不同颜色显示
实现曲线不同线段的不同样色。如下图采用的visualMap实现的。具体代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> ...原创 2020-02-25 16:29:49 · 4399 阅读 · 1 评论 -
前端UI框架汇总
本文整理了一些比较流行的前端UI框架,排名不分先后,仅供参考。可按照项目需求自行考虑。1、bootstrapBootstrap 是Twitter推出的一个用于前端开发的,一个用于 HTML、CSS 和 JS 开发的开源工具包,是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。官网:https://v4.bootcss.com/文档:https://v4....原创 2020-02-17 15:50:28 · 66414 阅读 · 5 评论 -
ECharts实现动态切换主题样式
ECharts是百度开源的一个JS数据可视化库。通过颜色主题可以轻松实现不同颜色样式的修改,也可以通过调色盘、直接样式设置、高亮样式等方法实现。ECharts4 开始,除了一贯的默认主题外,新内置了两套主题,分别为'light'和'dark'。使用方法如下:var chart = echarts.init(dom, 'light');主题可以在主题编辑器里面找到,也可以自己定义...原创 2020-02-13 16:43:58 · 9966 阅读 · 0 评论 -
HTML table表头固定
实现表格表头的固定,采用纯css的方式具体如下<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>HTML table表头固定</title><styl...转载 2020-01-02 10:52:05 · 5765 阅读 · 0 评论 -
2018年最佳JavaScript数据可视化和图表库
本文属于转载文章,如有侵权请通知。地址:https://zcfy.cc/article/the-best-javascript-data-visualization-charting-libraries-2018原文链接:www.codewall.co.uk现在有很多图表库,但哪一个最好用?这可能取决于许多因素,如业务需求,数据类型,图表本身的目的等等。在本文中,每个JavaS...转载 2018-11-01 08:55:11 · 8048 阅读 · 3 评论