js
Alice9969
越努力,越幸运 / 勤能补拙
展开
-
echart 柱形图点击选中设置颜色( 非setOption )
需求:1.柱形图数据过多时,可以滑动切换;2.点击柱子,有白色的选中效果;效果图:使用到的内容API链接:1. color:https://echarts.apache.org/zh/option.html#series-bar.itemStyle.color2.click:https://echarts.apache.org/zh/api.html#events.%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6.click3.dataZoo...原创 2021-01-19 22:43:40 · 2150 阅读 · 0 评论 -
React项目如何使用绝对路径@
转载:https://www.jianshu.com/p/7d0c8683e9831. 找到 config目录下webpack.config.js文件配置2. alias 内容下增加'@': path.resolve('src'),3.重新启动项目4.在文件中使用绝对路径(@)5.成功;转载 2020-11-17 10:35:59 · 1939 阅读 · 0 评论 -
vue 鉴权
转载:https://www.cnblogs.com/gerry2019/p/11045555.html转载 2020-10-27 23:07:26 · 418 阅读 · 0 评论 -
echarts 无数据时提示文字
需求:要求图表没有数据时,文字提示“暂无数据”思路:使用echarts的title做提示,通过有无数据,设置title的show属性为true / falseecharts 设置 title的API:https://echarts.apache.org/zh/option.html#title效果图:①没数据时显示文字“暂无数据”②有数据时:代码:// 这里判断后端有无值,设置是否显示titlelet showed = this.list...转载 2020-07-25 15:49:16 · 6587 阅读 · 2 评论 -
神奇的一行代码功能
转载链接:https://blog.csdn.net/csdnnews/article/details/1069535291. 一行代码修改网页任意内容以前改网页内容,你可能直接修改源代码,但知道了下面这个命令,打开浏览器,在Console中输入:document.body.contentEditable = 'true';( 整个网页就像一个富文本编辑器,你可以对任何一块内容进行修改)4. 一行代码网站变黑白html { filter: greyscale(1) }( f.转载 2020-06-26 11:16:00 · 200 阅读 · 0 评论 -
js 字符串切割并返回字符串
需求:把字符串www.test.com/detail/44最后一个/后面的内容全部清除,并返回字符串www.test.com/detail思路:由于substr(start, length) 、substring(start, end)返回切割的目标字符串,不是整个字符串,所以使用replace()把目标字符串替换掉。代码:let str = "www.test.com/deta...原创 2020-04-19 17:52:16 · 738 阅读 · 0 评论 -
使用FormData对象发送文件
转载:https://segmentfault.com/a/1190000012327982?utm_source=tag-newestfunction uploadFile() { var formData = new FormData(); formData.append("upload", $("#FileInput")[0].files); ...转载 2020-03-22 22:56:49 · 231 阅读 · 0 评论 -
命名空间的管理员——单例模式
使用的场景:function getData(val) { ......}function setData() { getData(val) .....}function deleteData() {......}这样可能会导致的问题有2个,①页面中添加了很多变量;②容易使用相同方法名,导致方法被覆盖。所以这时候我们需要命名空间的管理员—...原创 2020-03-08 22:42:41 · 262 阅读 · 0 评论 -
Refused to load the image '<URL>' because it violates the following content security polity diretive
转载地址:https://www.cnblogs.com/xiaoxiaoluoye/p/6945044.html深入学习地址:https://www.cnblogs.com/Hwangzhiyoung/p/9146740.html控制台报错:Refused to load the image '<URL>' because it violates the follo...转载 2020-03-02 17:33:33 · 8959 阅读 · 1 评论 -
前端跨域
版权声明:本文为SegmentFault 思否博主 安静de沉淀 的原创文章,遵循 《署名-非商业性使用-禁止演绎 4.0 国际》许可协议,转载请附上原文出处链接及本声明。原文链接:https://segmentfault.com/a/1190000011145364?utm_source=tag-newest(侵权请联系删除,谢谢作者❤)所谓同源是指"协议+域名+...转载 2020-01-12 22:03:44 · 148 阅读 · 0 评论 -
js详细判断数据类型
思路:使用 Object.prototype.toString.call()。Object.prototype.toString.call(new Date()); // [object Date]Object.prototype.toString.call("1"); // [object String]Object.prototype.toString.call(1); // ...原创 2020-01-12 16:44:34 · 105 阅读 · 0 评论 -
Element-ui项目搭建
参考地址:https://www.cnblogs.com/chwen1014/p/11249493.html1.初始化项目vue init webpack projectName2.打开Element-ui官方网站,根据提示操作:npm i element-ui -S...转载 2020-01-06 11:20:59 · 167 阅读 · 0 评论 -
rem 计算方式
// 使用方法1px = 0.01rem; !function(e,t){function n(){var n=l.getBoundingClientRect().width;t=t||540,n>t&&(n=t);var i=100*n/e;r.innerHTML="html{font-size:"+i+"px;}"}var i,d=document,o=wind...转载 2019-12-06 15:01:28 · 569 阅读 · 0 评论 -
模拟请求分页参数
下面是请求的例子<!DOCTYPE html><html><head> <title>模拟请求分页参数</title> </head><body> <button class="js-page" data-type="pre" type="button">上100</but...原创 2019-12-02 23:35:25 · 291 阅读 · 1 评论 -
JQ 判断用户输入的是空以及多个空格
思路: 非空即为true,使用$.trim(msg)把收尾的空格去掉,剩下的内容还是 “ ”的话,则 ! 等于 true;代码:if( !$.trim(msg) ) return ...原创 2018-10-30 22:10:02 · 1960 阅读 · 0 评论 -
原生JS动画
思路:1.原生js使用setInterval 每N秒钟改变属性值;2.原生js使用setInterval 每N秒钟改变属性值,结合css transition 属性,实现效果,效果较好; HTML:<div id="test" style="width: 0px; height: 100px; background-color:pink;"></div>...原创 2018-08-17 12:04:03 · 592 阅读 · 0 评论