renaissance79的博客

原创 软设过了！

软设

原创 想冬眠了。。。

天好冷，想冬眠想冬眠

原创 云服务器（Ubuntu系统）安装Java jdk8、MySQL、Redis

Ubuntu安装OpenJDK、MySQL、Redis

原创 响应头获取html页面当前语言环境

使用响应头获取html页面当前语言环境（即中文或英文之类的）其中通过headers就可以知道是“en-US”还是“zh-CN”了。

原创 echarts中的stack参数

在echarts中series里有个参数stack：用于数据堆叠，同个类目轴上，系列配置相同的stack，后一个系列的值会加在前一个系列之后，如图：series部分代码：series: [{ type: 'bar', stack: 'Total1', itemStyle: { borderColor: 'transparent', color: 'transparent' }, emphasis: { itemSt

原创 软件设计师——题目以及解析记录（单选）

1.候选码问题正确答案：C、A解析：首先判断候选码，先找入度为0的结点；本题中A1没有在函数依赖右侧出现，那么在途中的体现就是，入度为0，所以，候选码必定包含属性A1，所以选C；候选码必包含A1，且根据候选码为A1A2和A1A3，可以得出主属性有A1A2A3，非主属性有A4。2.设计模式正确答案：B、A、D、C解析：本题为访问者模式。对于观察者模式，是一个被观察者和多个观察者对象，与图示不符合；桥接模式是结构型模式，存在部分与整体的联系，不符合；策略模式是对于不同算法的封装和切换，但调用策略

原创 ElementUI的一些知识点学习记录

1.Pagenation分页当数据过多时，使用分页分解数据。基础用法：设置layout，表示需要显示的内容，用逗号分隔，布局元素会依次显示。pre表示上一页，next为下一页，pager表示页码列表，除此以外还提供了jumper和total**，size和特殊的布局符号**->，->后的元素会靠右显示，jumper表示跳页元素，total表示显示页码总数，size用于设置每页显示的页码数量。2.Tooltip文字提示常用于展示鼠标hover时的提示信息。基础用法：在这里我们提供9种

原创 echarts图表的学习记录（一些图表的代码分析）

1.柱状图（链接：https://echarts.apache.org/examples/zh/editor.html?c=bar-y-category）使用：（实现的核心代码）2.折线图（链接：https://echarts.apache.org/examples/zh/editor.html?c=line-log）使用：（核心代码分析）3.仪表盘（链接： https://www.makeapie.com/editor.html?c=x0hxC1vNJk）使用：（代码分析）

原创 微信小程序关于setInterval的问题

小程序中用到了setInterval进行一个简单的图片切换。使用微信开发者工具进行调试没有什么异常；但进行真机调试的时候，图片的切换变得很慢（setInterval处的时间设置的是50毫秒）真机调试：在进行上传之后，进行扫码，再进行操作，真机调试的问题就解决了，也不知道是为啥？我知道应该避免使用setInterval，它是一种重复的调用，可能造成页面阻塞；但是这里是不得不用；如果出现与我类似的问题，可以先尝试上传，看看能不能解决。如果解决不了，也可以试试用setTimeout递归来进一步实现set

原创 setInterval和setTimeout的使用区别

setInterval和setTimeout的使用差别不大，参数都是一样的，区别在于：setTimeout是到时执行一次，setInterval是根据设置的时间来回调，比如每秒回调一次。

原创 CSS中关于字体边框样式的设置

文字内部填充颜色使用：-webkit-text-fill-color属性；文字边界填充颜色使用：-webkit-text-stroke-color属性；文字边界宽度：-webkit-text-stroke-width属性。

原创 腾讯云存储桶

项目中需要先在pom.xml中导入maven依赖包括了上传、下载、删除文件import com.qcloud.cos.COSClient;import com.qcloud.cos.ClientConfig;import com.qcloud.cos.auth.BasicCOSCredentials;import com.qcloud.cos.auth.COSCredentials;import com.qcloud.cos.exception.CosClientException;impor

原创 Vue父子组件间通信

组件是vue.js最强大的功能之一，但组件之间的作用域是相互独立的，这就意味着不同组件之间的数据是无法相互引用的。为实现组件之间的通信，vue为我们提供了三种方式：prop、ref、ref、ref、emit。首先创建两个组件，分别作为父组件和子组件，父组件在自己内部import引入子组件，并在components属性中注册，然后子组件就可以用标签的形式嵌进父组件了。通信：1.通过prop实现通信子组件的props选项能够接收来自父组件的数据；只能接收，props是单向绑定的，只能父组件向子组件传递，

原创 axios请求方式

原创 Vue-Router

一、介绍vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。一般的页面应用，是用一些超链接来实现页面之间的跳转和切换的。在vue-router单页面应用中，则是路径之间的切换，即组件之间的切换。二、Vue Router的使用2.1 安装引入router，有三种方式：（1）下载vue.js和router.js，然后放在项目资源文件夹下，然后使用：<s

原创 Vue中使用echarts

Echarts在vue中使用：先是需要引入，引入第三方库就行；（引入echarts之前，需引入jQuery的第三方库） 然在组件中使用：构建一个有宽高容器，用于画图表，并且带有id：<div class="chartsdom" id="bar_chart"></div>（该容器的宽高在style中规定，一定要有，不然图表不会显示出来）然后在<script>中的methods构建一个方法作图：getChart() {var chartDom =...

原创 解决Vue+Springboot跨域请求问题

由于前后端涉及到两个服务器，所以需要解决跨域请求问题，这样才能从后端获取数据。前端使用axios解决：首先需要在前端项目处安装axios，执行：npm install axios --save 然后设置跨域信息，在vue.config.js文件中配置：devServer: {//第二步：设置跨域信息//前提是第一步在本项目根目录路径下执行过 npm install axios --saveproxy: {"/api": {//带有“api”的url请求，会把请求跨域到ht...

原创 Vue基本语法——插值语法

一、模板语法1.1插值语法1.1.1mustache语法如果我们希望把数据展示到模板（template）中，使用最多的是Mustache语法（双大括号）的文本插值：1.1.2 v-once用于指定元素或者组件只渲染一次：当数据变化时，元素或组件将视为静态内容并跳过；该指令可以用于性能优化；1.1.3 v-text用于更新元素的textContent：1.1.4 v-html默认情况下，如果我们展示的内容本身是html...

原创 Vuex的理解

Vuex是什么？Vuex是一个专门为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具devtools extension，提供了诸如配置的time-travel调试、状态快照导入导出等高级调试功能。...

原创 安装Vue脚手架3或更高版本之后想继续使用Vue脚手架2创建项目

安装vue cli3或更高版本脚手架之后，如果你仍然需要使用旧版本脚手架2的 功能，你可以全局安装一个桥接工具：命令行输入：npm install -g @vue/cli-init这样也可以使用vue cli2的方式创建项目，并不会使更高版本的创建失效；它们可以兼容。...

原创 解决Vue Cli安装最新版本后想使用Vue Cli2

只需要按win+R进入命令行全局安装一个桥接工具：输入：npm install -g @vue/cli-init这样也可以使用vue cli2的方式创建项目：vue init webpack 项目名称同时使用vue create 项目名称也是可以的。

原创 Vue Cli2安装及配置

Vue Cli2详解1.使用脚手架二（即vue cli2）需要安装，在安装之前需要安装node以及webpack（用于打包） ：1.1安装node：从node.js官网下载并安装node；官网地址：https://nodejs.org/en/，安装时一直点下一步就行了。安装完成后，打开命令行（win+R）,输入 node-v，出现相应版本号则安装成功。1.2 环境变量配置：主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm insta

原创 uniapp上传图片以及图片预览

<template> <view> <button type="primary" @click="chooseImg">上传图片</button> <image v-for="item in imgArr" :src="item" @click="previewImg(item)"></image> </view></template><script> export defaul.