- 博客(47)
- 收藏
- 关注
RSS订阅原创 Vue:router的beforeEach与afterEach钩子函数
在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue里面提供了三大类钩子，两种函数1、全局钩子2、某个路由的钩子3、组件内钩子两种函数：1、Vue.beforeEach(function(to,form,next){}) /*在跳转之前执行*/2.V...
2018-08-31 17:27:40
622
原创 vue2.0 $router和$route的区别
在vue2.0里页面参数是 this.$route.query或者 this.$route.params 接收router-link传的参数。在路由跳转的时候除了用router-link标签以外需要在script标签在事件里面跳转，所以有个方法就是在script标签里面写this.$router.push('要跳转的路径名')， 在写的时候发现这两个为什么不同，在控制台打出this的时候，...
2018-08-31 16:58:17
709
原创 CSS常见兼容性问题总结
浏览器的兼容性问题，通常是因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况。这里谈到的浏览器，主要指IE6/IE7/IE... FireFox Chrome Opera Safari 等。 但更多的兼容还是考虑IE6/IE7/FF之间的斗争先来谈谈CSS Hack 我们为了让页面形成统一的效果，要针对不同的浏览器或不同版本写出对应可解析的CSS样式，所以我们就...
2018-08-29 17:29:28
242
原创 Vue调试工具vue-devtools安装
手动安装第一步：找到vue-devtools的github项目，并将其clone到本地. vue-devtoolsgit clone https://github.com/vuejs/vue-devtools.git第二步：安装项目所需要的npm包npm install //如果太慢的话，可以安装一个cnpm, 然后命令换成 cnpm install第三步：编译项目文件...
2018-08-17 15:59:03
544
原创 mockjs在项目中的使用
现在的前端开发，更多的时前是前后端分离，这样可以大大的提高开发的效率和速度。但如果后端的api的实现迟迟没有完成，这样会严重的影响到前端人员的开发效率。这时mockjs就应运而生，mockjs使的前端在开发的过程中，可以先和后端人员约定好api 的格式和返回的数据内容格式。这样前端就可以根据标准通过mockjs模拟出自己需要的数据。实现完全的前后端分离。具体实现：一、先通过npm inst...
2018-08-17 15:24:52
4112
原创 axios在项目中的的使用
axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF引入方式： 1 ...
2018-08-17 13:14:39
1495
原创 ubuntu中工作进程的管理
一 直接将命令丢到后台去执行的 “&”在命令后面加上＆后 执行该命令的进程将会在后台去执行 而不会占用终端二 将工作丢到后台中暂停 [ctr]-z比如你用vim 正在编写一个文件 突然将想要知道该文件的具体目录 这是 你可以按ctr-z将任务对到后台停止 在查看目录 停止后你可以使用 jobs -l查看后台的工作状态root@gangqiangsun-QiTianM...
2018-08-16 14:48:09
515
转载 Linux下的crontab定时执行任务命令详解
在LINUX中，周期执行的任务一般由cron这个守护进程来处理[ps -ef|grep cron]。cron读取一个或多个配置文件，这些配置文件中包含了命令行及其调用时间。cron的配置文件称为“crontab”，是“cron table”的简写。一、cron服务 cron是一个linux下 的定时执行工具，可以在无需人工干预的情况下运行作业。 service crond start...
2018-08-16 14:00:10
99
原创 linux中关于挂载的理解
挂载：Liunx采用树形的文件管理系统，也就是在Linux系统中，可以说已经没有分区的概念了。分区在Linux和其他设备一样都只是一个文件。要使用一个分区必须把它加载到文件系统中。这可能难于理解，继续往下看。Linux中树形的文件结构，最顶层是/ 目录。在安装系统时，你必须选择把一个主分区挂载在/ 目录下，因为系统需要安装在/挂载的主分区下。否则系统会提示你。这里又一次提到了挂载。所以挂载就是...
2018-08-16 13:56:47
13280
5
转载 JavaScript 运行机制详解：再谈Event Loop
一、为什么JavaScript是单线程？JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScri...
2018-08-16 11:11:22
108
原创 java的线程优先级和守护线程
1. 线程优先级的介绍java 中的线程优先级的范围是1～10，默认的优先级是5。“高优先级线程”会优先于“低优先级线程”执行。java 中有两种线程：用户线程和守护线程。可以通过isDaemon()方法来区别它们：如果返回false，则说明该线程是“用户线程”；否则就是“守护线程”。用户线程一般用户执行用户级任务，而守护线程也就是“后台线程”，一般用来执行后台任务。需要注意的是：Jav...
2018-08-16 10:35:28
1453
转载 线程等待与唤醒
wait(), notify(), notifyAll()等方法介绍在Object.java中，定义了wait(), notify()和notifyAll()等接口。wait()的作用是让当前线程进入等待状态，同时，wait()也会让当前线程释放它所持有的锁。而notify()和notifyAll()的作用，则是唤醒当前对象上的等待线程；notify()是唤醒单个线程，而notifyAll()...
2018-08-15 17:42:12
7248
转载 java多线程编程synchronized关键字
1. synchronized原理在java中，每一个对象有且仅有一个同步锁。这也意味着，同步锁是依赖于对象而存在。当我们调用某对象的synchronized方法时，就获取了该对象的同步锁。例如，synchronized(obj)就获取了“obj这个对象”的同步锁。不同线程对同步锁的访问是互斥的。也就是说，某时间点，对象的同步锁只能被一个线程获取到！通过同步锁，我们就能在多线程中，实现对“对象...
2018-08-15 16:36:43
191
转载 idea常用快捷键
Ctrl快捷键 介绍Ctrl + F 在当前文件进行文本查找 （必备）Ctrl + R 在当前文件进行文本替换 （必备）Ctrl + Z 撤销 （必备）Ctrl + Y 删除光标所在行 或 删除选中的行 （必备）Ctrl + X 剪切光标所在行 或 剪切选择内容Ctrl + C 复制光标所在行 或 复制选择内容Ctrl + D 复制...
2018-08-15 16:20:26
84
转载 java实现多线程之Thread、Runnable和Callable的区别
Thread、Runnable和Callable简介创建线程的三种方式：继承Thread，重写run方法 实现Runnable接口，重新run方法 实现Callable接口，重写call方法Thread 是一个类。Thread本身就实现了Runnable接口。它的声明如下：public class Thread implements Runnable {}Thread的作用...
2018-08-15 16:03:22
1410
原创 HTTP与TCP的区别和联系
一、基本概念1、TCP连接 手机能够使用联网功能是因为手机底层实现了TCP/IP协议，可以使手机终端通过无线网络建立TCP连接。TCP协议可以对上层网络提供接口，使上层网络数据的传输建立在“无差别”的网络之上。 建立起一个TCP连接需要经过“三次握手”： 第一次握手：客户端发送syn包(syn=j)到服务器，并进入SYN_SEND状态，等待服务器确认；...
2018-08-15 14:13:27
174
转载 Java中集合总结
List和Set的区别 1. Set 接口实例存储的是无序的，不重复的数据。List 接口实例存储的是有序的，可以重复的元素。 2. Set检索效率低下，删除和插入效率高，插入和删除不会引起元素位置改变 ，实现类有HashSet，TreeSet。 3. List和数组类似，可以动态增长，根据实际存储的数据的长度自动增长List的长度。查找元素效率高，插入删除效率低，因为会引起其他元素位置改变...
2018-08-15 13:51:30
193
1
原创 java中读text文件
import java.io.*;public class Readfile { public void readfile() throws IOException{ File f=new File("/var/www/html/study/test.txt"); if(f.isFile() && f.exists()){ ...
2018-08-15 11:35:44
3231
原创 Ubuntu16.04安装IntelliJ IDEA并破解方法
1.下载Intellij idea安装包https://www.jetbrains.com/idea/download/#section=linux题主下载的版本是Ultimate–Linux,without JDK(.tar.gz)Version: 2017.3.4Build: 173.4548.28Released: January 30, 2018解压下载的文件...
2018-08-14 15:49:39
2607
转载 linux系统启动流程
从打开电源到开始操作，计算机的启动是一个非常复杂的过程。我一直搞不清楚，这个过程到底是怎么回事，只看见屏幕快速滚动各种提示...... 这几天，我查了一些资料，试图搞懂它。下面就是我整理的笔记。零、boot的含义先问一个问题，"启动"用英语怎么说？回答是boot。可是，boot原来的意思是靴子，"启动"与靴子有什么关系呢？ 原来，这里的boot是bootstrap（鞋带）的缩写...
2018-08-13 16:22:45
222
转载 react-redux中connect的装饰器用法@connect详解
通常我们需要一个reducer和一个action，然后使用connect来包裹你的Component。假设你已经有一个key为main的reducer和一个action.js. 我们的App.js一般都这么写：? 1 2 3 4 5 6 7 8 9 10 11 12 13 14...
2018-08-13 13:26:33
6863
转载 windows系统下安装Java的JDK详细流程
如果你是一个初级程序员，刚刚接触Java语言，并且对它兴趣很大，想继续研究。那么这篇博客就来给你说说怎么安装Java工具JDK，它是你进行Java的第一步。 首先你要下载Java的JDK（JDK的全称是:Java Development Kit即Java语言软件工具开发包），目前最新的JDK版本是1.8，Java最初是SUN公司，因后来被oracle公司收购，故你需要到oracl...
2018-08-12 12:55:19
216
原创 ubuntu16.04下eclipse没有top菜单
在eclipse目录加入一个eclipse.sh文件，内容如下#!/bin/bashexport UBUNTU_MENUPROXY=0/usr/local/eclipse/eclipse最后一句为eclipse的路径，然后执行sh eclipse.sh
2018-08-12 11:50:43
204
原创 Ubutn下面的eclipse的菜单栏显示不出来的解决办法！！！
1.如果已经创建了启动文件，直接在修改EXEC属性Exec=env UBUNTU_MENUPROXY=0 /job/android/adt-bundle-linux-x86_64-20140702/eclipse/eclipse在原本的属性前面加上env UBUNTU_MENUPROXY=0然后用开个隔开2.如果没有创建就输入命令：sudo gedit /usr/share/app-ins...
2018-08-10 16:25:05
1143
转载 k8s docker集群搭建
一、Kubernetes系列之介绍篇 •Kubernetes介绍1.背景介绍 云计算飞速发展 - IaaS - PaaS - SaaS Docker技术突飞猛进 - 一次构建，到处运行 - 容器的快速轻量 - 完整的生态环境2.什么是kubernetes 首先，他是一个全新的基于容器技术的分布式架构领先方...
2018-08-09 11:21:08
3628
原创 android studio 使用专用的sdk和virtual device image
通过命令行的方式启动android studio中的模拟器启动模拟器时需要读取下面四个文件 ：File Description Option to Specify a Different File kernel-qemu or kernel-ranchu The binary kernel image for the AVD. kernel-ranchu is the...
2018-08-07 16:58:38
2905
原创 android studio 自动签名
二、apk自动签名 1. 生成签名文件在as菜单栏中找到“bulid”这一栏，选择“Generate Signed APK” 这里选择新建一个文件。”Create new…”新建一个签名文件 ”Choose existing…”选择一个已经存在的签名文件 填写完整的签名信息。这里密码统一填写“android”，别名写个“key”即可。其他的信息根据实际情况和需求填写，...
2018-08-07 16:55:44
774
原创 android studio 自定义皮肤
创建一个自己皮肤的文件目录完成下面文件 Create a new directory where you will save your skin configuration files. Define the visual appearance of the skin in a text file named layout. This file defines many chara...
2018-08-07 16:54:32
1554
原创 android studio的联机调试总结
一 联机调试1.用数据线将手机连接到电脑，开启开发者选项和USB调试以及媒体设备（MTP）可通过电脑传输文件.2.设置Android Studio调试：单机app选择Edit Configurations进入如图设置：将Deployment Target Option下的Target设置为USB Device,单机OK。点击Run，手机同意安装app，即可在手机上调...
2018-08-07 16:52:06
2085
原创 ubuntu16.04解决桌面没有图标只有背景的问题
Fix compiz problem :sudo rm -fr ~/.cache/compizconfig-1 sudo rm -fr ~/.compizThen try this if your session not loading :sudo rm -fr ~/.Xauthority sudo rm -fr ~/.config/autostartReinstall compi...
2018-08-07 09:12:06
18120
1
原创 android studio 创建虚拟机
创建第一个AndroidStdio虚拟机1.找到小图标，点击打开 ２.点击进行调加一个虚拟手机３.这里不解释那么多，应该都懂的-----选择完版本，分辨率大小，————》Next“下一步” ４.选择自己所需的版本，里面有提供各种牌子手机的虚拟机。Next“下一步” ５.最后一步，挑选详细内容 ６.完成 ...
2018-08-06 17:53:17
11643
转载 mapStateToProps，mapDispatchToProps的使用详解
刚接触redux的时候，发现大家对mapDispatchToProps使用有几种方法，而且都跑通了，本文来介绍下，redux的mapStateToProps，mapDispatchToProps的一些使用方式。mapStateToProps（state, ownProps） mapStateToProps是一个函数，用于建立组件跟 store 的 state 的映射关系 作为一个函数，它可...
2018-08-06 15:16:50
5946
原创 React组件属性部类（propTypes）校验
Prop 验证随着应用不断变大，保证组件被正确使用变得非常有用。为此我们引入propTypes。React.PropTypes 提供很多验证器 (validator) 来验证传入数据的有效性。当向 props 传入无效数据时，JavaScript 控制台会抛出警告。注意为了性能考虑，只在开发环境验证 propTypes。下面用例子来说明不同验证器的区别：React.createClass...
2018-08-06 14:52:51
285
原创 Redux 中CombineReducer的原理和应用
随着应用变得复杂，需要对 reducer 函数 进行拆分，拆分后的每一块独立负责管理 state 的一部分。combineReducers 辅助函数的作用是，把一个由多个不同 reducer 函数作为 value 的 object，合并成一个最终的 reducer 函数，然后就可以对这个 reducer 调用 createStore。合并后的 reducer 可以调用各个子 reducer...
2018-08-06 14:24:49
793
转载 React×Redux——react-redux库connect()方法与Provider组件
【本文源址：http://blog.csdn.net/q1056843325/article/details/54880804 转载请添加该地址】在写Redux的时候我们就了解了 如果使用Redux的话配合React是最好的 Dan Abramov为此还特意封装了一个react-redux库来提供便利概念一旦我们选择使用了这个react-redux库 那么我们的组件概念就要加...
2018-08-06 10:36:07
191
原创 React之使用context传递数据
react中当要从父组件给子孙组件传递数据时 如果用props传递 则需要一级一级传递 而如果用context时 则可以在父组件中加入getChildContext函数 并声明需要传递的数据 在需要接受到数据的组件中声明变量类型Test.contextTypes = {test : PropTypes.string} Example://父组件import React, { Compo...
2018-08-06 09:05:56
1148
转载 Docker的网络模式和跨主机通信
Docker的四种网络模式Bridge模式(默认模式)当Docker进程启动时，会在主机上创建一个名为docker0的虚拟网桥，此主机上启动的Docker容器会连接到这个虚拟网桥上。虚拟网桥的工作方式和物理交换机类似，这样主机上的所有容器就通过交换机连在了一个二层网络中。从docker0子网中分配一个IP给容器使用，并设置docker0的IP地址为容器的默认网关。在主机上创建一对虚拟网卡ve...
2018-08-03 11:45:13
249
原创 create-react-app脚手架构建react项目后配置proxy
使用create-react-app创建项目后，在本地开发时 ，配置请求转发是常见的。配置转发之后我们在本地环境就能请求到服务器的接口。 使用以下命令生成本地webpack配置文件npm run eject该命令会将配置文件暴露到scripts目录下然后看scripts目录下的start.js源码 发现 const compiler = createCompiler(we...
2018-08-02 17:05:39
6252
1
原创 关于es6中...运算符的总结
一、...为展开运算符let a = [1,2,3];let b = [0, ...a, 4]; // [0,1,2,3,4]let obj = { a: 1, b: 2 };let obj2 = { ...obj, c: 3 }; // { a:1, b:2, c:3 }let obj3 = { ...obj, a: 3 }; // { a:3, b:2 }二、...为剩余操...
2018-08-02 15:42:33
8251
原创 react中数据父传子和子传父的实现
React父组件与子组件之间的值传递一、父组件向子组件传递信息将父组件的state通过props传入子组件父组件代码片段 constructor(props){ super(props) this.state={ message:"我是父组件传来的" } } render(){ return( <div ...
2018-08-02 15:05:13
14606
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人