kangkang_style-优快云博客

原创 windows下 Nginx 发布 Vue项目

安装环境：nginx: https://nginx.org/en/download.html 根据环境下载对应版本在指定目录解压即可使用。打包Vue项目：npm run build 打包文件在dist目录下部署项目：将dist目录下打包文件迁移至nginx html目录下修改配置：根据实际情况修改nginx conf目录下 nginx.conf配置文件例如：listen:监听端口server_name: 服务域名域名可以配置多个，以空格分隔允许其他项.

2021-02-09 15:06:43 728 2

原创 nodejs + express 发布vue项目

利用nodejs + express 实现vue项目的快速发布安装环境：nodejs : https://www.runoob.com/nodejs/nodejs-install-setup.html 菜鸟教程很详细全面express: npm install express --save -gexpress-generator: npm install express-generator --save -g创建项目：express projectName安装依赖.

2021-02-09 14:44:25 856

原创 JS 序列化与反序列化

序列化定义：序列化是把对象转换成有序字节流，以便在网络上传输或者保存在本地文件中。序列化机制的核心作用就是对象状态的保存与重建。本质上讲，序列化就是把实体对象状态按照一定的格式写入到有序字节流方法： obj => 对象 str => 字符串 arr => 数组 1. JSON.stringify(obj); 2. for (key in obj) { arr.push(key + ...

2021-02-01 15:12:58 2531 1

原创 XMLHttpRequest

定义： XHR对象用于与服务器交互。可以在不刷新页面的情况下请求特定 URL，获取数据。可以用于获取任何类型的数据，而不仅仅是 XML。支持 HTTP 以外的协议（包括 file:// 和 FTP）。主要函数： 1. open 语法： xhrReq.open(method, url); xhrReq.open(method, url, async); xhrReq....

2021-01-27 17:44:36 236

原创 vue 项目中常用的三种数据存储

vue 项目中常用的三种数据存储1. Cookies 存储介绍：老技术、指定有效期、不能跨域（浏览器，网站，路径） cookie会跟随http协议发往后台，cookie最好处于服务器环境中使用只能存文本、大小限制约4K、数量限制约50条 1.1 vue + javascript安装： npm install --save js-cookiemain.js import Cookies from 'js-co...

2020-12-23 16:58:33 7257

原创 vue + typescript 引入Vant-UI

安装 vant npm install vant --save1. 全局引入在 main.ts 中全局引入 import 'vant/lib/vant-css/index.css' Vue.use(Vant)2. 按需引入两种按需引入方法，都可以实现按照需求引入，推荐第二种第一种：步骤一：在src下定义 plugins 目录，并在其下创建vant.ts文件在 vant.ts 中按需引入组件例： import Vue from 'vue'

2020-12-11 09:39:17 2403

原创 Vue Typescript @Prop

语法： @Prop(options: (PropOptions | Constructor[] | Constructor) = {}) 参数说明： @Prop装饰器接收一个参数，这个参数可以有三种写法： Constructor 例如String，Number，Boolean等，指定 prop 的类型； Constructor[] 指定 prop 的可选类型； PropOptions 可以使用以下选项：type，default，required，validator。

2020-12-04 18:02:05 4934

原创 Vue Typescript @Model

定制prop和event用作双向数据绑定默认情况下, 一个组件上的v-model会: 将 value用作 prop 将 input用作 event 语法： model: {prop?: string, event?: string} <!-- * @Author: your name * @Date: 2020-12-02 17:02:24 * @LastEditTime: 2020-12-04 17:14:08 * @LastEditors: Please set L

2020-12-04 17:52:32 1737

原创 Vue Typescript @Watch

语法： @Watch(path: string, options: WatchOptions = {}) 参数说明： path: string类型被侦听的属性名 options：类型WatchOptions={}，可以包含两个属性 immediate boolean 侦听开始之后是否立即调用该回调函数； deep boolean 被侦听的对象的属性被改变时，是否调用该回调函数；<script lang="ts">import {

2020-12-04 17:47:14 3859

原创 Vue Typescript data/method/computed的转变

data 以成员变量的形式存在method 以类的函数形式存在computed 使用 get 标识<!-- * @Author: your name * @Date: 2020-12-02 14:30:50 * @LastEditTime: 2020-12-02 17:00:58 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: \hello-type.

2020-12-04 17:42:52 523

原创 Vue Typescript mixins 混入

首先定义要混淆的类：// @FilePath: \hello-typescript\src\mixins\GreetingWords.jsimport Vue from 'vue'import Component from 'vue-class-component'@Componentexport default class MyMixins extends Vue { // data // 通过混入的方式将属性赋值给其他组件 mixinVal = 'Hello My O

2020-12-04 17:31:44 851

原创 Vue Typescript 装饰器@Component

vue-property-decorator 在 vue-class-component 上增强更多的结合 Vue 特性的装饰器, 对 Vue 组件进行了一层封装，让 Vue 组件语法在结合了 TypeScript 语法更加贴近面向对象编程.并提供一个工具函数一个装饰器:语法： @Component(options) 说明： options 中需要配置 decorator 库不支持的属性, 如: components, filters, directives等example:&lt

2020-12-04 17:26:53 1702

原创 vue provide / inject 使用介绍

作用：父子组件跨层级传递数据优势：解决了组件层级过多时，数据传递麻烦的问题主要应用场景：为高阶插件/组件库提供用例，不推荐在应用程序中使用缺点：数据追踪困难，不确定数据注入层，以及数据使用层使用方法： provide: 一个对象，或者是一个返回对象的函数。对象内包含想要传递的内容，即属性和属性值注意：子孙层的provide 会覆盖父辈 provide中相同key的属性值 inject: 字符串数组，或者一个对象。属性值可以为对象，包

2020-12-02 10:56:18 446

原创 vue实现客服会话界面

&l

2020-11-20 17:56:55 8980 9

转载 Linux：readonly option is set (add ! to override)错误

在使用vim修改完一些配置文件时，当你退出时经常会出现’readonly’ option is set (add ! to override)的问题通常有三种情况：1、该错误为当前用户没有权限对文件作修改，这种情况可以强制退出:q!,先取得root权限后进行修改（root的权限取得命令是:su root然后输入你的登录密码即可）2、该文件没有正确保存退出，正在打开状态，请别人关闭后再保存3 、若该文件所有人都关闭了，提示有的人没有关闭，则删除该文件的临时文件则可以正常打开、修改、保存；有文件未关

2020-11-19 15:34:54 2791

原创 win10远程连接ubuntu16.04方法

Ubuntu16.04端：1、打开终端，安装xrdp,vncserver,xbase-clientssudo apt-get install xrdp vnc4server xbase-clients2、安装desktop sharing（Ubuntu16.04默认已经安装），可以到应用商店下载。打开desktop sharing，设置如下：中文版的系统输入“桌面共享”进行搜索，英文版的输入desktop sharing3、安装安装dconf-editor，取消权限限制：sudo apt-get

2020-11-19 09:40:55 1278

原创 es6 类的导出、引入以及继承

导出的关键字： export + 类名举例： export class Name {...} 导入的关键字： import { 类名或模块名称 } from 文件相对地址举例： import { Name, Location } from './userinfo'; 对于导入模块名称重复的处理：重命名： import { 类名 as 新类名 } from 文件相对地址举例： import { Name } from './userInfo'; impor.

2020-06-05 11:13:09 2757

原创 node 及 npm 版本升级

1. 单独升级npm 1.1 查看npm版本 npm -v 1.2 升级npm版本 npm install -g npm 2. 升级node 升级node的同时会连带npm一同升级官网下载node版本地址： https://nodejs.org/en/download/ 版本： LTS 稳定版版本： Current 最新版本操作： 2.1 通过node -v 查看当前版本 2.2 重启电脑...

2020-05-22 09:38:25 718

原创 JS 添加有效身份证验证

/** * certificate 身份证识别 */export function IdentifyCertificate(cardNo) { let idCard = cardNo.toString(); let province = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江", 31: "上海",.

2020-05-09 17:25:05 315

原创 module.exports、exports、export default、export、require、import 区别和不同之处

在es5中，用 module.exports 和 exports 导出模块，用 require 导入模块。在es6中，新增 export default 和 export 导出模块，用 import 导入模块。如果开发环境支持es6语法，用es5的 module.exports 和 exports 导出的模块，可以使用es6的 import 导入；用es6的 export default 和...

2020-04-20 17:51:04 363

原创 Spring 常用注解解释

A@Autowired 可以自动帮把bean里面引用的对象的setter/getter方法省略，它会自动帮你set/get。注释进行自动注入时，spring容器中匹配的候选Bean数目必须有且仅有一个。否则将抛出BeanCreationException异常默认先按byType进行匹配，如果发现找到多个bean，则又按照byName方式进行匹配，如果还有多个，则报出异常。...

2020-04-07 15:26:54 335

原创 Spring 常见文件上传

文件上传1. springmvc中使用commons-fileupload 与 commons-io完成文件上传 /** * 文件上传需要使用到两个jar包： * 1. commons-fileupload.jar * 2. commons-io.jar * 配置springmvc的配置文件-配置文件上传的解析器 Comme...

2020-03-28 12:08:51 153

原创处理The requested profile "pom.xml" could not be activated because it does not exist 问题

Eclipse打包SpringBoot项目出现这个报错。1. 一般情况可以通过右键项目 => Properties => Maven => 删除文本框内的文字pom.xml => Apply 处理2. 如果报错信息具体到提示：Failed to execute goal org.apache.maven.plugins:maven-compiler-plugi...

2020-03-22 15:10:59 8232

原创 SpringBoot 通过spring starter project 创建springboot项目时报错 connect timed out

根据报错信息可知是创建项目时建模信息获取超时，解决方案：1. 加长spring网络连接时长eclipse => window => preferences => spring => beans support => 将timeout时间从默认的60 改为6002. 设置eclipse连接网络方式eclipse => window => ge...

2020-03-22 13:59:12 977

原创 JS dateObject.getTime is not a function

dateObject.getTime is not a function这个错误出现的原因是通过接口或者初始化数据的时候获取的数据由date变为了string程序校验string类型数据没有getTime方法，所以检验出错。最简单的方法就是，通过string to date 还原数据类型 new Date('2019-11-11 09:41:13')或者通过取出校验的rule,一般是因为校...

2019-12-11 10:17:45 1213

原创 vue 导入第三方js实例对象

第一步：因为vue是单页面引用，所有要在一开始加载页面的时候将js库给引入进来，无论是本地的文件还是网络文件，都需要引入。vue的单页面入口就在根目录中的index.html中。第二步在配置文件中为引入的第三方js库实例申明代理对象根目录 => build目录 => webpack.base.conf.js中进行声明配置第三步在具体的功能模块中引入并可使用。类似j...

2019-12-05 16:24:24 2093

原创 js 数组与对象的解构赋值

解构赋值是javascript 语法，作用是将值从数组、或属性从对象，提取到不同的变量中。1. 数组解构 1.1 声明变量并赋值： let hi = ['hello', 'world']; let [hello, world] = hi console.log(hello) => hello console.log(world) => world ...

2019-11-27 16:12:46 1051

原创跨域与跨域的解决方案

跨域的产生源于浏览器的同源策略。同源策略：浏览器最核心也最基本的安全功能,Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互浏览器采用同源策略,其中一个重要原因就是对cookie的保护所谓同源（即同域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）...

2019-11-15 14:34:20 153

原创 vue 接入web版本百度地图

vue接入web版本百度地图，之前一直有问题存在，无法进行二次搜索，二次路线规划，刚刚看到一位仁兄的博客受到启发，修改完成后功能正常了。以下为自己的源码:<template> <div class="map-container"> <div id="allmap" class="map-container"></div> &...

2019-11-14 11:57:39 810 2

原创 linux tomcat的下载及部署

1. 下载tomcat 1. oracle官网下载tomcat到本地地址：https://tomcat.apache.org/download-80.cgi 2. 下载合适版本tomcat, 尾缀tar.gz 3. 上传到服务器上并解压指令： tar -zxvf apache-tomca...

2019-11-06 11:58:17 387

原创 linux 下载并配置jdk环境

1. 下载jdk 下载方式分为两种： 1.1 使用yum一键下载安装 1.1.1 查看可安装jdk版本指令： yum -y list java* 1.1.2 选择jdk的安装版本指令： yum insta...

2019-11-05 10:48:05 160

原创系统学习常用名称解释--持续更新中

虚拟主机： virtual hosting利用网络空间技术，把一台服务器分成许多的“虚拟”的主机，每一台网络空间都具有独立的域名和IP地址，具有完整的Internet服务器功能。优势：由于是分享的服务器带宽、IP等所有在价格上分成便宜。虚拟主机一般都是配置好环境的，购买后能直接使用劣势：由于带宽时共享的，虚拟主机的带宽上是没有保障的。 IP共享导致安全性降低。V...

2019-11-04 17:26:55 456

原创远程部署nodeJS环境-永久修改

1. 跳转到指定安装目录下，下载压缩包文件指令：wget https://nodejs.org/dist/v12.13.0/node-v12.13.0-linux-x64.tar.xz 不同的版本只是版本号不同，地址是相同的，无影响 2. 解压及重命名文件解压指令： xz -d node-v12.13.0-linux-x64.tar.xz 解压指令： ...

2019-10-30 14:02:25 430

原创利用lrzsz与Xshell实现linux服务器文件的上传和下载

lrzsz是一个unix通信包，提供 XMODEM，YMODEM ZMODEM文件传输协议。lrzsz是一款在linux里可代替ftp上传和下载的程序。1. 验证linux服务器是否安装lrzsz软件包指令： rz rz为lrzsz的上传文件命令如果没有安装系统会提示command not found 2. 安装lrzsz 指令： yum -y ...

2019-10-29 17:24:01 371

原创远程部署nodeJS环境-临时修改

临时修改环境变量，当连接工具关闭，或当前shell关闭，或者重开其他的shell,此环境变量都将无效，此方法多用于用户系统测试1. 跳转到指定安装目录下，下载压缩包文件指令：wget https://nodejs.org/dist/v12.13.0/node-v12.13.0-linux-x64.tar.xz 不同的版本只是版本号不同，地址是相同的，无影响 2. 解...

2019-10-29 16:36:26 458

原创微信小程序引入第三方组件库Vant Weapp

1. 打开终端，路径切换到项目源码根目录2. 终端执行命令:npm init 初始化生成一个package.json文件3. 在终端执行命令： npm i vant-weapp -S --production 安装本地组件库4. 微信开发者工具 => 工具 => 构建npm5. 微信开发者工具 => 详情 => 勾选使用npm模块6. 在app.jso...

2019-10-24 11:58:11 529

原创 css3 盒子阴影 box-shadow

语法： box-shadow: h-shadow v-shadow blur spread color inset; h-shadow：必需的从原点开始，沿x轴正方向的长度（倘若为负值，为沿x轴负方向的长度） v-shadow：必需的从原点开始，沿y轴正方向的长度（倘若为负值，为沿y轴负方向的长度） blur：可选阴影的模糊度，只允许为正值 spread：可选阴影扩展...

2019-10-23 16:56:57 436

原创 css3 圆角 border-radius

一个属性值：元素四个方向的圆角大小两个属性值：第一个值表示左上角和右下角第二个值表示右上角和左下角三个属性值：第一个值表示左上角第二个值表示右上角和左下角（对角）第三个值表示右下角四个属性值：分别表示左上角、右上角、右下角、左下角的圆角大小顺时针方向...

2019-10-23 16:51:54 189

原创 Android中的视图属性

基本属性id：指定该视图的唯一编号visibility：指定视图的可视类型backgroud：指定该视图的背景宽高layout_width：指定该视图的宽度，可以是具体的dp值 match_parent：表示与上级视图一样宽 wrap_content：表示与内部内容一样宽layo...

2019-10-21 15:27:45 727

原创 centos系统安装及配置

文件 => 新建虚拟机 => 自定义 => 硬件兼容性采用推荐 => 选择centos镜像 => 虚拟机命名并且选择安装目录(非C盘外) => 配置处理器(根据实际情况配置，一般配置两个处理器，每个处理器双核，共四核，够用) => 为虚拟机分配内存(1G,2G都够用，根据实际情况而定) => 采用桥接网络 =>...

2019-10-19 23:08:41 312