"/usr/local/smokeping/htdocs/cropper/"
Alias/ Smokeping "/usr/local/smokeping/htdocs/smokeping.fcgi"
If you need to support Chinese, you need to install the Chinese encoding:
Yum-y Install Wqy-zenhei-fonts.noarch
vim/usr/local/smokeping/lib/smokeping/graphs.pm
My ($graphret, $xs, $ys) = Rrds::graph
("Dummy",
'--start ', $tasks [0][1],
'--end ', $tasks [0][2],
After adding '--font title:20: ' Wenquanyi Zen Hei Mono ',
Set power-on start echo "/usr/local/smokeping/bin/smokeping--logfi
).Of course, the more intuitive way to do this is to use ES2017 to bring the async/await way, you can write asynchronous code in the form of synchronous code, of course, there are some pits inside. For front-end engineers, the biggest pit is some browsers do not support, need to translate, so if the front-end code is not built process, generally still use ES5 syntax compatibility better (JQuery Promise is support ES5, but the standard Promise to ES6 later can use )。For JavaScript asynchronous pr
The Vuejs was updated from 1.0 to version 2.0. HTTP request official also from the recommended use vue-resoure changed to Axios. Next, we'll simply use Axios to make an asynchronous request. (Read the author's default reader with the ability to use NPM commands, as well as the ability to have ES6, and so on ...). )First, we install the VUE-CLI development template (this template can be quickly generated Vue
'}) }})Step 2: Route redirect for Logon status verification
First, compare the two codes in the lower part of the pipeline.
Router. beforeeach (to, from, next) = gt; {Let islogin = xes. getcookies ('Token') if (! Islogin) {// if it is the logon page path, directly jump to next ('/login');} else {next ()}})
Router. beforeeach (to, from, next) = gt; {Let islogin = xes. getcookies ('Token') if (! Islogin) {// if it is the logon page path, directly jump to the next step if (. path = '/login') {
Vue2.0 user permission control solution example, vue2.0 permission Control
Vue-Access-Control is a front-end user permission Control solution based on Vue, Vue-Router, and axios. It controls the routing, view, and request layers, this allows developers to implement user permission control at any granularity.
Install
Version requirements
Vue 2.0x
Vue-router 3.x
Obtain
Git: git clone https://github.com/tower1229/Vue-Access-Control.git
Npm: npm I v
Vue-Access-Control front-end user permission Control solution,
Vue-Access-Control is a front-end user permission Control solution based on Vue, Vue-Router, and axios. It controls the routing, view, and request layers, this allows developers to implement user permission control at any granularity.
Overall Thinking
At the beginning of the session, initialize a Vue instance with only the logon route. In the root component created hook, direct the route t
Vue2.0 user permission control solution, vue2.0 permission Control
Vue-Access-Control is a front-end user permission Control solution based on Vue, Vue-Router, and axios. It controls the routing, view, and request layers, this allows developers to implement user permission control at any granularity.
Install
Version requirements
Vue 2.0xVue-router 3.xObtain
Git: git clone https://github.com/tower1229/Vue-Access-Control.git
Npm: npm I vue-access-contro
can be seen in the JWT Chinese documentation.In addition JWT official website has debugging tool, can assist to check wrong.
How 0x2 is used in the Web
The client sends a login request (this login request does not require JWT verification) and returns token in the login request.The client saves tokens, and later requests for tokens are brought to the header.
0x3 Combat
Using JWT in the echo frame
Here are the official documents and tutorials, which are more clearly said.We only need to generate
); } return next(action); };}const thunk = createThunkMiddleware();thunk.withExtraArgument = createThunkMiddleware;export default thunk;
As can be seen from this, it is to strengthen the function of the dispatch, before dispatch an action, to determine whether the action is a function, if it is a function, then execute this function.
Then we can use it very simply, when we modify the Actions.js
import axios from '
Detailed description of vue + vuex + koa2 Development Environment establishment and example development, vuexkoa2
Preface
The main purpose of this article is to learn how to use the koa framework to build web services and provide some backend interfaces for frontend calls.
The purpose of setting up this environment is that the front-end engineer can request data from the back-end engineer through the http path set up by the front-end engineer before agreeing with the back-end engineer on the Int
# # One, send AJAX requests# # 1. Brief introductionVue itself does not support sending AJAX requests, it needs to be implemented using plugins such as Vue-resource, Axios, etc.Axios is a promise-based HTTP request client that is used to send requests and is vue2.0 officially recommended, while not updating and maintaining Vue-resourceReference: Search Axios on GitHub, view API documentation# # 2. Using
] ~]# chkconfig smokeping on #设置smokeping为开机启动 [[email protected] ~]# Chkconfig httpd on #设置apache为开机启动 [[email protected] ~]#/etc/init.d/httpd start #启动apache服务 [[email protected] ~]#/etc/ init.d/smokeping Start #启动smokeping服务Add a site or service host that needs to monitor network statusTo add a site or host IP address, can only be added to the smokeping configuration file, cannot be added through the Smokeping Web interface, after the site has been added to restart Smokeping, will/u
Today teaches us a cool code, glittering map of China. Just need to use vue+vuex+axios+echarts to make this map dynamic update, let's take a look.
I. Build the project and install the plugin
# installation VUE-CLINPM Install vue-cli-g# Initialize Project Vue init webpack china-map# cut to directory CD china-map# Setup project dependent npm install# install VUEXNPM Insta ll Vuex--save# installing AXIOSNPM install
', Item.menuicon]" >i> Span class= "Hljs-tag" >span>{{item.menuName} }span> Q: I used Axios, why IE Browser does not recognize (ie9+)IE 整个家族都不支持 promise, 解决方案:npm install es6-promise// 在 main.js 引入即可// ES6的polyfillrequire("es6-promise").polyfill();Q: I used the this.xxx= within the function, why throw cannot set property ' xxx ' of undefined;这又是this的套路了..this是和当前运行的上下文绑定的...一般你在axios或者其他 promise , 或者set
Vue2.0 http request and loading display instance, vue2.0loading
We need to add two additional dependency vuex and axios :( or write the MyFirstProject of the previous project)
npm i vuex axios -D
First, briefly describe the http request
1. Introduce axios in main. js
import axios from '
See vue.js have a few days, before also fragmented, but have not hand to write demo, this few days backstage matter relatively little, has been discussing various needs (in fact, the company on demand or more attention and rigorous, a project needs to discuss almost a week, this to put before, God ... , so I think of the simple vue, such as the following is only a personal understanding, not to the place also looked at the garden friends, involved in the things have Vue, Vue-router, Vuex,
user's window when you change the browser window when you're older. 5: If you introduce the jquery UI draggable plugin plugin, the plugin can also be dragged freely. Jquery.alerts.js code: //Download by http://keleyi.com//modified by Collayi to make plugins suitable for new versions of jquery (e.g. 1.10.1)/Visit http ://keleyi.com/a/bjac/no0m3cb1.htm for more information////usage://jalert (message, [title, Callback])//Jconfir m (Message, [title, Callback])//jprompt (message, [value, titl
){Return $ super (Message) + ', yarr! ';}});
VaR John = new pirate ('long john ');John. Say ('ahoy mate ');//-> "Long John: Ahoy Matey, yarr! "
// Override the initialize of the subclass when declaring the subclass
Before 1.60
Java code
1. var animal = Class. Create ();2. Animal. Prototype = {3. initialize: function (name, sound) {// superclass, one or two parameters at the top4. This. Name = Name;5. This. Sound = sound;6 .},7.8. Speak: function (){9. Alert (name + "says:" + sound + "! ");10 .}
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.