09 2019 档案
摘要：CSS 选择符有哪些？ 1.id选择器（#id） 2.类选择器（.class） 3.标签选择器（div，h1，p） 4.相邻选择器（h1 + p） 5.子选择器（ul > li） 6.后代选择器（li a） 7.通配符选择器（ * ） 8.属性选择器（a[title]） 9.伪类选择器（a:hove
阅读全文
摘要：什么是回流(重排 reflow)？ 回流（重排 reflow）：对DOM树进行渲染，只要修改DOM或修改元素的形状大小，就会触发reflow，reflow的时候，浏览器会使已渲染好受到影响的部分失效，并重新构造这部分，完成reflow后，浏览器会重新绘制受影响的部分到屏幕中 （继昨日每日一题：dis
阅读全文
摘要：css控制元素不可见的方法 { display: none; /* 不占据空间，无法点击 */ } /********************************************************************************/ { visibility: hid
阅读全文
摘要：vue路由跳转有四种方式 1. router-link 2. this.$router.push() (函数里面调用) 3. this.$router.replace() (用法同push) 4. this.$router.go(n) 一、不带参 1.1 router-link <router-li
阅读全文
摘要：代码来源忘记是哪个大神的了，抱歉抱歉 放上源码： <!-- 虚拟键盘 --> <!DOCTYPE html> <html> <head> <meta charset="utf-8" > <title>虚拟键盘</title> <style> #inputArea{position: absolute
阅读全文
摘要：需求是一个页面中两个图，一个饼图一个折线图，接口用的是一个接口，柱状图的图例要隐藏掉，X轴为月份，每月份都有两个数据，也就是图例是两个（进口和出口）的意思饼图需要显示最新月份数据，并且有一个下拉框可以切换月份，视图就显示相应月份的数据，主题切换要全部一起切换，工具箱两个div一人一个 已经测试过了没
阅读全文
摘要：https://blog.csdn.net/css33/article/details/89450852 https://www.cnblogs.com/qq597585136/p/7019755.html https://blog.csdn.net/qq_40223005/article/deta
阅读全文
摘要：做的时候想要边框为比较好看的样式，需要UI切图并且放在div中，看起来会好看点 像这样的，我随便挑选了一个，UI帮我切图出来 需要把这个图片填到相应的div里面，但是很显然碰到一个问题，图片太大，而且放进去以后还不是响应式的 那么解决问题的就来了： background:url(1.jpg);-we
阅读全文
摘要：从接口里面取出来相应的数据渲染到图表，这个之前我有发过博客去记录，可以看之前的文章，这篇就算做一个笔记吧 接口里面的数据格式如下： 以上数据纯属虚构，但是你如果想要类似的写法，记得让后端配合你的工作 放上源码（这个注释可能比较少，因为前面文章已经写的很清楚了，需要详细的解释请看前面的文章） <!--
阅读全文
摘要：之前的需求是根据下拉框选择相应的地区来展示相应公司渲染出来的图表，现在多了个需求是再多一个下拉框判断型号，这两个判断要可以同步进行 也就是选择相应地区再选择相应型号，图表要展示相应的内容 我的写法可能有点笨拙，先判断全部地区下是否为全部型号，再判断不同地区下是否为全部型号，也就是四个部分（如果有好的
阅读全文
摘要：大家在实际操作中难免遇到对接口的问题，想必对一些小白来说取得里面想要是数据也是很是头疼，那么接下来我会结合接口实际情况教大家怎么取得里面相应的数据 接口数据例如：（数据为 模拟数据，json格式） { "month": { "monthly": ["2018年4月", "2018年5月"] }, "
阅读全文
摘要：想实现一个图例（公司名），点击让div中三个图表进行显示相应的数据，并渲染到图表中（公司数据可能很多，让其默认显示三条数据），并且每个图表都有相应的标题和datazoom区域展示，点击下拉框会进行相应的数据进行渲染和主题切换 话不多说，放上效果图和代码供参考 有些代码里的方法是直接套用上一个里面的，
阅读全文
摘要：效果如图所示，一个页面四个div，每个div里面展示相应的数据，因为这种效果会有点麻烦，而且不太雅观我就换了一种写法，一个div里面用四个图表，共用一个图例，先放上这个方式的效果图和源码，后期会再发布一篇文章用来展示新的效果 <!-- 产能 产量 开工率 仓储 --> <!DOCTYPE html>
阅读全文
摘要：在看官网和学习的过程中，有些不明确子组件和父组件的定义，为了方便后期学习和理解去网站上搜索了一下相关的解释 1.使用的地方是父组件，定义的地方是子组件，虽然他们是同一个组件 2.Vue.component()是制作子组件,<child></child>是制作好了，在父组件环境里面用 父组件不用动，子
阅读全文
摘要：需要通过后台接口传的数据对相应的状态码进行颜色的显示，但是因为还没有部署到后台，接口也没有，就自己模拟了一个数字进行操作演示 但是在写的过程中碰到了一个问题，先前的颜色是好好的，但是想根据状态码去添加相应的颜色，发现覆盖不了，这个效果是实现不了的，上网上搜了下发现vue和jQuery不能同时使用，一
阅读全文
摘要：调度：setTimeout和setInterval 调度：setTimeout和setInterval 我们可能决定不立即执行某个功能，但在某个时间之后执行。这叫做“安排一个电话”。 它有两种方法： setTimeout 允许我们在一段时间后运行一次函数。 setInterval 允许我们重复运行一
阅读全文
摘要：获取 JSON 格式的内容 可以通过editor.txt.getJSON获取 JSON 格式的编辑器的内容，v3.0.14开始支持，示例如下 如果编辑器区域的 html 内容是如下： 那么获取的 JSON 格式就如下：
阅读全文
摘要：使用 textarea wangEditor 从v3版本开始不支持 textarea ，但是可以通过onchange来实现 textarea 中提交富文本内容。
阅读全文
摘要：设置内容 以下方式中，如果条件允许，尽量使用第一种方式，效率最高。 html 初始化内容 直接将内容写到要创建编辑器的<div>标签中 js 设置内容 创建编辑器之后，使用editor.txt.html(...)设置编辑器内容 追加内容 创建编辑器之后，可使用editor.txt.append('<
阅读全文
摘要：// 禁用编辑功能 editor.$textElem.attr('contenteditable', false) // 开启编辑功能 editor.$textElem.attr('contenteditable', true)
阅读全文
摘要：###~css .toolbar { border: 1px solid #ccc; } .text { border: 1px solid #ccc; height: 400px; } #div3{ margin-top: 50px } ###~vue <template> <div class=
阅读全文
摘要：https://blog.csdn.net/Taurus_0811/article/details/103787510 wangEditor —— 轻量级 web 富文本编辑器，配置方便，使用简单。支持 IE10+ 浏览器。 官网：www.wangEditor.com 文档：www.kancloud
阅读全文
摘要：一，了解前须知 1，箭头函数：出现的作用除了让函数的书写变得很简洁，可读性很好外；最大的优点是解决了this执行环境所造成的一些问题。比如：解决了匿名函数this指向的问题（匿名函数的执行环境具有全局性），包括setTimeout和setInterval中使用this所造成的问题。 2，我们常见的w
阅读全文
摘要：随便写一个js文件，定义一个方法名，并且在组件中进行引用就算成功 ###~js function shuchu(){ console.log(1) } export { shuchu }; function shuchu(){ console.log(1) } export { shuchu };
阅读全文
摘要：ES6的Class只是面向对象编程的语法糖，升级了ES5的构造函数的原型链继承的写法，并没有解决模块化问题。Module功能就是为了解决这个问题而提出的。 历史上，JavaScript一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单方法拼装起来。其他语言都有这项功能
阅读全文
摘要：页面布局，或者是在页面上做些小效果的时候经常会用到 display,position和float 属性，如果对它们不是很了解的话，很容易出现一些莫名其妙的效果，痛定思痛读了《CSS Mastery》后总结一下。 让我们从基础的CSS知识谈起，相信很多初学者和小弟一样不明白CSS原理，一味追求效果，结
阅读全文
摘要：动态设置max 查看官网 写入方法 获取到你数据最大值 然后+个100
阅读全文
摘要：CSS行高——line-height 初入前端的时候觉得CSS知道display、position、float就可以在布局上游刃有余了，随着以后工作问题层出不穷，才逐渐了解到CSS并不是几个style属性那么简单，最近看了一些关于行高的知识，就此总结一下。 所谓行高是指文本行基线间的垂直距离。要想理
阅读全文
摘要：最近在做一些页面打印时的特殊处理接触到了media queries，想系统学习一下，在MOZILLA DEVELOPER NETWORK看到一篇文章讲的很不错，结合自己的使用总结一下。 CSS2/media 在CSS2中可以使用media属性可以使特定style只在指定媒体类型下其作用,比如页面有些
阅读全文
摘要：滑动滚轮图片不变并且兼容ie和谷歌 谦行大神的博客 https://www.cnblogs.com/dolphinX/p/3292997.html 放上他的几个效果图 下面的评论有其他的解决方法，多看看了解下 例如: 还真是，一直不知道还有这个属性，太让人难为情了，都想删贴了，不过想想学到另一种解决
阅读全文
摘要：二进制与十进制之间的转换 十进制转二进制 方法为：十进制数除2取余法，即十进制数除2，余数为权位上的数，得到的商值继续除2，依此步骤继续向下运算直到商为0为止。 如下图： 二进制转十进制 方法为：把二进制数按权展开、相加即得十进制数。 二进制与八进制之间的转换 二进制转八进制 方法为：3位二进制数按
阅读全文
摘要：0b:二进制 0o:八进制 0x:十六进制 ~~~js console.log(0b10);//2 console.log(0o10);//8 console.log(0x10);//16 console.log(0b11 3);//true console.log(0b10 8);//true c
阅读全文
摘要：1,方案一:响应式来做,可以根据媒体查询,设定在不同屏幕宽度下div的高度和宽度,具体的设置看你响应式想怎么显示 @media only screen and (min-width: 100px) and (max-width: 640px) { div{ width: 100px; height:
阅读全文
摘要：来源：https://blog.csdn.net/wuyufa1994/article/details/85143693 从布局出发：宽度自适应，常用百分比的方式。由于父级元素采用百分比的布局方式，随着屏幕的拉伸，它的宽度会无限的拉伸。而子元素由于采用了浮动，那么它们的位置也会固定在两端。该宽度自适
阅读全文
摘要：clear方法和dispose方法 一种是调用clear方法，一种是dispose方法。第一种是清理echarts 但是不销毁实例。第二种是销毁实例，再次使用需要重新构建实例 1. 果然内存占用稳定下来了(这次不是稳定上升。。。)，大概就是这样了。应该也可以写成下面这种方式。 补：有人用两种方式试了
阅读全文
摘要：源码网站：https://gitee.com/komavideo/LearnES6 http://komavideo.com/小马视频 https://babeljs.io/docs/en/learn/ js参考 用let限定作用域 ~~js //ES5 if(true){ var i=1; } c
阅读全文
摘要：网站上经常会使用一些三角形，除了图片的方式，实际上利用border我们可以做出纯CSS的三角形。我们知道border是个边抖可以单独设置，当四个边相交的时候他们是什么时候改变的？ 通过demo可以看到border的相交的地方在45deg平分，当元素的width、和height属性呗设置为0的时候 这
阅读全文
摘要：负边距即margin属性的值设为负值，在CSS布局中时一个很有用的技巧。值为正的场景很常见，大家都很熟悉其表现 当margin-top、margin-left为负值的时候，会把元素上移、左移，同时文档流中的位置也发生相应变化,这点与position:relative的元素设置top、left后元素还
阅读全文
摘要：//去掉class属性 $(this).parent('li').removeClass("prev_selected"); //去掉同兄弟的class属性。 $(this).parent('li').siblings().removeClass("prev_selected"); //li的cla
阅读全文
摘要：怕侵权放上链接： https://segmentfault.com/a/1190000012393587?utm_source=tag-newest
阅读全文
摘要：1、$(function(){ $("#a").click(function(){ //adding your code here }); }); 2、$(document).ready(function(){ $("#a").click(function(){ //adding your code
阅读全文
摘要：基础语法 外阴影：box-shadow:X Y Npx #color; 内阴影：box-shadow:inset X Y Npx #color; 第一个属性：阴影的X轴(可以使用负值) 第二个属性：阴影的Y轴(可以使用负值) 第三个属性：阴影的像素（大小） 第四个属性：阴影的颜色 内阴影：inset
阅读全文
摘要：封装是为了更好的调用，当我们很多页面都需要同一种方法的时候，为了避免每个页面都需要进行重写方法，增加工作量，这个时候就需要我们对部分公共的方法进行封装，这样便于更好的进行调用 我在写接口的时候用到了 挺多方法，可能以后会需要进行重复使用，我就对代码进行了整改，把部分方法进行了封装，现在就来说说怎么封
阅读全文
摘要：在和后端对接口的时候，遇到了一个问题 就是series里面数据变量进行拼接的时候，data数据里面全部是数值int类型的 但是因为某些需求需要让他进行某个数据之前的数据都为空 我试过用空字符串和undefined和null，nan都不行 后来我问了一个大神，他帮我看完以后告诉我说需要用eval进行j
阅读全文
摘要：紧接上面的接口对接的时候，把这个0换成了空字符串 再把拼接的时候加上eval方法 本来的效果图： 现在就满足需要了，前面的数据0也已经删除，让数据飘起来，从当天数据开始 效果图： 现在就已经完成了，现在需要把注释加上，代码方法封装一下就好了
阅读全文
摘要：https://www.cnblogs.com/dolphinX/p/3464056.html 谦行大神的博客
阅读全文
摘要：https://www.cnblogs.com/xiaocaiyuxiaoniao/p/10417592.html https://blog.csdn.net/yakson/article/details/78575135 https://segmentfault.com/q/10100000064
阅读全文
摘要：1.input提交图片实时展示 2.对于后台传输与接收 1.传输 2.接收 3.路由
阅读全文
摘要：vue-cookie 一.模块的安装 二.配置main.js 三.使用 概述: 创建:this.$配置时候设置的名称.set('cookies的key',value,时间最小单位为天且一定要为整数) 获取指定的key:this.$配置时候设置的名称.get('cookies的key`) 删除:thi
阅读全文
