随笔分类 - 前端
摘要:Superset3 搭建 目录Superset3 搭建后端:方法1、在Windows 本地搭建方法2:运维线上搭建前端:前端搭建Superset 数据库其他 Superset 框架是一套包括前后端代码的框架,后端语言为 Python,前端语言为 React,superset 启动后包括一个前端地址+
阅读全文
摘要:如图: echarts 配置项 let option = { grid: { x: 70, y: 34, x2: 60, y2: 70, //预留足够位置,也可以根据数据量手动计算 }, dataZoom: [ { type:'inside', disabled:true, }, { type: "
阅读全文
摘要:不建议为任何人实现该功能! 因为 使用第一种方法后,对我项目的echarts的定位等有影响,故而最后我选择了第二种解决办法 解决办法 第一种(不推荐):使用zoom 方案(zoom默认有缩放浏览器功能)不兼容Safari/Firefox 第一步:main.js 页面添加以下代码,动态计算需设置的zo
阅读全文
摘要:方法一:我们可以在每次组件重新渲染的时候触发回到顶部 // updated 不会保证所有的子组件也都被重新渲染完毕。如果你希望等待整个视图都渲染完毕,可以在 updated 内部使用 vm.$nextTick: updated() { // 进入页面强制滚动到顶部 let dom = documen
阅读全文
摘要:同一个项目同时使用词云图和Map图后,可能会因为版本问题导致图报错 以下版本可同时兼容这两个图: "echarts": "^4.8.0", "echarts-wordcloud": "^1.1.3", 按之前的词云图配置后,默认词条都成了红色,修改给下边代码即可恢复: // 词云图的字体颜色配置如下
阅读全文
摘要:使用 npm包 js_screen_shots 可以实现前端截长屏功能,这个包集成了两个方法 html2canvas 和 Canvas2Image 先使用 把页面转成 canvas,然后 Canvas2Image 把转后的 canvas作为图片下载 import all from 'js_scree
阅读全文
摘要:首先 Iterator(遍历器) 是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)。 那怎么判断一个对象是否有部署Iterator接口? 答案是看这个对象有没有 Symbol.iterator 方法,S
阅读全文
摘要:看到我的标题的同学,肯定以为是咱前端出了什么问题,我也百度了好多好多,都说修改以下两个地方可以解决: 使用 term.fit() 方法 (不可取) resize 时传给后端的 Cols 有问题(不可取) 事与愿违,确实没有解决。 结果发现是因为后端不支持中文,故而计算出现错误,不知道什么时候该返回
阅读全文
摘要:搞了三天没搞出来,还在男朋友面前哭了一场,真心觉得我只该吃屎,我好没用。哎。。 首先在上一篇记录了如何生成ssh key,并使本地可以通过ssh的方式克隆和推送项目。但如果你有个github账号,有个码云,有公司的gitlab,它们项目的ssh key都不一样,此时就只能通过配置config使之可配
阅读全文
摘要:1.登录用户 $ git config --global user.name "xxx" $ git config --global user.email "xxx@163.com" 设置完可以在该项目的.git文件夹的config文件中看到相应设置信息,这样就可以为每个项目设置不同的提交用户名了。
阅读全文
摘要:普通的vue事件,在jsx中写法为 on+方法名(首字母大写) 。 如: 、 、 iview中的事件,在vue中默认是 @on change 这种格式的,用jsx表示的话,如:
阅读全文
摘要:1、windows: chrome 49版本之后:在属性 目标后 加上 disable web security user data dir=C:\MyChromeDevUserData 2、mac 建立本地跨域文件夹 这个文件夹是浏览器打开时候进行设置一些基本文件,因为需要关闭浏览器的安全策略。
阅读全文
摘要:npm install <name>安装nodejs的依赖包 例如npm install express 就会默认安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express@3.0.6 npm inst
阅读全文
摘要:1、 安装node 2、 npm install g cnpm registry=http://registry.npm.taobao.org (安装cnpm ) 3、 cnpm install g vue cli (安装vue脚手架工具) 4、 vue init webpack firstVue
阅读全文
摘要:一、prototype和__proto__的概念 prototype是函数的一个属性(每个函数都有一 个prototype属性),这个属性是一个指针,指向一个对象。它 是显示修改对象的原型的属性。 __proto__是一个对象拥有的内置属性(请注意:prototype是 函数 的内置属性,__pro
阅读全文
摘要:做个笔记~ var a = 5; for (var i = 1; i
阅读全文
摘要:beforecreated:el 和 data 并未初始化 created:完成了 data 数据的初始化,el没有 beforeMount:完成了 el 和 data 初始化 mounted :完成挂载(不保证组件已在document中) beforecreate : 举个栗子:可以在这加个loa
阅读全文
摘要:在进行vue项目开发的时候,免不了要进行调试,谷歌插件 vue devtools 可以帮忙 步骤 步骤一: 到谷歌商店搜索"vue devtools"下载 步骤二: 在chrome的扩展程序页面,需要勾选vue devtools的“允许访问文件地址”项。 步骤三: 如果你是在chrome商店里安装的
阅读全文
摘要:不要惧怕不熟悉的文字,加油! 1.工厂模式 注:工厂模式的 特点 : 1. 在函数中声明对象 2. 用return返回该对象 3. 直接调用函数 2.构造函数模式 注:构造函数的 特点 : 1.构造函数要用大驼峰 //推荐 2. 无需在构造函数中声明对象,没有return语句 3. 直接将属性和方法
阅读全文
摘要:call/apply 他俩都是修改函数内部的this指向的,只是call传递的参数是N个字符串,apply传递一个数组. 小技巧: 1.追加数组 2.获取数组最大/小值 3.伪数组,eg.dom元素集(虽然长的像是数组,但是本身没有数组的方法),例如: 4.打印不确定个数的参数 5.call/app
阅读全文