- 博客(21)
- 收藏
- 关注
RSS订阅
原创 Cytoscape.js 网络图
功能快捷键撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Command + Shift + H无序列表：Ctrl/Command + Shift + U有序列表：Ctrl/Command + Shift + O检查列表：Ctrl/Command + Shift ...
2018-11-13 17:28:34
6325
7
原创 Vuex实践
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。Vuex 可以帮助我们管理共享状态。State ： 唯一数据源，定义的变量都在这里面Getter ： 从State中派生出来一些状态（可以认为getter是store的计算属性），只有当它的依赖被改变时才会触发Mutation: 更改store中状态的唯一方法，Mutation必须是同步函数Actions ： Actions类似于Mutation。不同点：Actions提交的是Mutation，而不是直接更改状态，Action
2020-12-01 17:18:12
127
原创 vue的style标签里面设置变量
1、在style里面添加变量*适用于组件统一调整样式//html <div class="headerBox"> <p class="headerContent"></p> </div>//style<style> /*在headerBox区域内设置CSS变量--bgc */ .headerBox{ --bgc:#ffffff; } /*在子元素中使用该变量*/ .headerContent{
2020-12-01 17:11:04
6257
原创 plotly.js 小提琴图（violin）
Plotly.js 是开源的 JavaScript 图表库，它基于 d3.js 和 stack.gl 。是一个高层次的、描述性的图表库。npm安装：npm install plotly.js --save如果您想手动选择要包含的plot .js模块，您可以使用plotly创建一个定制包js/lib/core，并且只加载所需的跟踪类型(例如violin)// in custom-plotly.jsvar Plotly = require('plotly.js/lib/core');// Loa
2020-11-24 17:50:07
1738
原创 Vuetify笔记： Table
vuetify 表格渲染<template> <v-data-table v-model="selected" :headers="headers" :items="desserts" item-key="name" :items-per-page="10" :single-select="singleSelect" show-select
2020-11-20 10:59:58
904
原创 vue 通过iframe嵌入本地html和外部html
vue中通过iframe方式嵌入本地html实现方法：1、在public文件夹下创建static文件夹，static文件夹下放置需要展示的html文件2、在vue页面中通过iframe嵌入html具体文件位置：代码<div style="width: 100%"> <!--静态html资源--> <div class="textCenter"> <h2>标题</h2> </div>
2020-11-18 14:49:08
3496
3
原创 Vuetify autocomplete 清空选项(补充)
this.$nextTick(() => { this.fuzzyInfo = null; //将v-model数值清空 this.$refs.autocomplete.internalSearch = null; //再将选中的值清空})
2020-10-22 16:44:50
598
转载 vue 中 key的作用
其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法vue和react的虚拟DOM的Diff算法大致相同，其核心是基于两个简单的假设：两个相同的组件产生类似的DOM结构，不同的组件产生不同的DOM结构。同一层级的一组节点，他们可以通过唯一的
2020-09-16 14:52:33
212
转载 Vue项目配置 rem适配
1.编写rem 适配文件 remConfig.jsexport default function() { // var devicePixelRatio = 1; // var scale = 1 / devicePixelRatio; // document.querySelector('meta[name="viewport"]').setAttribute('content','initial-scale=' + scale + ', maximum-scale=' + scale +
2020-09-16 14:34:34
885
原创 vue路由 监听+跳转
监听路由 和 同页面跳转只有传递参数发生变化的问题解决方法：watch:{ '$route' (to, from) { console.log('to',to) console.log('from',from) },}路由跳转方法一：路由跳转+传参this.$router.push({ path: "/HomeResult", query: { indexId:'001' }});获取形式 let indexId = this.$route.q
2020-09-16 14:05:43
2434
原创 nginx 配置访问真实ip
nginx配置:location /{ proxy_pass http://localhost:8080/web/; #以下三个proxy_set_header配置项是重点 proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}nginx不进行i
2020-09-02 15:39:36
912
原创 js 广度优先遍历（BFS）和深度优先遍历（DFS）简单理解
1、深度优先算法遍历规则：不断地沿着顶点的深度方向遍历。顶点的深度方向是指它的邻接点方向。最后得出的结果为：ABDECFHG。2、广度优先算法：遍历规则：1）先访问完当前顶点的所有邻接点。(应该看得出广度的意思)2）先访问顶点的邻接点先于后访问顶点的邻接点被访问。最后得出的结果为：ABCDEFGH。博客园地址：https://www.cnblogs.com/Li–gm/p/13074138.html...
2020-09-02 15:29:39
1024
原创 js 判断IE浏览器方法（包括IE11）
window.navigator.userAgent取得浏览器的userAgent字符串，可以检测使用的浏览器类型，比如：Opera、Firefox、Chrome、Safari、ie等判断IE浏览器的方法（包括IE11） var UA = window.navigator.userAgent; //取得浏览器的userAgent字符串 var msie = UA.indexOf("MSIE"); if (msie > 0 || !!navigator.userAgent.match(/
2020-09-02 15:09:09
836
原创 javascript 宏任务和微任务 总结
.宏任务（macrotask ）和微任务（microtask ）表示异步任务的两种分类。在挂起任务时，JS 引擎会将所有任务按照类别分到这两个队列中，首先在 macrotask 的队列（这个队列也被叫做 task queue）中取出第一个任务，执行完毕后取出 microtask 队列中的所有任务顺序执行；之后再取 macrotask 任务，周而复始，直至两个队列的任务都取完。宏任务一般是：包括整体代码script，setTimeout，setInterval。微任务：new promise().the
2020-08-12 18:10:52
470
3
原创 egg-socket 配置和使用
nodejsSocket.IOSocket.IO 是一个基于 Node.js 的实时应用程序框架，在即时通讯、通知与消息推送，实时分析等场景中有较为广泛的应用。WebSocket 的产生源于 Web 开发中日益增长的实时通信需求，对比基于 http 的轮询方式，它大大节省了网络带宽，同时也降低了服务器的性能消耗；socket.io 支持 websocket、polling 两种数据传输方式以兼容浏览器不支持 WebSocket 场景下的通信需求。框架提供了 egg-socket.io插件，增加了以下
2020-08-12 17:52:34
2081
5
转载 vue-cli3.0 vue.config.js的配置项（注解）
module.exports = { // 部署应用时的基本 URL baseUrl: process.env.NODE_ENV === 'production' ? '192.168.60.110:8080' : '192.168.60.110:8080', // build时构建文件的目录 构建时传入 --no-clean 可关闭该行为 outputDir: 'dist', // build时放置生成的静态资源 (js、css、img、fonts) 的 (
2020-08-10 11:20:35
346
原创 Vuetify autocomplete组件
1、search-input.sync：在watch里面监听输入数据的变化进行查询操作。2、update:search-input：用来阻止search-input.sync监听事件继续进行。3、keyup.enter：键盘enter事件。Html<v-autocomplete class="selectBox" v-model="typeContent" item-text="allContent" item-v
2020-07-09 16:11:17
1109
原创 Vuetify + Element 的Table筛选功能
ui框架的基础是：主ui是vuetify，引用了elelment ui的table 实现的效果；（表格为elelment ui,筛选框的样式是vuetify）*可根据自己需求进行筛选框内容修改；npm 安装element ui在页面引用：import {Table,TableColumn,Pagination} from 'element-ui'import 'element-ui/lib/theme-chalk/index.css';components: {Table,TableColumn
2020-07-09 14:53:12
786
原创 TypeScript 函数定义
返回值和参数1、函数 返回值类型function 函数名():返回值类型{}let 变量名：变量类型 = 函数名()*如果没有返回值，返回值类型为void2、函数 形参类型 function 函数名(形参1:类型，形参2:类型):返回值类型{ } let 变量名：变量类型 = 函数名(实参1，实参2)3、特点实参 和 形参 的类型要一致实参 和 形参 的数量要一致可选参数1、函数 可选参数function 函数名(形参1 ?:类型):返回值类型{}*形参后
2020-07-09 14:23:06
243
原创 TypeScript 变量 和 数据类型
变量：*ts声明变量时必须指定数据类型。语法：let 变量名：变量类型 = 值数据类型：原有类型：string、number、boolean、array、null、undefined、symbol、object新增类型：tuple（元组）、enum（枚举）、any（任意类型）、never、void1、数组（array）*需要声明时指定数组中元素的类型；语法：方法一：let 数组名：类型[] = [值1，值2]eg：let arr1: string[] = [‘hello’,‘hi’]方
2020-07-09 13:58:50
257
原创 iview 表格分页组件的实例
关于vue的iview page分页组件和table表单。主要是对on-change和on-page-size-change的方法的总结实例。第一：引入iview (此步自行处理)第二：html页面 <Table border :columns="historyColumns" :data="historyData"></Ta...
2018-10-15 17:05:33
5382
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人