插件
肖肖肖丽珠
学习学习。写博客是为了积累和总结。如果写的有错欢迎大家指正点拨。努力成为技术小牛~~加油
展开
-
echart的markArea遇到的坑啊为什么不是按照我设置的时间来显示的区间呢
可以考虑,可以把这个数据添加到x轴的指定位置。利用我写的这个文章插入这个开始的坐标和结束坐标。参考下面的2个图,首先第一个图的开始结束时间都有数据。第二个图的0210是没有对应的数据的,所以整个区间的显示也错了。我能想到的解决办法要么就是必须保证数据里面再开始结束都有数据。我发现必须保证你这个区间。开始和结束的x轴有数据。...原创 2022-07-20 19:23:38 · 944 阅读 · 0 评论 -
echart 图表y轴不想0.5分割。想用1.
yAxis: [ { type: 'value', minInterval:1,//坐标点分割刻度是1 } ],原创 2022-03-24 11:50:42 · 167 阅读 · 0 评论 -
dygraphs图表插件
官网https://dygraphs.com/一些简单的例子:https://dygraphs.com/tutorial.html#原创 2021-12-22 16:51:33 · 162 阅读 · 0 评论 -
echart仪表盘插件数值是0时安卓手机颜色异常
仪表盘插件用法看这里:echart仪表盘,颜色设成渐变色。不显示仪表指针,环形里面文字控制样式换行左边是安卓手机显示的样子,右边是苹果手机。左边安卓显示异常主要是data里面的value是0.导致的我们可以加个判断data: [{ value:that.grade=="0.00"?"0.01":that.grade, //当值是0时安卓手机显示异常.改成0.01 ...原创 2021-08-17 15:52:05 · 276 阅读 · 0 评论 -
echarts 图表在手机上显示有锯齿
选用 svg 渲染是一个方案,在移动端的内存占用也会更小。或者初始化的时候不要用 canvas,而用一个 div 作为容器,初始化在自动创建 canvas 的时候会根据高分屏优化,会缩放到两倍大小参考官网...原创 2021-05-29 14:46:56 · 1887 阅读 · 0 评论 -
echart仪表盘,颜色设成渐变色。不显示仪表指针,环形里面文字控制样式换行
我想要的效果原创 2021-05-29 14:47:21 · 2698 阅读 · 1 评论 -
使用KaTeX代替MathJax渲染公式
MathJax渲染公式我写过这样的文章。但是在实际使用的过程中发现有时候频繁刷新页面会导致公式加载一半,全部显示$//$这样的情况。加载的速度也很慢。会把公式转变的过程都呈现出来。于是想着换另一种插件KaTeX。官网:https://www.bootcdn.cn/KaTeX/使用方法: <link href="https://cdn.bootcss.com/KaTeX/0.10...原创 2020-04-14 11:07:22 · 1345 阅读 · 0 评论 -
ueditor在引入公式插件kityformula报错Uncaught Error: The load ../../themes/default/dialogbase.css
当我们点击公式插件的符号就会报错如下 然后我们点击后面查看他报错的地方然后发现原来是他的路径写错了。 然后我们把 href: "../../themes/default/dialogbase.css?cache="+Math.random(),改成 href: "../themes/default/dialogbase.css?cache="+Math.random()...原创 2018-12-10 15:14:23 · 2302 阅读 · 0 评论 -
去掉ueditor下面的元素路径。修改层级
去掉如下截图:在百度编辑器 ueditor 根目录下: ueditor.config.js 文件中搜索并将参数elementPathEnabled设置成false即可常用功能开关如下:,elementPathEnabled : false //是否启用元素路径,默认是true显示,wordCount:false //是否开启字数统计,au...原创 2018-12-10 15:00:56 · 3676 阅读 · 0 评论 -
ueditor在引入公式插件kityformula但是发现这个公式不全。没有方程式公式。我们可以自已写个按钮实现功能。使用latex的公式
首先自己在ueditor里面加个按钮参考这篇文章https://blog.csdn.net/qq_33769914/article/details/84791955了解一下latex的公式。http://latex.codecogs.com/eqneditor/integration/htmlequations.php在这个里面试试例子http://latex.codecogs....原创 2018-12-14 17:44:53 · 1507 阅读 · 0 评论 -
vue.js的devtools安装。在chorme中调试vue项目
转载http://www.cnblogs.com/lolDragon/p/6268345.html转载 2018-11-28 16:50:39 · 304 阅读 · 0 评论 -
latex公式左对齐
一般的latex的公式像是方程式这些都是居中对齐的如果我们希望他左对齐。只需要在每行公式的后面写个\hfill 就行啦原创 2018-12-25 11:54:00 · 52398 阅读 · 0 评论 -
ueditor前端配置说明
UEditor 的配置项分为两类:前端配置项和后端配置项后端配置项具体看这个文档L:后端配置项说明本文档介绍如何通过设置前端配置项,定制编辑器的特性,配置方法主要通过修改ueditor.config.js,另外在编辑器实例化的时候也可以传入配置参数var ue = UE.getEditor('container', {toolbars: [['fullscreen...转载 2018-12-04 17:46:45 · 642 阅读 · 0 评论 -
ueditor报错because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIM
再点击图片工具的时候报错如下点开发现是一个image.html的页面但是具体也没有哪里的报错。因此我全局搜索了dialogbase.css这个内容。发现 我想可能是下面的rel的问题,把他隐藏然后好啦。 ...原创 2018-12-10 16:35:21 · 19645 阅读 · 1 评论 -
vue-event-calendar 事件日历组件
在线小例子http://geoffzhu.cn/vue-event-calendar/支持移动端和web端,因为他可以随着屏幕大小一行摆不下事件就跑到下面啦。使用方式安装npminstallvue-event-calendar--save入口 Main.jsimport 'vue-event-calendar/dist/style.css' //1.1....原创 2018-12-29 15:12:49 · 10619 阅读 · 4 评论 -
修改一个插件里面的文字的内容,但是全局都不到那个汉字怎么办?
然后全局搜索了这个插件并没有找到这几个字。最后想到别人可能编码了。没有直接用汉字。公司一个大神说一般插件都采用ASCII码来表示汉字的。所以找到一个中文转译的网站 http://tool.oschina.net/encode?type=3在里面输入二次公式。找到它对应的ASCII码。然后再去全局搜。然后就知道他所在的位置。他把替换成你想改的求根公式的ASCI...原创 2018-12-19 11:03:13 · 263 阅读 · 0 评论 -
latex公式。发现在使用大于等于左右两边都是公式的时候不显示
我想要的效果是这样的】但是最后却没办法显示。看起来写的都是对的啊。 这是因为像大于等于小于等于这些符号后面必须留个空格。再接着写后面的...原创 2018-12-25 15:13:11 · 1361 阅读 · 0 评论 -
在vue项目中使用html2canvas实现保存网页为图片
下载内容:npm install --save html2canvas<div ref="mine">这里是要截图的部分</div><button @click="download()" >截图</button> <a :href= "downImg" download="下载图片原创 2019-01-17 09:40:51 · 6664 阅读 · 0 评论 -
MathJax.js使用时报错
这是我忘记了在script标签里面写type="text/x-mathjax-config"<script type="text/x-mathjax-config">function config(){ MathJax.Hub.Config({ showProcessingMessages: false, ...原创 2019-06-20 19:30:30 · 2773 阅读 · 1 评论 -
轮播图左右可以看见部分的
功能:左右箭头可以翻页上一页下一页。自己还会轮播。然后你点击半个的左右两边的图片,那个图片就变大位置跑到中间。并且鼠标滑过的时候,轮播停止。.box{position:relative;width: 100%; height: 800px;}.box .list{width:1000px;height:450px;overflow: hidden;position:absolute原创 2017-11-02 18:34:05 · 1409 阅读 · 0 评论 -
UEditor新增自定义按钮(获取光标停留的位置,然后插入一个内容)
在使用编辑器时,希望在工具栏加一个标签,点击标签就能在编辑器里面添加某个元素。我遇到的问题是加上{***}这样的特殊字符。这个功能是编辑器本身没有的。1.在ueditor.config.js中找到toolbars的数组,并在数组中添加一个你需要新增的按钮功能名称如下图所示 2.在zh-cn.js 中找到labelMap并添加如下图所示,主要是用于鼠标放置上去显示的文字提示内容...原创 2018-12-04 17:16:31 · 7871 阅读 · 10 评论 -
百度分享。
http://share.baidu.com/官网链接在这里。获取代码http://share.baidu.com/code 解析http://share.baidu.com/code/advance找到代码获取点击进入详情页--拉到下面看到一个直接复制代码复制成功,粘贴到下面。<div class="bdsharebuttonbox">//class="bds...原创 2018-11-15 09:53:56 · 270 阅读 · 0 评论 -
echart雷达图,让他的圈圈的数量换成你想要的数量
官网的例子上的默认的是五圈。但是我的最大值是6.并且四个值都是整数的。希望我的数值落在方形格子的顶点上。这时候我就需要把这个圈圈的数量变成6了。实现这样的效果。每个值都在交叉线上面。我们需要修改参数splitNumber: 6, let myChartPie = this.$echarts.init(document.getElementById('chartPie'));...原创 2018-11-12 12:15:36 · 6282 阅读 · 2 评论 -
通过ajax获取数据的分页插件的使用、jquery.paginate.js 还有搜索
页面效果接口回传的数据html内容<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link href="js/jPaginate/pagination.css" rel="styles原创 2018-03-14 11:56:27 · 1707 阅读 · 0 评论 -
五角星评分的原理
我们经常看到这种评分。他是怎么实现的呢?如果是满星星的黄色可能还是两个图标,但是这里有半个黄星星的。通常这种是一个灰色的中间是透明的,旁边是和背景色一样的填充色的星星repeat-x然后外层给个宽度。使它只显示五个。然后在他的下面放一个重叠的黄色的背景条。因为这个星星旁边是和背景色一样的填充色。所以你看到的黄色,只有那个星星的内部的轮廓。而不是一个长条的色块。然后根据那个黄色的宽度来实现亮了多少的...原创 2018-03-23 18:16:15 · 1335 阅读 · 0 评论 -
来说说validform吧
开始自己写表单验证的时候真的是头疼死了,即使现在有了html5,他可以自动的在表单中写上类似placeholder这样的属性,但是html5的这些属性还具有兼容性。总之还是得自己写一堆js代码来验证的。但是自从发现了这个validform插件以后省去了所有的js验证,在js中只需要一句话,而在标签内添加一些属性就可以搞定啦!真的太喜欢这个插件啦。好啦,废话不多说了。可以参考的网址:http://v...原创 2016-05-27 17:14:44 · 2310 阅读 · 0 评论 -
window在IE浏览器中执行resize,只要拖着不放函数会一直执行的bug解决办法
resize事件是在窗口或框架的大小被调整时发生执行的事件。在IE和Opera浏览器中,只要窗口边框被拖动,就触发该事件,在Mozilla浏览器中,resize 事件只是在停止改变窗口大小时才会触发。如果解决这个兼容性的问题呢?使用一个插件就可以啦:jquery.wresize.js 点击下载...原创 2018-03-08 17:18:30 · 722 阅读 · 0 评论 -
vue项目中的 多图上传。涉及压缩
你可以在我的资源页面下载插件的压缩包:http://download.csdn.net/my 插件开发 new Vue({ el: "#app", methods: { onadd: f原创 2017-06-17 18:55:02 · 3362 阅读 · 0 评论 -
自己写插件。jQuery插件开发模式
http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html#home原创 2017-08-31 10:07:04 · 253 阅读 · 0 评论 -
移动端下拉刷新、上拉加载更多插件dropload
参看 下载 https://github.com/pfan123/dropload引用css和jshtmljs内容$('.element').dropload({ scrollArea : window, loadDownFn : function(me){ $.ajax({原创 2016-11-04 16:08:32 · 9511 阅读 · 0 评论 -
模拟键盘
手机端上不想要手机自带的键盘?平板端不想手动点击键盘?想要使用一个模拟的键盘。在一些点餐收款时经常用到。方法也是很简单的,就是先把键盘上需要的内容,比如1 2 3。。。9 0 + - = x这些按键都是button,并且点击的时候都会有个函数。然后在这些函数里面操作就可以啦。并且要注意1.如果现在是0,你再输入0,就只能显示一个0你再输入非0,这个0就不显示啦原创 2017-04-20 11:50:21 · 340 阅读 · 0 评论 -
jquery.ztree.all-3.5.min.js
http://www.ztree.me/v3/main.php 这个是ztree的官网,里面有很多实用的小例子,参考这些例子来学习,能少走不少弯路(下载的ztree里也有demo可以参考,一样的东西)。1. jsp方面页面导入js,css如下:<link rel="stylesheet" type="text/css" href="<%=path %>/css/zTreeStyl...原创 2018-03-14 14:51:29 · 6439 阅读 · 0 评论 -
ztree选中指定节点
var treeObj = $.fn.zTree.getZTreeObj("bookCatalogTreeList"); //树形结构的元素的id值var sNodes = treeObj.getSelectedNodes(); var a=treeObj.getNodeByParam("GID", "10"); 选中的那个元素的GID=10的,你也可以找任意一个其他属性的cons...原创 2018-04-11 15:02:04 · 6203 阅读 · 0 评论 -
把图片公式转化为文本内容。vue项目中引入MathJax.js
可以看一下没有在vue项目中写的插件https://download.csdn.net/download/qq_33769914/11162486下面介绍的是在vue里面使用的方法:这是个图片的公式,有img标签引入。我们想要转成下面的效果:在vue项目中引入MathJax.js首先在index.html页面<script type="text/jav...原创 2018-10-31 09:32:56 · 6695 阅读 · 4 评论 -
vue里面的省市区三级联动vue-area-linkage,设置初始值和把修改的值传给后台。为什么编辑的时候显示的还是第一赋值的。如何修改
vue-area-linkage点这里看demo:https://dwqs.github.io/vue-area-linkage/安装这里安装v5之后的版本npm i --save vue-area-linkage area-data在mian.js里面注册import VueAreaLinkage from 'vue-area-linkage';import...原创 2018-09-28 12:02:37 · 12687 阅读 · 5 评论 -
echart使用小结
写在前面。定义的接收图表 的容器哦必须设置宽高。 不然可能找不到就报错:Cannot read property 'getAttribute' of null如果在vue项目里面,写了宽高还报这个错就可能是页面的容器还没有加载完,他还没有找到。动态添加数据//引入echartimport echarts from 'echarts'Vue.prototype.$echart...原创 2018-09-14 17:43:06 · 581 阅读 · 0 评论 -
vue.js项目中为chrome安装devtools插件
效果就是上面的F12时有个Vue的面板安装1.github下载地址:https://github.com/vuejs/vue-devtools2.下载好后进入vue-devtools-master工程 执行npm install ----->npm run build.3.修改manifest.json 中的persistent为true 4.打开谷歌浏览器...原创 2018-08-27 15:21:45 · 3296 阅读 · 1 评论 -
ueditor百度编辑器。改变富文本框的可选字体大小。
http://ueditor.baidu.com/website/umeditor.html监听全屏事件。<textarea name="viedoDesc" id="noticeText" datatype="*1-10000" style="position: relative;z-index:50;"></textarea><span cl原创 2018-05-16 14:54:18 · 1790 阅读 · 1 评论 -
富文本kindeditor-all.js
初始化://富文本 var kindEditorObj = null; //富文本 kindEditorObj = KindEditor.create('textarea[name="viedoDesc"]', { width: '72%', height: '300px', items: KindEdit...原创 2018-05-21 09:50:29 · 1943 阅读 · 0 评论 -
ztree的一个例子
var setting = { view: { dblClickExpand: true,//双击展开 showLayer: false, selectedMulti: false,//是否允许多选 showIcon: showIconForTree//显示节点小图标 }, data: { ...原创 2018-04-26 10:48:58 · 830 阅读 · 0 评论