工具类 方便操作对象，数组等的工具库 underscore.js lo-dash 与underscore.js的api基本一致。...选取的图片都加载好后执行回调 浏览图片 fancybox 弹出查看图片，视屏等等 demo yoxview 弹出查看图片，图片尺寸缩放很自然 图片墙 wookmark UI组件类 数据可视化(图表...Plottable.JS 基于D3的一个图表库 flot 文档不给力 chartJs 中文文档 demo很漂亮，很清晰。比较轻量级。 ichartJs 中国的一个家伙搞的，感觉还不错。...自定义滚动条 perfect scrollbar 轻量级的滚动条。外观与mac上chrome的滚动条一样。...simple-hint 提示信息。用css做的。兼容性IE 9+。
** 最新内容请查看这里** 工具库 javascript底层工具库underscore.js 时间操作库moment 发布订阅 Arbiter.js ---- 以下均依赖jquery 幻灯...390$ * 6 = 2400左右 flot 文档不给力 chartJs 中文文档 demo很漂亮，很清晰。比较轻量级。 ichartJs 中国的一个家伙搞的，感觉还不错。...scriptcam 抓取，解析RSS内容（不能跨域，所以后台要做代理，所谓的解析Rss其实就是解析xml） jFeed jRss 简单版的jFeed 其他 nouislider 用滚动条来设置
参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/display 内容溢出 盒子放不下时内容就会超出盒子。...隐藏的部分不会被看到 scroll:内容会被修剪，浏览器会显示滚动条以便查看其余内容。...始终提示滚动条，效果不好 auto：浏览器决定 如果内容溢出，提供相应的滚动条；没有溢出不做任何处理 overflow-x属性 水平方向上的溢出 visible: 默认值。...scroll: 内容会被修剪，浏览器会显示滚动条以便查看其余内容。 auto: 由浏览器决定，如果内容被修剪，就会显示滚动条。 overflow-y相似。...text-overflow text-overflow属性确定如何向用户发出未显示的溢出内容信号。它可以被剪切，显示一个省略号(…)或显示一个自定义字符串。
react-overlays boron react-modal2 react-modal react-skylight rodal react-modal-box react-aria-modal 提示框...轮播 react-slick react-swipe Charts react-chartist d3-react-squared react-d3-components recharts react-chartjs...react-google-charts Tree react-treeview react-ui-tree react-treebeard UI Navigation react-scroll react-swipe-views 滚动条...react-uikit-components searchkit rebass react-foundation-apps grommet Mobile onsenui reactionic touchstonejs 代码设计 数据管理等...redux-test-recorder legit-tests unexpected-react chai-enzyme react-unit enzyme redux-ava carte-blanche 开发工具
当数据改变, 如果数据在数据集中改变, 它将调用update(); 如果添加了新的数据集, 它将调用renderChart(). reactiveData 创建一个本地的chartData变量, 不是props...使用API获取数据是一种常见模式....所以你图表在你数据到达前安装. 防止这个问题, 一个 v-if 即可. 创建你的图表组件通过一个数据参数和一个配置参数, 所以我们可以从一个容器组件中传递我们的数据和配置....CustomLine = generateChart('custom-line', 'LineWithLine') 实例方法 实例方法可以在你图表组件内部使用. generateLegend() 用来生成HTML说明的工具函数...如果你需要添加内联插件, vue-chartjs 暴露出来了一个工具方法 addPlugin() 你可以在renderChart()方法前调用addPlugin().
判断滚动条到底部，需要用到DOM的三个属性值，使用jQuery分别是： $('body').scrollTop()为滚动条在Y轴上的滚动距离。...$('body').height()为内容可视区域的高度加上溢出（滚动）的距离。...).bind('scroll',isScrollBottom); 如果没有返回数据，提示‘没有更多商品’。...scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。...； 2.每次加载数据渲染完后，必须再次绑定监听事件； 3.判断触发条件使用一个小的范围。
但缺点也很明显，在 APP 上只能是通过 webview，会频繁的白屏及重绘（看滚动条位置就能看出来，保存不住上几个页面的页面状态），更搞笑的是没做离线化，弱网络打开 APP 会卡在 launch 页，...在研究了该库的 example https://github.com/google/chartjs.dart/ （google 组织下，也是很有保证的）后发现了一个官方使用的 codegen 生成 chartjs.dart...类的工具。
：vue中的Chartjs的封装 vue-datepicker：日历和日期选择组件 markcook：好看的markdown编辑器 vue-google-maps：带有双向数据绑定Google地图组件...bootstrap样式网格 vue-virtual-scroller：带任意数目数据的顺畅的滚动 DataVisualization：数据可视化 vue-quill-editor：基于Quill适用于...Vue.js的HTML5视频播放器 vue-toast-mobile：VueJS的toast插件 vue-image-crop-upload：vue图片剪裁上传组件 vue-tooltip：带绑定信息提示的提示工具...vue-chartjs – vue中的Chartjs的封装 vue-charts – 轻松渲染一个图表 vue-chart – 强大的高速的vue图表解析 vue-highcharts – HighCharts...vue-toast-mobile – VueJS的toast插件 vue-msgbox – vuejs的消息框 vue-tooltip – 带绑定信息提示的提示工具 vue-verify-pop
/ Data Grids Vue Tables-2 地址：https://github.com/matfish2/vue-tables-2 Vue Tables 2 旨在为开发者提供一个功能齐全的工具集...Handsontable 是一个 JavaScript 组件，它将数据网格功能与电子表格的用户体验相结合。此外，它还提供数据绑定、数据验证、过滤、排序和 CRUD 操作。...行多选 Notification Vue Toastification 地址：https://github.com/Maronato/vue-toastification 它提供轻巧、简单和漂亮的吐司提示...Vue Chartjs 地址：https://github.com/apertureless/vue-chartjs vue-chartjs 是一个 Vue 对于 Chart.js 的封装，让用户可以在...vue-chartjs抽象了基本逻辑，同时也暴露了Chart.js对象，让用户获得最大的灵活性。
2012年度最佳 Web 前端开发工具和框架 D3.js ?...ChartJS ? Chart.js 是一个令人印象深刻的 JavaScript 图表库，建立在 HTML5 Canvas 基础上。...它有很强的交互功能，有许多信息提示，可 点击的 legend 关键字，还有 dril-down，缩放/滚动 和单击打印图表功能。 Flot ?...就像 ChartJS。它使用 SVG 渲染图，可以被控制，并通过对 CSS3 媒体查询和 SASS 定制。另外 Chartist.js 提供很酷的动画。 n3-charts ?...提供商业产品常用图表库，底层基于ZRender，创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、和弦图以及力导向布局图
D3.js D3.js 是一个 JavaScript 库，用于基于数据操作文档。...D3 对 Web 标准的强调提供了现代浏览器的全部功能，而无需将自己绑定到专有框架，将强大的可视化组件和数据驱动的 DOM 操作方法相结合。...ChartJS ChartJS 为图表提供了漂亮的平面设计，如果是追求其展现和动画效果的项目，ChartJS 是个不错的选择。...ChartJS 图表默认是响应式的，它们在手机和平板电脑上运行良好，开箱即用。 官网地址：https://www.chartjs.org/ 4....Google Charts Google 图表工具功能强大、易于使用且是免费的。
Vue Tables 2旨在为开发者提供一个功能齐全的工具集，以便用 Vue 创建漂亮而实用的数据表格。数百个商业软件应用正在使用它。...Handsontable 是一个JavaScript组件，它将数据网格功能与电子表格的用户体验相结合。此外，它还提供数据绑定、数据验证、过滤、排序和CRUD操作。...Vue Radial Progress 这是一个径向进度条效果的加载器组件，使用svg和javascript绘制带有渐变径向进度条效果的加载器，可以用作加载、进度提示。...Vue Chartjs 地址：https://github.com/aperturele......代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
★694 - vue中的Chartjs的封装 vue-carbon ★684 - 基于 vue 开发MD风格的移动端 vue-syntax-highlight ★655 - Sublime Text语法高亮...vue-tables-2 ★291 - 显示数据的bootstrap样式网格 VueStar ★270 - 带星星动画的vue点赞按钮 vue-data-tables ★266 - VueJS2数据表格...文本编辑器 vue-typer ★130 - 模拟用户输入选择和删除文本的Vue组件 vue-highcharts ★130 - HighCharts组件 vue-tooltip ★129 - 带绑定信息提示的提示工具...视频播放器 vue-touch-ripple ★95 - vuejs的触摸ripple组件 vue-event-calendar ★91 - 简单小巧的事件日历组件 v-bar ★91 - 虚拟响应跨浏览器滚动条...★29 - Vue Bulma的chartjs组件 vue-lazy-background-images ★29 - 懒加载背景组件的Vue组件 vue-ripple ★29 - 制作谷歌MD风格涟漪效果的
图表是数据图形化的表示，通过形象的图表来展示数据，比如条形图，折线图，饼图等等。可视化图表可以帮助开发者更容易理解复杂的数据，提高生产的效率和 Web 应用和项目的可靠性。...ChartJS Chart.js 是一个令人印象深刻的 JavaScript 图表库，建立在 HTML5 Canvas 基础上。...它有很强的交互功能，有许多信息提示，可 点击的 legend 关键字，还有 dril-down，缩放/滚动 和单击打印图表功能。...就像 ChartJS。它使用 SVG 渲染图，可以被控制，并通过对 CSS3 媒体查询和 SASS 定制。另外 Chartist.js 提供很酷的动画。...提供商业产品常用图表库，底层基于ZRender，创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、和弦图以及力导向布局图
最近体验了一把Jetbrains出品的数据库管理工具DataGrip，发现SQL提示真的很全，写起SQL来特别顺手，各种数据库支持也很全。整理了下其用法和使用技巧，助大家码出更高质量的SQL。...创建数据源 使用DataGrip操作数据库时，我们需要首先创建数据源。 我们可以通过左上角的加号->Data Source->MySQL来创建一个MySQL的数据源； ?...管理表相关操作 我们先来介绍下数据库表相关操作，包括设计表、查看表数据及导出表数据。 连接成功后，在左侧就可以查看数据库中所有的表了； ? 选中表右键->修改表即可查看数据库表的相关信息； ?...打开查询控制台，右键数据库，选择Open Query Console打开编辑器； ? 强大的提示功能，对于SQL语句、数据库中的表和列均有提示； ?...MongoDB支持 DataGrip不仅对关系型数据库有所支持，对非关系型数据库也有所支持，下面简单介绍下如何用它管理MongoDB数据库。
验证码有效期校验（超过有效期无法登录） 1.2.3 注册 表单编辑页面测试； 用户名密码长度； 注册后的提示页面； 前台注册页面和后台的管理页面数据是否一致 注册后，在后台管理系统中的页面提示以及数据库中的用户信息是否正常...yy/mm/dd，实际输入yyyy/mm/dd，程序应该给出错误提示 在测试过程中所用到的测试方法： 1，输入非法数据; 2，输入默认值; 3，输入特殊字符集; 4，输入使缓冲区溢出的数据...，这样有利于用户了解显示信息的位置和百分比，如，word中浏览100页文档，浏览到50页时，滚动条位置应处于中间; b，拖动滚动条，检查屏幕刷新情况，并查看是否有乱码; c，单击滚动条; d...，用滚轮控制滚动条; e，滚动条的上下按钮。...如死机、断电、重启） 逆向：允许内网访问的APP，在连接到外网时是否有友好提示 6、用户体验测试 整体产品或服务的舒适度 7、安全测试 敏感信息是否加密，用抓包工具分析 密码是否过于检查检查 重要数据，
图片 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 ...Vue.js 是我在2014年2月开源的一个前端开发库，通过简洁的 API 提供高效的数据绑定和灵活的组件系统。...主要包含以下几方面的内容： UI组件、开发框架、实用库、服务端、辅助工具、应用实例、Demo示例UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件Vux ★6802 -...bootstrap样式网格vue-virtual-scroller ★158 - 带任意数目数据的顺畅的滚动DataVisualization ★149 - 数据可视化vue-quill-editor ...视频播放器vue-toast-mobile ★68 - VueJS的toast插件vue-image-crop-upload ★67 - vue图片剪裁上传组件vue-tooltip ★66 - 带绑定信息提示的提示工具
Navicat 连接 oracle 数据库需要本地有 oracle 环境。 oracle 客户端太大了，我们只需装个 oracle install client 就好了。...再次连接数据库就直接连接成功了。 ?
document.body.offsetHeight // 网页可见区域(body)的高度，包括border，margin document.body.scrollWidth // 网页正文的宽度，包括有滚动条溢出的宽度...document.body.scrollHeigh // 网页正文的高度，包括有滚动条溢出的高度 滚动条的滚动区域 var top = document.documentElement.scrollTop...+ scrollTop = scrollHeight 客户端高度 + 滚动上去的高度 = 可滚动高度（文档高度） 那么上拉加载的效果， 用户进入网页： 载入首批数据，文档高度（ $('...+ 500 > document.documentElement.scrollHeight ，及用户可滚动剩下500px高度的时候，开始下一次的数据加载 当数据加载的时候，停止滚动条监听，滚动条的触发需要限制...反复如此，当数据加载完毕的时候，比对现有数据条数，与服务端返回的数据总数，如果相等，则加载完毕，那么清除 滚动条监听 那么一个简单的上拉加载数据页面就OK了~ <!
不借助构建工具如何优雅地使用Web Components？...AI能够直接导出图标为symbol标签，而且有许多构建工具也能够为此提供支持，基本没有缺点。 然而DW的天气图标并没有采用上述的两种方式。...给我灵感的，是windows的资源管理器： 天气卡片的主体元素固定在左侧不动，右侧的数据展示根据卡片宽度显示滚动条，实现也非常简单，因为我使用的弹性布局，只要在原来的数据展示区域外边包装一层带有 flex-grow...绘图直接用的浏览器原生js实现，只需要绘制一个折线图，chartjs显然有些大材小用，比较臃肿。...总结 这次写DW，让我学到了许多，之前写前端很少会自己去做图表生成，经常是引用个chartjs或是echarts了事。
领取专属 10元无门槛券
手把手带您无忧上云
