长日尽处-CSDN博客

原创 node、webpack-simple、vue、Ubuntu相关项目部署

通过webpack-simple初始化的项目怎样部署到ubuntu服务器上？首先在本地将项目开发好，后台node部分正常运行，前后端联调成功。1、moba连接Ubuntu服务器2、确定Ubuntu服务器上已经有项目中所需要的mysql数据库3、通过moba将server文件夹内的node文件复制在所需项目文件夹内4、再将通过npm run build生成的dist文件复制到项目文件的根目...

2019-02-15 16:36:35 408

原创 vue项目使用vue-router

一、基于webpack-simple构建的vue项目中，怎么集成vue-router？1、搭建vue项目架构参考链接：https://blog.csdn.net/marslover521/article/details/80938686其中从第五步开始构建vue项目2、配置vue-router2.1 下载npm install vue-router --save-dev...

2019-01-28 17:48:54 228

原创 vue计算属性和侦听器

methods、computed、watchvue.js中，什么时候用methods？什么时候用computed?什么时候用watch？以及这三者的区别：参考链接：官网：https://cn.vuejs.org/v2/guide/computed.htmlhttps://segmentfault.com/a/1190000014478664#articleHeader3https:/...

2019-01-25 16:44:55 220

原创 git - github项目搭建

github项目搭建该文章主要介绍的是：在github上创建一个新的仓库，然后将本地已经开发好部分的项目上传到新建的github仓库地址，并完成以后的版本控制。1、在github上创建新的仓库2、填入仓库信息3、在项目所在目录下打开git bash并克隆github上新创建的仓库4、将开发好部分代码的项目拷贝进克隆好的项目文件夹中5、添加文件（注意add后面的点）git a...

2019-01-25 16:34:27 177

原创 js - 兼容问题

