- 博客(36)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 echarts 自定义柱状图 bar,effectScatter,pictorialBar
echarts 自定义柱状图 bar,effectScatter,pictorialBar
2022-07-08 17:35:51
792
原创 echats 3d地图 并打点和绘制迁徙图，绘制3d柱状图 3d迁徙线3d点 lines3D bar3D scatter3D
echats 3d地图 并打点和绘制迁徙图，绘制3d柱状图 3d迁徙线3d点 lines3D bar3D scatter3D
2022-07-08 16:51:14
679
2
原创 echarts横向渐变柱状图，顶部带scatter,effectScatter,背景色
echarts横向渐变柱状图，顶部带scatter,effectScatter,背景色
2022-07-08 16:36:21
1439
原创 gzip压缩,webpack-obfuscator混淆，copy-webpack-plugin复制文件
vue配置gzip压缩,webpack-obfuscator混淆，copy-webpack-plugin复制文件
2022-07-08 15:43:17
352
原创 rem设置自适应
１．rem是相对于根元素的字体大小，根据屏幕大小改变进行重新计算字体大小，一般把屏幕宽度１０等分；２．直接上代码如下：<html> <head> <meta name='viewport' content="width=device-width"/> <style type="text/css"> body{ margin:0; }
2021-03-30 20:22:47
199
原创 vuex模块方式的写法和使用
１．安装vuexnpm install vuex --save２．新建index.js代码如下：import Vue from 'vue'import Vuex from 'vuex'import alarm from './alarm'Vue.use(Vuex)const store = new Vuex.store({ modules:{ alarm }})export default store３．alarm的模块代码如下const st
2021-03-12 10:59:50
222
原创 Vue国际化，使用vue-i18n实现国际化
1.安装vue-ii18nnpm install vue-i18n --save2.注入vue中，在mian.js修改，并引入i18n翻译模板文件mian.js代码：import VueI18n from 'vue-i18n'import langs from './common/langs/index.i18n'Vue.use(VueI18n);const i18n = new VueI18n({ locale: 'zh-CN', messages:{ 'zh-CN': Objec
2021-03-09 16:14:47
151
原创 react用redux、react-redux(连接)进行多个状态管理；用react-router-dom进行路由跳转
1.创建index.redux.js文件：创建reducer和一些状态管理的action代码如下const add_gun='+';const remove_gun='-';export function createShaDaPao(state= 10,action) { switch (action.type) { case add_gun: return state+1; case remove_gun:
2021-02-28 21:57:38
216
原创 vue 使用style-resources-loader和vue-cli-plugin-style-resources-loader全局配置less
1.安装 style-resources-loader和vue-cli-plugin-style-resources-loadernpm i style-resources-loader vue-cli-plugin-style-resources-loader --save2.新建一个variable.less文件内容如下；并引入main.js文件中variable.less代码：@common-color:'#fff';@common-bg: blue;main.js代码：impor
2021-02-05 14:18:36
1829
原创 mongodb配置启动和nodejs连接mongondb；新建数据库表，增删改查
1.安装mongodb2.安装包下创建data，data下面创建db和logos分别在db和logs里面创建配置文件mongodb.conf内容如下dbpath=D:\软件\mongodb\data\dblogpath=D:\软件\mongodb\data\logs\mongodb.log logappend=true journal=truemongod.log：内容为空3.启动mongodb：mongod.exe --dbpath D:\软件\mongodb\data\db4.n
2021-02-03 22:19:43
195
1
原创 nodejs+express，配置路由，以及中间件（corn，body-parser等）使用
1.安装express 和express-generatornpm install -g express，npm install -g express-generator2.输入 express -e 创建项目3.npm install 安装依赖;npm start 开启项目,安装后台热更新模块如下npm i nodemon --save安装完成nodemon之后，需在package.json的scripts修改命令行：```bash"scripts": { "start":
2021-02-02 23:48:35
346
原创 angularjs 实现权限控制
1.app.js添加方法：（authChek）直接上代码import angular from 'angular'import 'oclazyload'import uirouter from 'angular-ui-router'import uiBootstrap from 'angular-ui-bootstrap'import debounce from './static/scripts/factory/debounce.js'import headerDev from './stat
2021-01-23 22:37:11
333
原创 vue权限控制（通过指令实现权限控制）
1.创建一个指令代表显示隐藏（新建v-auth.js）,代码如下export default { inserted:function (el,bind) { if(window.authObject[bind.value]===undefined){ el.parentNode && el.parentNode.removeChild(el) } }}2.指令注册到vue上（新建index.js,方便批量注册多个
2021-01-23 22:22:20
992
原创 nodejs入门（原生）： 创建本地服务，配置路由，读，写文件；模拟get、post请求接口
1.创建server.js，内容如下，然后执行node server.js可以看到如下图片let http = require(‘http’)let url = require(‘url’)http.createServer(function(request, response){response.writeHead(200,{‘conten-type’: ‘text/plain’})response.write(‘hello h3c’)let location_name = url.parse
2021-01-16 23:09:38
168
原创 grafana 安装、启动
1.windows系统源码安装1.安装ndoejs，需要v9以上版本，window会自动配置环境变量2.安装go，需要手动配置环境变量如下GOROOT=D:\GOGOPATH=D:\GOPATH3.下载并解压mingw64.zip,把解压后的bin目录配置到环境变量中，因为编译后天代码时会使用到gcc4.把go.zip中文件解压到GOPATH目录5.在%GOPATH%\src\github.com\grafana 目录下，下载的grafana源码，注意两层grafana目录6.在%GOPAT
2021-01-16 21:51:07
2364
原创 angularjs封装分页指令
1.封装分页指令tmPagination;b.新建pagination.html，文件内容如下：b.新建pagination.less，文件内容如下：c.新建tmpagination.js，文件内容如下：2.app.js注入指令如下（import tmPagination from './static/scripts/diredctive/tmPagination /tmPagination .js' 和 .directive('tmPagination ',tmPagination )
2021-01-11 20:38:49
178
原创 vue基于elemet-ui的Pagination 组件封装分页插件
1.新建pagination.js 引入el-pagination、el-select、el-input 组件然后封装一个全新的分页插件<template> <div class="pagination" v-if="conf.totalItems > 0"> <div class="pagination_total">共有 {{ conf.totalItems }} 条记录</div> <div class="paginat
2021-01-11 18:25:55
227
原创 cavans 画动态柱状图
<head> <meta charset="UTF-8"> <title></title> <style> canvas { background-color: yellow; } </style></head><body> <canvas id="myCanvas" width="600" height="600"></canvas> <scr..
2021-01-10 00:35:02
2283
5
原创 angularjs防抖
1.注入服务myCtr.$inject = ['$scope','debounce'].2.直接使用debounce例如html 内容如下<input type="text" name="activities" ng-model="inputValue" ng-change="changeValue"></input>js内容如下：function myCtr($scope，debounce){ $scope.changeValue = debounce(fu
2021-01-09 20:45:38
421
1
原创 vue 实现防抖
1.首先新建一个debounce.js代码如下const debounce=function(fn, delay){ let timer = null return function(){ let content = this; let args = arguments; if(timer){ clearTimeout(timer) } timer = setTime(()=>{ fn.apply(context,args) }, delay) }}ex
2021-01-09 20:22:44
323
2
原创 angularjs 搭建项目、使用uirouter配置路由,封装$http,超时退出
**angularjs 搭建项目、配置路由**有两种方式搭建项目一种是重开始配置（1.npm init 2.配置package.json文件），另外一种是下载网上已经有的基础模板，我在这里说下第二种搭建方法下载基础模板git clone https://github.com/angular/angular-seed.git安装依赖 npm install启动项目 npm start效果如下...
2021-01-08 18:26:20
2669
10
原创 react +Ant DesignPro搭建项目
react +Ant Design搭建项目1． 安装node，git2． 用git下载项目到本地（git clone https://github.com/ant-design/ant-design-pro.git）3． 下载完成后进入项目安装依赖 cd ant-design-pro 然后 npm install4． 启动项目npm start成功后本地显示...
2021-01-08 11:27:03
252
原创 vue搭建项目：配置路由；封装axios；引入mockjs；设置bus跨层级通信；vue.config.js配置
1下载安装node，node –v检查是否安装成功。2.安装脚手架npm install -g @vue/cli3.创建项目vue create hello-vue,然后启动项目 npm run serve4.配置路由：(1).安装vue-router(npm install vue-router);main.js引入如下Impot router form ‘vue-router’Import Vue from ‘vue’Vue.use(router)(2).新建路由router.JsC
2021-01-07 18:00:46
4167
12
原创 ## 如何修改grafana样式，亲测有效果，修改的是panle的样式
如何修改grafana样式，亲测有效果，修改的是panle的样式1.下载yesoreyeram-boomtheme-panel 插件我的博客上传的有2.把yesoreyeram-boomtheme-panel放到grafana/public/app/plugins/下面3.重启服务grafana-server restart4.新建panel魔板，然后在bottompanel里面自定义样式比如.panle{background-color:blue}...
2021-01-07 17:14:09
1073
原创 浏览器解决跨域的5种方法
**浏览器解决跨域**CORS跨域资源共享与JSONP对比更有优势，无请求方式的局限性(post、get均可)。方法：header(‘Access-Control-Allow-Origin:*’);//允许所有来源访问header(‘Access-Control-Allow-Method:POST,GET’);//允许访问的方式谷歌浏览器关闭CORS策略:在Chrome的快捷方式后面加:–args --disable-web-security --user-data-dir 然后打
2021-01-07 15:12:22
1311
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人