唐生洗发用飘柔-优快云博客

１．rem是相对于根元素的字体大小，根据屏幕大小改变进行重新计算字体大小，一般把屏幕宽度１０等分；２．直接上代码如下：<html> <head> <meta name='viewport' content="width=device-width"/> <style type="text/css"> body{ margin:0; }

2021-03-30 20:22:47 261

１．安装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 259

原创 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 184

原创 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 265

原创 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 2027

原创 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 229 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 414

原创 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 367

原创 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 1580

原创 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 204

原创 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 2532

原创前端开发遵循规范

1.项目特效功能启动，

2021-01-15 10:35:25 139

原创 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 230

原创 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 309

原创 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 2347 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 485 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 386 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 2725 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 304

原创 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 4220 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 1319

原创浏览器解决跨域的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 1771

yesoreyeram-boomtheme-panel-master

博能地图增加热力控制工具栏

空空如也