一条鱼i-优快云博客

原创 windows 10 下安装 node

首先进入https://nodejs.org/en/download/下载node.js的安装文件，可以根据需求进行选择下载。这个我选择Windows Installer(.msi)64-bit下载好之后进行傻瓜式安装。（注意：记住安装所在位置）在nodejs的安装目录下，新建node_global和node_cache两个文件夹，（C:\Program Files\nodejs）...

2018-07-22 15:24:58 2934

原创 vue-全局拦截未登录用户访问页面

为了保护网站的安全性，所以需要做全局路由拦截处理。路由部分：这里的login:true是指是否要验证用户的token。export default new Router({ routes: [ { path: '/homepage', name: 'Homepage', component: Homepage, meta:{ ...

2019-09-12 10:06:18 3023

原创 vue建立socket长连接

getSocket() { //获取消息 var socket = new WebSocket('wss://你的socket地址'); socket.onopen = function () { const _this = this var userInfo = JSON.parse(localStorage.getItem(...

2019-09-12 09:59:50 4433

原创 npm install出现Unexpected end of JSON input while parsing near错误解决方法

在npm install 安装依赖时出现一下bug:Unexpected end of JSON input while parsing near 'xxxxxx'根据网上做法进行缓存清理，但是没有用。那么遇到问题首先做两步，检查npm -v ,node -v，检查两者的版本是否升级，我这里可能是因为node版本需要升级导致的问题，但是这里首先采取以下命令解决了：npm i npm...

2019-07-07 16:25:53 491

原创 es6------------------------------学习笔记

import { Agent } from "http"; // es6新增块作用域声明变量const和 let作用于块// const声明的常量不可以重新赋值，但是对象可以发生改变function test() {const PI = 3.14;const k = {a: 1}k.b = 3;// 输出为object:{a:1 ,b:2}} ...

2019-01-29 15:23:11 346

原创 Vue中使用vux的配置详解---------搭建VUX运行环境

Vue中使用vux的配置，这里你可以根据自己喜欢的方式去选择一种方式进行配置。分为两种情况：一、根据vux文档直接安装，无需手动配置npm install vue-cli -g // 如果还没安装vue init webpack projectpath // 创建名为 my-project 的模板cd my-project // 进入项目npm install --registr...

2018-12-17 17:55:52 665

原创表头左右滑动表体上下滑动

2018-12-06 15:24:35 434

转载弹性布局笔记（来自别的大佬）

1.随着移动互联的到来，响应式网站风靡。这也就兴起了一种新兴的布局方式——弹性布局。>>> 了解两个基本概念：① 容器：需要添加弹性布局的父元素；② 项目：弹性布局容器中的每一个子元素，称为项目；>>> 了解两个基本方向，这个牵扯到弹性布局的使用：① 主轴：在弹性布局中，我们会通过属性规定水平/垂直方向为主轴；② 交叉轴： ...

2018-11-09 10:22:12 148

原创 vue学习笔记之动态路由和get传值

不同路由传值：可以通过动态路由1.配置动态路由(动态路径参数以冒号开头)routes:[ { path: '/content/:aid', component: Content},///:aid此处配置动态路由](get):{ path: '/pcontent/', component: Pcontent},2.在对应的页面this.$route.params获取动态路由的...

2018-08-15 19:21:27 963

原创 vue学习笔记之路由的配置

https://router.vuejs.org/vue路由配置： 1.安装在项目路径下安装 npm install vue-router --save / cnpm install vue-router --save 2、引入并 Vue.use(VueRouter) (main.js) import VueRouter f...

2018-08-15 18:00:22 164

原创 vue非父子组件传值

1.新建一个JS文件引入vue 实例化vue 并暴露这个实例import Vue from 'vue';var VueEvent = new Vue()/*将实例暴露出去*/export default VueEvent;2.在要广播的组件中引入定义的实例(news.vue&home.vue)import VueEvent from '../model/vueEv...

2018-08-15 11:56:33 163

原创 vue中props父组件给子组件传值以及父子组件主动获值

父组件给子组件传值： 1.父组件调用子组件的时候在父组件中绑定动态属性 <v-header :title='title' :homemsg='msg' :run='run' :home='this'></v-header> :home='this'将整个父组件传给子组件通过this.home.属性名或方法名来引用父组...

2018-08-14 19:02:52 4296

原创 vue数据请求模板之axios

使用axios模板请求数据步骤如下：1.安装axios使用命令cnpm install axios --save(注意：cnpm为淘宝镜像可以自行安装)2.哪里用哪里引用axios（第三方插件直接引用）<script>import Axios from 'axios'; export default{ data(){ retur...

2018-08-14 18:11:47 1388

原创笔记之vue-resource请求数据

请求数据的模板： vue-resource 官方提供的 vue的一个插件 axios fetch-jsonp请求数据的模板之vue-resource1.安装vue-resource模块使用vue-resource 必须先在项目中进行安装，安装最好要在后面加上--save这样会自动写入到package.json中2.main.js引入v-resource...

2018-08-14 12:21:56 729

原创 vue组件中的生命周期函数

beforeCreate(){ console.log('实例刚刚被创建'); }, created(){ console.log('实例创建完成'); }, beforeMount(){ console.log('模板编译之前'); ...

2018-08-14 11:50:21 884

原创 vue实现todolist基本功能以及数据存储功能

实现todolist功能，具体实现如下：可以实现对list添加、移除以及状态转变，其中添加功能既可以通过鼠标点击按钮实现，也可以通过回车键按下实现，通过使用v-model对checked的值进行双向绑定来完成状态的改变。在本次实际操作中仍存在一个小问题就是methods中函数调用，在完成数据存储前可以通过this.$options.methods.addFun();进行调用。<d...

2018-08-13 13:20:11 1691

原创学习vue之函数

通过这几日对于实际编写vue代码，发现vue对于格式的要求十分严格，而在javascript中相对没有那么严格。以下代码简单的实现了一些鼠标操作的方法。<div id="app"> {{msg}} <br /><br /> <button v-on:click="fun1()">点我一下</b

2018-08-12 18:24:38 240

原创 VUE——数组遍历与样式设定

本次笔记主要记录vue中数组的嵌套遍历。<div id="app"> <ul> <li v-for="(item,key) in list1" :class="{'red':key==0}">{{item.kind}} <ul>

2018-08-12 13:05:41 2549

原创 v-bind绑定class

v-bind:<div id="app">  <a :href="lurl">this is a link</a> <img :src="imgUrl"/&g

2018-08-04 11:08:44 2046

原创 Vue.js之计算属性用法

计算属性可以依赖多个Vue实例的数据，只要其中任一数据变化，计算属性就会重新执行，视图也会更新。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Vue Computed</title> &lt

2018-08-01 17:15:09 246

原创 Linux下shell编程

打印出所有的“水仙花数”，所谓“水仙花数”是指一个三位数，其各位数字立方和等于该数本身。例如：153是一个“水仙花数”，因为153=1的三次方＋5的三次方＋3的三次方。请输入月份的第一个字母来判断一下是几月份，如果第一个字母一样，则继续判断第二个字母。...

2018-07-31 11:05:08 354

原创 Linux下的SHELL编程实验

1、创建一个简单的列目录和日期的shell 脚本并运行之。步骤：(1)输入下列命令，创建一个新文件：vim new_script(2)输入下列行：#！/bin/bashecho “Your files are”lsecho “today is”date(3)检查文件内容，确保它是正确的：cat new_script(4)运行脚本，输入它的文...

2018-07-31 10:59:48 14871 1

原创 Linux 下ftp服务器和APACHE服务器

ftp服务器和APACHE服务器一、ftp服务器安装vsftpdsudo apt-get install vsftpd安装完成后启动vsftpd服务：service vsftpd start2、新建目录/home/uftp作为用户主目录sudo mkdir /home/uftpsudo chmod a-w /home/uftp3、新建用户uftp，制定...

2018-07-31 10:56:36 2147

原创 vi编辑器的使用

练习vi基本操作。编辑文件/home/practice.cpp，参考如下：1、输入如下内容：I’m happy that you’re my teacher;I enjoy each lesson you teach.As my role model you inspire me To dream and to work and to reach. With yo...

2018-07-31 10:51:12 567

原创 linux下操作命令之vim

sudo apt-get install vimvi/vimemacs打开方式 vim vim 文件名第一阶段：1、命令模式下面 hjkl 光标移动； x 删除 dd 删除一行 p 粘贴2、插入模式(insert) i，a，o 退出 esc3、转义模式 :w 保存 :q :q! 退出 :wq新建/home/student/file...

2018-07-31 10:43:37 176

原创 Linux下常用命令的操作（二）

1.如何删除/tmp下所有的以p开头的内容。2.如何最快的返回到当前账户的主目录。3.如何一次性创建 student/ac/dd/cd/bc。4.如何查看/etc/passwd的头3行和尾3行。5.如何通过命令行重启linux操作系统？ 6.你当前目录是“/usr/local/lib/python2.7/dist-packages”，现在要切换到“...

2018-07-31 10:31:55 857

原创 Linux下常用命令的操作

以下为linux课程中实验课程中的练习。从当前目录切换到/usr/local 2.切换当前目录到上一个目录 3.切换当前目录到上级目录 4.从当前工作目录切换到/var/lib/apt，要求：不要将命令打完整，使用TAB 5.创建/test/a.txt文件，设置属主有读写执行权限，属组，有读写，其他账户无权限 ...

2018-07-31 10:17:03 595

原创初学Vue

学习Vue之路之v-model指令进行双向绑定。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vmodel test</title> </head> &l

2018-07-31 10:01:26 78

原创初识vue

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>你好，vue</title> </head> <body> <div

2018-07-29 16:46:34 100

qq_38996246的博客