trim() 的兼容问题：trim() 是ES5提供的字符串方法，是用来去除字符串首尾空白字符的，所以在IE上会有兼容问题（IE9+才能兼容）兼容写法：function trim( str ） {//不是字符串就不处理了if( typeof str !== ‘string’ ){return str;}//优先使用内置的trim方法if(str.trim){return st...

2019-01-25 13:08:00 275

原创 vue钩子函数

vue 钩子函数简单理解在vue中，钩子函数是不需要手动调用就可以直接执行的。以下是网上查询得到整个实例流程中钩子函数所触发的位置图：其中钩子函数包含有几下8个：beforeCreate、create、beforeMount、mounted、beforeUpdate、update、beforeDestroy、destroyed其中对各个钩子函数所表达的实际意思作出一下标注，并对1.0...

2019-01-25 11:45:47 895

原创 vue项目中引入axios及使用

vue项目中引入axios及使用一，下载依赖$ npm install axios --save二，引入依赖并全局注册import axios from ‘axios’Vue.prototype.$axios = axios//全局注册，使用方法为:this.$axios三，配置config文件(1) ，通过webpack初始化的项目在config文件夹中的index.j...

2019-01-22 13:52:24 64648 2

原创 vue项目中引入echarts-heatmp热力图插件

在项目中有可能会有使用到heatmap的地方，下载和引入方式如下：下载heatmap.js(1) 命令行执行以下命令下载heatmap.jsnpm install heatmap.js --save(2)如果执行不成功可换以下方法：先在package.json文件中引入所需依赖package.json"dependencies": { "heatmap.js": "^2...

2019-01-17 15:45:04 5109 1

原创 vue项目中引入echarts-map地图

如何在vue项目中使用地图在初始的项目中安装下载echarts依赖：https://blog.csdn.net/marslover521/article/details/85000788通过上面的参考链接可以简单实现一个echarts图表，完成后再继续以下操作：1.引入china.jsmain.jsimport echarts from 'echarts'//引入中国地图依赖i...

2019-01-17 15:41:28 8819 5

原创 typescript之（一）在win7中搭建typescript开发环境

在win7系统中搭建typescript开发环境npm install -g typescriptnpm install -g typings(查明是什么插件)npm install lite-server --save(本地开发所需依赖，用法待查)npm install concurrently --save(本地开发所需依赖，用法待查)npm install htt...

2018-12-27 16:24:23 375

原创 visual studio code之（一）快捷方式

visual studio code快捷方式软件快捷键1，Ctrl + ` 快速打开终端窗口，左上角点键。2，按住 Ctrl + Shift + d ，快速调出debug界面，点击绿色小箭头开始调试。文件快捷方式1，在html文件中，输入 html:5 ，按tab键，自动生成html5模板。2，在html文件中，输入 script:src ，按tab键(也可以根据开发软件的提...

2018-12-27 16:15:44 1774

原创 html5之canvas（三）

HTML5 canvas的图像绘制，转换，其他方法img图像下载完毕事件onloadimg.onload =function() { }图像绘制方法HTML5 canvas drawImage() 方法图像绘制<!DOCTYPE HTML><html><body> <img id="pic" class="g...

2018-12-26 16:07:06 133

原创 html5之canvas（二）

canvas 之画弧canvas是基于状态：状态就是变量不同时期的值。ctx=cvs.getContext(‘2d’);其中ctx中有一个属性：ctx.canvas.height…canvas就是获取到的画布HTMLCanvasElement.toDataURL()canvas.toDataURL(type, encoderOptions);type 可选图片格式，默认为 ...

2018-12-26 15:34:28 181

原创 html5之canvas（一）

canvashtml5中新增标签canvascanvas是一个用来展示绘图效果的标签，它和img类似，都是行内块元素。同一个页面可以拥有多个canvas标签。画布默认300*150，要设置画布的宽高，需要借助canvas元素的属性。<canvas id="myCanvas" width="200" height="200" style="border:1px solid">y...

2018-12-26 13:51:10 435

原创 Python入门学习(二)

pythonPython经典案例备份参考链接：http://www.runoob.com/python3/python3-random-number.html# -*- coding: UTF-8 -*- # 生成 0 ~ 9 之间的随机数# 导入 random(随机数) 模块import randomprint(random.randint(0,9))#判断闰年yea...

2018-12-26 11:02:34 137

原创 Python入门学习(一)

pythonPython，安装，编写程序，数据类型PythonPython适合的领域：web网站和各种网络服务系统工具和脚本作为“胶水”语言把其他语言开发的模块包装起来方便使用Python不适合的领域：贴近硬件的代码（首选C）移动开发：iOS/Android有各自的开发语言（ObjC,Swift/Java）游戏开发：C/C++Python的实际应用：YouTube，ins...

2018-12-25 16:56:56 179

原创 ps - 修改图片背景色、改变图片大小

修改背景颜色1，打开图片2，选择左侧魔棒工具3，点击需要修改背景的地方4，虚线圈住的区域为要修改颜色的地方5，出现虚线后，按快捷键：shift+backspace，出现以下弹框，内容选项后，选择框里面点击颜色选项可以根据自己需要更改颜色。6，点击确定，然后保存图片。修改图片大小1，打开图片2，选择顶部工具栏–&gt;图像–&gt;图像大小3，出现以下弹框·其中1表示是否...

2018-12-24 17:17:40 2385

原创 vue组件之间传递数据之prop&$emit

vue项目开发，组件之间传递数据兄弟组件兄弟组件之间传输数据，用vuex的store方式。父子组件父子组件之间传输数据，用vue的prop &amp; $emit方式。prop$emit...

2018-12-19 15:56:06 1043

原创 vue组件之间vuex传递数据

vue项目开发，组件之间传递数据兄弟组件兄弟组件之间传输数据，用vuex的store方式。父子组件父子组件之间传输数据，用vue的prop方式。（1）， vuex：vue的状态管理工具1.安装npm install vuex --save2.引入main.jsimport Vue from 'vue'import store from './store'new V...

2018-12-18 17:46:42 1770

原创 vue项目中引入echarts

在vue-cli脚手架工具搭建的项目中引入echarts前提：通过webpack/webpack-simple初始化构建的项目全局引入1、安装依赖npm install echarts --save这种方式可以将安装的依赖添加到配置文件中，以后项目更改目录可以通过npm install自动下载2、文件引入main.jsimport echarts from 'echarts'...

2018-12-14 11:49:27 2425

原创 Ubuntu - 安装WPS、解决系统字体问题

1、Ubuntu安装WPS打开链接，点击下载安装包http://www.wps.cn/product/wpslinux/在下载安装包的目录下执行命令安装sudo dpkg -i wps-office_10.1.0.5672~a21_amd64.deb2、解决系统字体确实问题打开网盘连接，并下载wps_symbol_fonts.zip压缩包https://pan.baidu....

2018-11-19 18:05:00 431

原创 git - 查看本地公钥ssh-key

方法一：文件夹方式查看window系统打开目录文件：C:\Users\user.ssh\id_rsa.pub复制该文件中全部内容为ssh-key。方法二：git bash方式查看依次输入以下命令，最后获取的文件内容为ssh-key$ cd ~/.ssh //如果该命令无效的话，则本地没有ssh-key公钥，需要创建本地公钥$ ls$ cat id_rs...

2018-11-14 10:15:30 21819 3

原创 linux - 安装mysql

CentOS7环境中安装mysql：MySQL安装1.先检查系统是否装有mysql rpm -qa | grep mysql以下执行安装命令是无效的，因为centos-7默认是Mariadb，所以执行以下命令只是更新Mariadb数据库 yum -y install mysql删除可用 yum -y remove mysql2.下载mysql的repo源(wget无法使用时需...

2018-11-09 15:23:25 83

原创 mysql查询数据报错

1、ERROR 1055报错：当使用sql语句查询数据库时，出现1055报错时，官方文档解释说5.7版本的mysql不允许groud_by中未引用select后出现的字段：因为5.7.5默认的sql模式配置是ONLY_FULL_GROUP_BY，这个配置启用的是 “严格ANSIsql 规则”，严格ANSI sql 规则要求在group_by的时候，没有聚合的列，在group by的时候...

2018-11-08 11:36:30 608

原创 js - 数组去重

原生js操作数组，并对数组进行去重操作var arr = []; //去重前的数组var endArr = []; //去重后的数组endArr = arr.filter( function(element,index,self){ return self.indexOf(element) === index； });//针对不同的数组，只需要修改前后两个数组名...

2018-11-06 17:49:32 108

原创 Ubuntu - 搭建node环境

Ubuntu node环境搭建sudo apt install nodejs-legacysudo apt install npm当执行以上语句报错说无法打开锁时，可以选择在网上查询，也可以选择重启Ubuntu系统。

2018-10-31 16:08:33 151

原创 Ubuntu - window系统安装虚拟机及基于虚拟机安装Ubuntu系统

1.安装虚拟机时注意事项一、打开VTVT：处理器虚拟化技术参考链接： https://jingyan.baidu.com/article/49711c6168a212fa441b7cf4.html该链接是针对ThinkPad e540 , 8cd的电脑操作的，不同的电脑具体配置会有不同，可根据个人电脑情况在网上搜索具体操作。二、安装虚拟机VirtualBox找到自己已经下载好的虚拟机的...

2018-10-31 15:44:12 182

原创 Ubuntu - 开启SSH服务远程登录

ubuntu开启SSH服务远程登录目的：方便使用本地moba链接远程Ubuntu服务器参考链接：https://blog.csdn.net/jackghq/article/details/54974141命令：sudo apt-get install openssh-server嫌麻烦的话可以直接执行上面一行命令，参考链接步骤比较复杂。...

2018-10-26 15:57:18 188

原创 Ubuntu - 安装vscode、Typora

VSCodeInstall软件源安装添加ppa源sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make更新软件源sudo apt-get update安装ubuntu-makesudo apt-get install ubuntu-make安装VSCodeDeb安装下载打开VSCode官网ht...

2018-10-25 18:02:51 1768

原创 Ubuntu - 安装vim、Google、pycharm、mysql

1.安装vimsudo apt-get install vim 2.GoogleChrome下载手动下载打开 Google Chrome 浏览器官网下载地址：http://www.google.cn/intl/zh-CN/chrome/browser/desktop/index.html选择“下载 Chrome（Linux 版）”点击“下载 Chrome”命令下载w...

2018-10-25 17:57:19 358

在Ubuntu环境安装Python3.6.4参考链接：https://github.com/Garfield247/The_private_ordering/blob/master/ubuntu/pyenv_install.mdPython官网：https://www.python.org/下载3.6.4版本，在官网中依次执行如下操作：Download-&amp;amp;amp;amp;amp;gt;all releases-&amp;amp;amp;amp;

2018-10-25 17:15:31 462

原创 vue报错总结

1.vue在开发环境中运行npm run dev时报错：前一天公司服务器挂掉，当天没有运行项目，第二天运行项目的时候出现以下报错：$ npm run dev&amp;gt; [email protected] dev C:\Users\user\Desktop\Pr_BD_CASE02_DV&amp;gt; webpack-dev-server --inline --progress --con...

2018-09-20 10:24:38 1179

原创 sql查询数据库总结

1.查询所有数据select * from table_name2.查询某一字段并修改输出字段名称select field_name as field_name from table_name3.查询某一字段条件为field_name 不为null的数据select field_name from table_name where field_name is not null...

2018-09-18 11:37:39 474 1

原创 centOS7服务器部署项目

该项目通过node+vue纯前端开发，首次尝试，服务器系统为：centOs7部署项目的服务器是一个全新的云服务器，该服务器上没有MySQL，wget，vim，node等工具，因此在部署项目之前先把这些工具下载安装好。1.安装wget root目录下用时5分钟参考地址：https://www.imooc.com/article/17781?block_id=tuijian_wz...

2018-08-19 23:33:05 2535

原创面试总结

jQuery中attr和prop的区别:对于HTML元素本身就带有的固有属性，在处理时建议使用prop方法对于HTML元素我们自定义的DOM属性，在处理时建议使用attr方法prop读取属性值：读取已赋值的固有属性会得到属性值，读取未赋值的固有属性会得到属性默认值，读取自定义属性时无论是否赋值均得到undefine。 prop设置属性值：prop只能设置固有属性值。 attr读...

2018-08-19 21:13:11 354

原创 js - 取最大值

在工作中经常会有获取最大值的需求，但是数组的形式有很多种，有纯数字格式的数组，有对象格式的数组。下面是几种获取最大值的思路：1.通过Math方法获取–只适用于纯数字数字maxValue = Math.max.apply(null,valuesArr)2.将数组从大到小排序，然后去数组的第一个值便是最大值–可适用于纯数字数组，也可适用于对象数组sortObj(a, b...

2018-08-15 14:00:41 1769

原创 js - 排序总结

在工作中会遇到各种各样的排序的需求，下面是对已经使用过的排序的总结：1：对象数组排序通过对象数组中的value值来使对象排序 (1):复杂版compare(obj1, obj2) { var val1 = obj1.value ; var val2 = obj2.value; if (val1 &gt; val2) { return -...

2018-08-15 13:51:31 116

原创 vue工作中使用总结123

根据需求通过vue实现以下功能：1.项目中有一列循环出来的li标签，需要加title属性，属性值在循环数据内。html:&lt;ul&gt; &lt;li v-for="(value, key) in items" v-bind:title='value.title'&gt;{{key+1}}.{{ value.title }}&lt;/li&am

2018-08-15 11:34:52 270

原创 node+vue+webpack(webpack-simple)+mysql使用历程之二（node服务端环境搭建）

参考以下连接安装vue前端项目： https://blog.csdn.net/marslover521/article/details/80938686dos窗口下测试vue项目是否正常运行：npm run dev运行结果为：搭建node服务端在构建项目没有报错的前提下执行以下操作来搭建node服务端：在项目根目录下创建server文件夹，同时在server文...

2018-08-07 16:54:45 584

空空如也

空空如也