- 博客(19)
- 收藏
- 关注
RSS订阅原创 echarts 柱状图（1）多条柱状图完成参考标准需求
tips：一定要引入最新版的echarts版本，此时最新版本为V5.2.2（仅供参考）详细echarts配置可参考Highcharts 3D饼图文章~ <script src="https://cdn.jsdelivr.net/npm/echarts@5.2.2/dist/echarts.min.js"></script>数据// YImage/LImage/ZImage/CImage 标注为svg图片 用法如下 const CImage ="image:..
2021-11-29 09:53:47
1462
原创 Highcharts 3D饼图（1）上手使用配置
引入Highcharts文件在index.html 页面引入 <script src="http://code.highcharts.com/highcharts.js"></script> <script src="http://code.highcharts.com/highcharts-3d.js"></script>准备一个呈现图表的盒子<div id="DispatchProportion"></div> &l.
2020-10-30 17:19:18
1496
原创 Highcharts 3D饼图（2）自定义颜色以及仿echarts饼图颜色标注
文章目录自定义颜色仿echarts饼图颜色标注自定义颜色效果官网： https://www.highcharts.com.cn/demo/highcharts#3d.找到官方文档的通用配置 :如下图colors: [ '#714fe3', '#6497f4', '#5f75e5', '#67acfe', .
2020-10-30 17:18:21
3745
原创 Highcharts 3D饼图（3）tooltip format使用
tooltip: { backgroundColor:'rgba(206,94,74,.95)', //数据提示框的背景颜色 borderColor:'rgba(206,94,74,.9)', //边框颜色 useHTML: true, //是否使用HTML编辑提示信息 formatter:function(){ console.l...
2020-10-30 17:17:18
1264
1
原创 原生JS--比Switch...Case更优雅的实现多条件判断以及三目运算的嵌套写法
前几天看到坐在隔壁的前端大哥写的多条件判断写法，十几行代码靠几行轻松实现，看到不同写法的优劣，特地整体出来，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家！文章目录多条件判断写法三目运算的嵌套写法多条件判断写法这个判断意思是根据现在的体感来判断季节，寒冷的话是冬天，温暖的话是春天，炎热的话是夏天，凉爽的话是秋天1. if … else if … elsefunction weather(nowSEP){ let season = '' if(nowSEP=.
2020-09-09 11:07:02
914
原创 VUE 实现element 的 el-table 的自定义表格需求（双列内容不同)
最近项目有个需求针对到el-table这个组件。自己也是第一次这样来使用，特写下这两篇文章，算是当做记录吧！如果是从第一次使用elementUI的话，可以移步另一篇文章作为参考~产品需求样式效果图技术点既想用elementUI的table样式和功能，简单的<tr><th><td>是不能满足的在使用element-ui的el-table组件时，最普遍的做法就是使用el-table-column；其中columns对应el-table-column Att.
2020-08-27 16:34:16
6025
1
原创 VUE 项目中安装ElementUI
前沿最近项目有个需求针对到el-table这个组件。自己也是第一次这样来使用，特写下这两篇文章，算是当做记录吧！引申 如何使用elementUI一、安装 webpack全局安装npm install webpack -gnpm i webpack-cli -g查看安装webpack -v二、安装vue-clinpm install -g @vue/cli三、创建项目//name 是创建的项目的名称，可以命名成非中文的任意名称vue create name四、安装
2020-08-27 16:13:04
762
原创 关于webpack配置
webpack作用：1. 优化：工程化。vue，react cli2. 打包：将多个文件进行压缩，打包成一个文件。带宽3. 转换：es6和es7转换成e5,ts,jsx,less,sass达到效果：1. 可以通过webpack对公司现有的项目进行从0开始的搭建2. 可以对vue、react脚手架进行添加与修改的操作。3. 了解webpack当中的一些原理、流程webpack结构：1. 入口：entry2. 出口：output3. 插件：plugins4. 运行dev/serve
2020-07-29 16:36:36
136
原创 VUE 如何配置localhost和IP 都可以访问
可能很多小伙伴都会遇到 老大说要访问你本地的PC/H5链接 PC/H5启的服务链接发给我的问题希望这篇文档到时候可以帮到你~设置成：host: ‘localhost’ 本地IP无法访问会报下图这个错误不要慌 正确的配置 是在config/index.js文件中将 host: ‘localhost’ 改成 host: '0.0.0.0’设置 useLocalIp: true, //这个一定要加上重启ctrl+c结束服务 再重启服务就可以啦大家可以参考一下...
2020-06-10 10:28:09
4938
原创 CSS--块元素和行内元素及行内块元素（外加转换方式）
元素类型根据css显示分类HTML元素被分为两种类型:块元素，内联元素块元素—— block块状元素（block element）常见的块级元素有：<div>,<h1>~<h6>,<p>,<ul>,<ol>,<li> 等块级元素的特点：默认独占一行没有宽度时，默认撑满一排（块状元素默认宽度为10...
2020-02-24 15:46:05
1711
原创 前端开发面试题（满满干货）
文章目录一个小白的四次前端面试经历链接: https://www.jianshu.com/p/d3e9fbf89c77.前端面试题总结以及一些面试心得链接: https://www.jianshu.com/p/c6bdfbcc8ce8.web前端面试总结(自认为还算全面哈哈哈哈哈！！！！）链接: https://juejin.im/post/5dafb263f265da5b9b8024...
2020-02-23 17:22:11
674
原创 前端开发面试题 （题目列表页）
文章目录HTMLCSSJavaScriptECMAScript6 相关前端框架其他问题有趣的问题HTMLDoctype作用？严格模式与混杂模式如何区分？它们有何意义?行内元素有哪些？块级元素有哪些？页面导入样式时，使用link和@import有什么区别？常见的浏览器内核有哪些？简述一下你对HTML语义化的理解？请描述一下 cookies，sessionStor...
2020-02-23 17:13:58
581
原创 Vue，React，微信小程序三者完整比较
文章目录动态内联样式(class,style)标签内属性（绑定key值）绑定数据值vue和小程序 父子组件传值总结1. ==vue 父组件给子组件传值==2. ==小程序父组件给子组件传值==绑定事件声明式导航和编程式导航首页列表进入详情声明式导航编程式导航minpro 小程序动态内联样式(class,style)1.vue::style="{height: xx > 0? '3...
2020-02-22 22:41:25
3183
3
原创 git 命令踩坑 // 将远程git仓库里的指定分支拉取到本地（本地不存在的分支）
前沿在项目开发的过程中，准备提交到github上的时候，平时都是用插件的工具GitHub Desktop，如果想用下git命令行，就难免有些生疏，在其间出过各种插曲，虽然最后都解决了，但是在博客上偶然看见这篇文章很精细，发布这篇文章方便自己的同时也希望帮助到您！！！进入正题首先当你在本地调试完代码想要上传时，要先 git pull 拉去远程仓库代码然后再git add . (这一步主...
2020-02-22 21:43:27
2768
原创 原生JS--javaScript解析时间戳
前沿：获取当前时间戳想必小伙伴们都或多或少接触到过吧，小伙伴们也可以把代码封好，以后使用的话就方便得多了。样式如下：样式如下： <body onload="showDT()"> <div id="theClock" style="font-weight: bold; width: 300px;"></div> <scrip...
2020-02-22 21:12:01
517
原创 原生JS--js数组遍历方法
1.for循环使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显。for(j = 0,len=arr.length; j < len; j++) { }2.foreach循环遍历数组中的每一项，没有返回值，即使有return,也不会返回任何值,对原数组没有影响，不支持IE//1 没有返回值arr.forEach((item,index...
2020-02-22 12:51:59
1006
原创 一个工具简单实现简书、掘金、CSDN上一些优秀的文章保存成markdown文件
推荐 ➹Clean−mark\color{#f66}{➹ Clean-mark}➹Clean−mark , 这是一个简单实用的工具。针对你的需求，它可以将博客文章转换为干净的Markdown文本文件。安装只需使用npm安装：$ npm install clean-mark --global引申：如果是Mac电脑,加上sudo就可以安装$ sudo npm install clea...
2020-02-22 12:03:21
750
原创 原生JS--数组去重六种方式
文章目录JavaScript实现数组去重方法总结(六种方法)第一种: 双重循环第二种: 用splice直接在原数组进行操作方法三：结合对象和数组来去重方法四：数组递归去重方法五：利用indexOf以及forEach方法六：利用ES6的setJavaScript实现数组去重方法总结(六种方法)第一种: 双重循环双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则push...
2020-02-21 17:55:04
862
2
原创 原生JS--数组的基础方法
数组的基础方法添加删除1. push()向数组中尾部增加元素，增加的元素为数组参数，返回增加元素后的数组的长度，原数组发生改变2. pop()从数组的尾部删除一个元素，返回删除的元素，不接收参数，原数组发生改变3. unshift()向数组中头部增加元素，增加的元素为数组参数，返回增加元素后的数组的长度，原数组发生改变4. shift()从数组的头部删除一个元素，返回删除的...
2020-02-21 17:51:47
192
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人