- 博客(15)
- 收藏
- 关注
RSS订阅原创 echarts 水球图
echarts 水球图相关使用使用水球图需另外引入’echarts-liquidfill’（已引入echarts情况下）安装：npm install echarts-liquidfill然后在用到的文件中引入import 'echarts-liquidfill'文档https://github.com/ecomfe/echarts-liquidfill示例包含完整配置属性的示例：水球图...
2021-03-23 18:05:32
226
原创 element 树形控件动态选中子节点自动展开所有祖节点
element Tree 树形控件动态选中子节点自动展开所有祖节点项目中将树形控件封装为一个组件，引用时传入选中值，选中树形控件节点，外部改变选中key选中子节点时发现父节点祖节点都不会自动展开，设置了auto-expand-parent也不会。所以采用了以下方式解决：树形组件代码：<el-tree ref="tree" :data="options" @node-click="handleNodeClick" :highlight-current
2020-11-02 15:24:20
4235
原创 工作笔记-知识碎片-20120-3
目录工作笔记-知识碎片-2020-31.子组件动态调用父组件方法（vue）2.ajax\axios\fecth区别工作笔记-知识碎片-2020-31.子组件动态调用父组件方法（vue）问题：子组件动态调用父组件方法，也就是子组件调用父组件的方法是可配置的，实现可复用面板布局时按钮方法实现可配置。解决：props可直接传方法，字组件直接调用就行props:{ methods:{ ...
2020-03-31 10:29:50
161
原创 重学前端笔记（七）-CSS语法
重学前端笔记（七）-CSS语法去除空格、HTML注释等无效信息，CSS的顶层样式表由两种规则组成的规则列表构成，一种被称为 at-rule，也就是at 规则，另一种是 qualified rule，也就是普通规则。at-rule由一个 @ 关键字和后续的一个区块组成，如果没有区块，则以分号结束。这些at规则正是掌握CSS的一些高级特性所必须的内容。qualified rule则是指普通的CS...
2020-01-23 17:22:44
198
原创 重学前端笔记（六）-JavaScript中的对象分类
JavaScript中的对象分类在浏览器环境中，我们无法单纯依靠JavaScript代码实现div对象，只能靠document.createElement来创建。说明了JavaScript的对象机制并非简单的属性集合+原型。日常工作中，接触到的主要API，几乎都是由今天所讲解的这些对象提供的。理解这些对象的性质，我们才能真正理解我们使用的API的一些特性。我们可以把对象分成几类。宿主对象...
2020-01-23 16:27:55
317
原创 9月学习笔记-前端知识碎片
工作笔记-知识碎片-2019-91.Echarts的cursor指向无效原因：echarts使用canvas画图，使用行内样式设定canvas的cursor:pointer;解决：使用样式覆盖这个行内样式比如：.echarts canvas{cursor:pointer !important;}2.轮播图片宽高自适应问题效果图：宽度为自适应屏幕宽度，有最小宽度，高度不管是设为固定px...
2019-12-31 17:37:09
310
原创 报错 commons.js:8 Uncaught (in promise) Error: {}
解决报错Error in handleResponse UNK/UNK tabClipper initCompleted一打开项目就报这个错，怎么也找不到原因Channel: Error in handleResponse UNK/UNK tabClipper initCompletedChannel: Error in handleResponse UNK/UNK tabClipper...
2019-12-31 17:35:17
4546
原创 ES6入门学习笔记
ES6学习笔记学习开课吧 石川老师视频教程兼容性各大浏览器的最新版本，对 ES6 的支持可以查看kangax.github.io/compat-table/es6/。随着时间的推移，支持度已经越来越高了，超过 90%的 ES6 语法特性都实现了。ES6（ES2015）——IE10+、Chorme、FirFox、移动端、NodeJS编译转换：在线转换提前编译(babel==brows...
2019-08-30 17:46:29
228
原创 重学前端学习笔记（五）-JavaScript原型
JavaScript原型中文中有个成语叫做“照猫画虎”，这里的猫看起来就是虎的原型。最为成功的流派是使用“类”的方式来描述对象，这诞生了诸如 C++、Java等流行的编程语言。这个流派叫做基于类的编程语言。还有一种就是基于原型的编程语言，它们利用原型来描述对象。我们的JavaScript就是其中代表。基于类/基于原型“基于类”的编程提倡使用一个关注分类和类之间关系开发模型。在这类语言中，...
2019-08-24 16:52:45
160
原创 重学前端学习笔记（四）-JavaScript对象
JavaScript对象实际上，基于对象和面向对象两个形容词都出现在了JavaScript标准的各个版本当中。先看看JavaScript标准对基于对象的定义，这个定义的具体内容是：“语言和宿主的基础设施由对象来提供，并且JavaScript程序即是一系列互相通讯的对象集合”。面向对象在《面向对象分析与设计》这本书中，从人类的认知角度来说，对象应该是下列事物之一：一个可以触摸或者可以看见...
2019-08-08 10:36:26
360
原创 重学前端学习笔记（三）-JavaScript类型
JavaScript类型JavaScript语言规定了7种语言类型。根据最新的语言标准，这7种语言类型是：Undefined；Null；Boolean；String；Number；Symbol；Object。Undefined、NullUndefined 类型表示未定义，任何变量在赋值前是 Undefined 类型、值为 undefined，一般我们可以用全局变量und...
2019-07-12 10:48:47
202
原创 重学前端学习笔记（二）-HTML语义
HTML语义语义类标签：它们的特点是视觉表现上互相都差不多，主要的区别在于它们表示了不同的语义，比如大家会经常见到的section、nav、p，这些都是语义类的标签。在很多工作场景里，语义类标签也有它们自己无可替代的优点。正确地使用语义标签可以带来很多好处：语义类标签对开发者更为友好，使用语义类标签增强了可读性，即便是在没有CSS的时候，开发者也能够清晰地看出网页的结构，也更为便于团队的开...
2019-06-12 18:08:02
658
原创 重学前端学习笔记（一总）
1. 明确你的前端学习路线与方法0基础入门：《JavaScript高级程序设计》《精通CSS》等书籍，阅读一些参考性质的网站：MDN前端学习方法：1.建立知识架构知识架构：知识的“目录”或者索引，它能够帮助我们把零散的知识组织起来，也能够帮助我们发现一些知识上的盲区。知识点划分：文法、语义、运行时文法：词法/语法 （编译原理的划分）语义 跟语法一一对应运行时：类型/执行过程...
2019-06-12 16:06:51
728
2
原创 Echarts中饼图默认高亮显示方法
Echarts中饼图默认高亮显示方法想要饼图有默认选中的高亮效果，但是Echarts属性中的selected只能突出一块，不是想要的那种hover显示的那种放大高亮的效果，所以采用了以下的方法解决。代码html代码：&amp;lt;div id=&quot;echarts_demo&quot; style=&quot;width: 100%; height:100%;margin-left: 5%;&quot;&
2019-01-10 14:28:17
18746
2
原创 Flex布局
Flex布局的基本概念参考阮一峰的博客http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool) 注意在felx-direction属性设置为column或column-reverse时，即项目为垂直排列时，应给定一个高度，<ul class="unicom-tabs vertical" ...
2018-08-09 09:50:47
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人