斌哥谈编程-CSDN博客

原创 Vue3快速上手

Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy

2021-11-08 15:21:27 179

原创智慧养殖APP及小程序多端跨平台技术选型分析

简单需求的App和小程序开发可以使用Uniapp或者Taro，这两个框架目前来说是使用人数最多的小程序框架，社区活跃，可以满足开发需求，随着硬件的越来越好H5的体验也会越来越好。Flutter的优势在于APP端，渲染性能高，Android/IOS跨平台体验好。

2023-07-24 08:46:40 773

原创 Free 查询操作系统内存占用情况

文章目录1、free 命令2、free命令+参数1、free 命令默认情况下，即在没有选项的情况下，"free"命令显示内存的使用信息。默认按照k（b）的计数单位统计。[root@VM_16_17_centos bin]# free total used free shared buff/cache availableMem: 1882892 785272 280428 40496

2021-12-28 13:55:59 2606

原创内存泄漏问题排查

文章目录1、获取内存泄漏程序的进程号 ps -ef|grep java2、查看该进程下内存对象类全名中包含bshms的对象个数 ./jmap -histo 19655 |grep bshms3、打开java控制台（命令jconsole),连接到该进程，切到“内存”tab页，点击右上角的“执行GC”按钮进行垃圾回收4、重复步骤2，看下对象个数，一直增加不减少，和程序内部逻辑不一样的，就是内存泄漏的。结合sort命令，来查看：一个JVM中什么类的实例最多？一个JVM中什么类的占用的合计容量

2021-12-28 13:51:03 1244

原创 Top命令详解

文章目录一、按进程的CPU使用率排序二、按进程的内存使用率排序三、top 命令参数四、top 命令一、按进程的CPU使用率排序运行top命令后，键入大写P。有两种途径：a) 打开大写键盘的情况下，直接按P键b) 未打开大写键盘的情况下，Shift+P键效果如图：二、按进程的内存使用率排序运行top命令后，键入大写M。有两种途径：a) 打开大写键盘的情况下，直接按M键b) 未打开大写键盘的情况下，Shift+M键效果如图：三、top 命令参数-b 批处理-c 显示完整的治命令

2021-12-28 13:47:34 4205

原创 vue2中Options API及vue3中Composition API 的区别对比

一、代码组织区别在vue2组织代码时，我们会在一个vue文件中methods，computed，watch，data中等等定义属性和方法，共同处理页面逻辑，我们称这种方式为Options API。缺点：一个功能需要在不同的vue配置项中定义属性和方法，比较分散，项目小还好，清晰明了，但是项目大了后，一个methods中可能包含20多个方法，你往往分不清哪个方法对应着哪个功能，这个是深有体会在vue3 Composition API 中，我们的代码是根据逻辑功能来组织的，一个功能所定义的所有api会

2021-11-07 09:15:52 684

原创 Vue 在线演示编译结果

Vue 在线演示编译结果:Vue3: https://vue-next-template-explorer.netlify.app/Vue2: https://vue-template-explorer.netlify.app/

2021-11-07 09:07:39 641

原创使用vite搭建vue3项目体验

Vite 需要 Node.js 版本 >= 12.0.0创建vite+vue3项目方法一：npm init @vitejs/app my-vue-app --template vue方法二：npm init @vitejs/app my-vue-app然后依次选择：vue->vue-ts 即可

2021-11-01 16:22:57 165

原创 vue3.x项目搭建初体验

一、环境准备（此处设备使用window10系统）1、node安装，安装地址为nodejs官网（http://nodejs.cn/download/）打开cmd，输入 node -v ，查看是否安装成功，比如下图：在这里插入图片描述2、全局安装vue-cli 4.0脚手架如果已经安装了旧版，运行 npm uninstall vue-cli -g 卸载查看3.x 和 4.x 的所有版本号： npm view @vue/cli versions --json我安装的是最新版本，全局安装命令如下

2021-11-01 15:34:54 114

原创前端布局学习笔记（第一篇：入门）

文章目录一、知识点1、margin、padding有什么区别，不想再混乱了2、五种最常见的CSS页面布局3、box-sizing属性是什么作用？4、行内元素水平方向不对齐有哪些原因？5、块标签、行内标签、行内块标签有哪些？区别是什么？6、如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？7、display有哪些值？说明他们的作用?8、请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？9、CSS3有哪些新特性？10、display:none与visibility：hidden

2021-05-11 14:34:35 250 1

原创行内元素高度对齐问题

文章目录1、什么是行内元素2、行内元素高度对齐问题3、行内块元素4、实例总结1、什么是行内元素行内元素也称为内联元素，行内元素的特点：总是和相邻的行内元素在同一行上（物以类聚）设置宽高无效，水平方向的padding和margin属性可以设置，但是垂直方向上的无效。默认宽度是他自身内容的宽度。行内元素只能容纳其他行内元素或者文本。2、行内元素高度对齐问题有这样一个场景，代码如下：<!DOCTYPE html><html lang="en"><head&g

2021-05-10 16:21:46 937 2

原创 box-sizing属性是什么作用？

文章目录1、场景说明2、未用box-sizing属性之前3、box-sizing属性的作用1、场景说明要实现界面主区域块100%显示2、未用box-sizing属性之前<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>box-sizing属性是什么作用？</title> <style>

2021-05-09 11:48:47 1008

原创 VUE客户端调试chrome插件下载及安装说明

1、下载vuejs-devtools-4.1.5_beta.crx链接：https://pan.baidu.com/s/1WQAdTXRJTHXCiFBzcpBUxA提取码：1234复制这段内容后打开百度网盘手机App，操作更方便哦2、安装打开chrome://extensions/然后把下载的vuejs-devtools-4.1.5_beta.crx 拖进此界面即可。出现如上界面，说明安装成功!...

2020-12-08 14:59:02 266

原创 Mybatis面试题2020年12月整理（含答案）

文章目录一、理论1. 什么是Mybatis？2. Mybaits的优缺点：3. #{}和${}的区别是什么？3.1 为什么 Mybatis sql 表名用参数传递进来的时候，只能使用 ${} ，不能用#{}？3.2 哪些情况必须用${}?3.3 #{}和${}有哪些使用注意事项？4. 通常一个mapper.xml文件，都会对应一个Dao接口，这个Dao接口的工作原理是什么？Dao接口里的方法，参数不同时，方法能重载吗？5. Mybatis的Xml映射文件中，不同的Xml映射文件，id是否可以重复？6. My

2020-12-04 15:20:54 622

原创 Vue 开源项目库汇总2020整理

文章目录UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件Vux ★8133 - 基于Vue和WeUI的组件库iview ★6634 - 基于 Vuejs 的开源 UI 组件库mint-ui ★6253 - Vue 2的移动UI元素muse-ui ★3705 - 三端样式一致的响应式 UI 库vue-material ★3328 - 通过Vue Material和Vue 2建立精美的app应用vueti

2020-10-13 16:41:34 1077

原创 mysql 5.6.37 linux环境安装教程

mysql 5.6.37 linux环境安装教程1、下载2、安装2.1 解压2.2 创建用户组及用户2.3 修改权限2.4 修改配置文件2.5 执行安装2.6 运行2.7 把mysql客户端放到默认路径2.8 修改密码2.9 关闭防火墙2.10 添加开机启动2.11 重启3 附带命令环境： Red Hat Enterprise Linux Server release 6.5 (Santiago)mysql包：mysql-5.6.37-linux-glibc2.12-x86_64.tar.gz1、下载

2020-09-29 14:44:19 922

原创前端开发必装插件-开发神器

文章目录一、发送请求工具1.1 Advanced REST Client1.2 Postman二、Json查看器：JSONView三、Vue调试插件：vue-devtools3.1 下载3.2 安装四、Web Developer五、FeHelper一、发送请求工具1.1 Advanced REST ClientAdvanced REST Client是Chrome浏览器下的一个插件，通过它可以发送http、https、WebSocket请求。下载地址：链接：https://pan.baidu.co

2020-09-10 13:59:29 743

原创 Springboot2.x集成Elasticsearch实例讲解

文章目录一、引用Elasticsearch依赖二、配置文件修改三、创建相关类3.1 主类3.2 实体类四、运行4.1、测试增加接口4.2、测试获取接口五、总结一、引用Elasticsearch依赖我们用的是Springboot2.2.5.RELEASE版本，下面我们引入了Elasticsearch的依赖。我们用了swagger，因此也加入的swagger的依赖。<dependency> <groupId>io.springfox</groupId>

2020-09-10 09:18:22 528

原创 Elasticsearch-head可视化工具安装及实例使用介绍

文章目录一、环境准备1.1 下载1.2 运行二、查看Elasticsearch-head界面2.1 服务端安装及配置2.2 配置跨域访问2.3 查看界面2.3.1 基本概念2.3.2 数据浏览2.3.3 基本查询2.3.4 复合查询一、环境准备由于ES官方并没有为ES提供界面管理工具，仅仅是提供了后台的服务。elasticsearch-head是一个为ES开发的一个页面客户端工具，其源码托管于GitHub，地址为：https://github.com/mobz/elasticsearch-head提

2020-09-09 14:23:29 3907

原创 Spring Boot2.x 面试题（2020.9月版）

文章目录一. 基本概念1.1 什么是 Spring Boot？1.2 SpringBoot四个主要特性?1.3 SpringBoot 有什么优点？1.4 Spring Boot的缺点？1.5 Spring Boot 的核心注解是什么？1.6 Spring Boot 自动配置原理是什么？1. 7 你如何理解 Spring Boot 配置加载顺序?1. 8 什么是 YAML 文件？1.8.1 YAML 适用的场景？1.8.2 YAML 配置的优势在哪里？1. 9 Spring Boot 是否可以使用 XML

2020-09-04 15:53:08 1302

原创 kafka可视化客户端利器：Kafka Tool

文章目录一、下载并安装二、使用技巧2.1 配置连接2.2 配置2.3 查看数据一、下载并安装下载地址：https://www.kafkatool.com/download.html根据不同的系统下载对应的版本，我这里kafka版本是2.12，下载kafka tool 2.0.1。双击安装程序进行安装，和windows的其他程序一样，选择目录进行安装即可。二、使用技巧2.1 配置连接运行程序后出现如下界面：默认会弹出对话框，提示进行kafka连接配置，点击确定，继续点击右下角的 T

2020-09-03 10:19:46 609

原创 Elasticsearch下载安装及使用

文章目录一、下载二、安装三、启动四、远程访问一、下载https://www.elastic.co/cn/downloads/elasticsearchhttps://www.elastic.co/cn/downloads/elasticsearch二、安装elasticsearch-7.9.0-linux-x86_64.tar.gz 上传到linux机器，我存放目录是：/home/ies/webserver执行如下代码进行解压：cd /home/ies/webservertar -zxvf

2020-09-01 15:49:11 810

原创 vue脚手架学习笔记一

1. vue脚手架用来创建vue项目的工具包创建项目: npm install -g vue-cli vue init webpack VueDemo开发环境运行: cd VueDemo npm install npm run dev生产环境打包发布 npm run build npm install -g serve serve dist http://localhost:50002. eslint用来做项目编码规范检查

2020-08-15 17:11:27 410

原创 redis、ignite、mysql memory 内存数据库性能测试对比

文章目录1. 简介1.1 什么是redis？1.2 什么是ignite？1.3 什么是mysql memory？2. 测试2.1.0 测试环境准备2.1.1 测试ignite2.1.2 测试mysql2.1.3 测试redis3. 测试总结通过测试对比，感觉在并发访问时，ignite的性能是最优的，但是redis不是号称大并发量最好的吗？我这里没有测试出他的优势，可能是我使用的不切当导致也是可能的，希望有懂得大神看到此文件，有不同意见时，给与指导，谢谢。1. 简介1.1 什么是redis？redis

2020-05-21 19:23:38 7814

原创 ignite安装及简单使用命令

文章目录1. 安装并启动ignite2. SQL命令行工具3. 查看表3. 查看缓存1. 安装并启动ignite下载apache-ignite-2.8.0-bin.zip解压：tar -zxvf apache-ignite-2.8.0-bin.zip进入解压后的目录：/home/ies/webserver/apache-ignite-2.8.0-bin/bin，启动程序cd /home/ies/webserver/apache-ignite-2.8.0-bin/binignite.sh2

2020-05-21 18:32:28 4471

原创 Jemeter 性能测试：web并发请求测试初体验

文章目录1. 安装2. 创建测试组3. 创建http请求4. 创建测试监听5. 测试1. 安装下载 apache-jmeter-5.2.1，解压后，到apache-jmeter-5.2.1\bin目录下执行jmeter.bat 运行。2. 创建测试组在TestPlan 上右键，选择Add->Threads(Users)->Thread Group 添加线程组在弹出的如下图中，添加线程组名称、虚拟用户数、执行一次所有用户所用的时间、循环次数。*Rame-Up Period(in

2020-05-21 14:20:57 728

原创 nginx1.16.1Linux安装

文章目录1. 下载2. 安装1. 下载下载地址： http://nginx.org/en/download.html2. 安装把nginx-1.16.1.tar.gz上传到目录：/home/ies/webserver 下，执行如下命令进行解压、安装cd /home/ies/webservertar -zxvf nginx-1.16.1.tar.gzcd nginx-1.16.1....

2020-05-19 10:23:13 2894

原创 Memcached-1.6.5 缓存数据库 Linux环境下搭建

文章目录1. 下载安装1.1 下载1.2 安装1.2.1 安装libevent1.2.2 安装memcached2 服务启动停止2.1 启动memcached2.2 停止Memcache进程1. 下载安装1.1 下载下载地址：http://memcached.org/downloads因为依赖libevent 库，因此我们还需要下载libevent库。下载libevent地址：htt...

2020-04-30 15:36:42 525

原创 Springboot2.x 集成 jedis和spring-boot-starter-data-redis的性能测试比较（Jedis完胜：附带源码）

Springboot2.x 集成 jedis和spring-boot-starter-data-redis的性能测试比较（Jedis完胜：附带源码）1. pom文件引入jedis和spring-boot-starter-data-redis的依赖2. 其他依赖的引入（Swagger）3. Jedis配置类4. Jedis及spring-boot-starter-data-redis的配置信息5. ...

2020-04-29 16:03:20 5601

原创 Vue2.x学习笔记：面试题整理，附带答案

面试vue

2020-04-22 10:54:46 752

原创面试大全-HR

说说你最大的优点？说说你最大的缺点？最能概括你的三个词是什么？你朋友对你的评价你的业余爱好是什么？打篮球，感觉团队精神的重要性说说你的家庭。强调家庭的和睦，以及父母对自己正能量的教育你是哪个学校毕业的？本科还是专科？专业是什么？学习计算机多久了？高中时学习成绩如何？在校学习成绩如何？你如何评价你的大学生活？在五年的时间内，你的职业规划？你是怎么打发你的业余时间的?你找工作考虑的重...

2020-04-22 10:53:39 341

原创 Spring Boot2.x 集成Dubbo2.7.6 实例讲解

文章目录1. 前言2 zookeeper安装2.1 下载zookeeper2.2 安装并修改zoo.cfg配置文件2.3 设置zookeeper环境变量2.4 验证安装是否成功3. 工程创建3.1 创建父工程3.2 创建API 模块3.3 创建dubbo-provider 服务端3.4 创建dubbo-consumer 客户端4. Springboot2.x 集成Dubbo4.1 定义接口4.2 ...

2020-04-22 10:47:46 2076 4

原创 Vue2.x学习笔记：第3章-3：获取dom节点

文章目录1、方法12、方法21、方法1获取dom节点可以用ref属性，这个属性就是来获取dom对象的。看代码这个属性就相当于给这个标签起了一个id样的东西<template> <div id="app" v-cloak> <input type="text" ref="userinfo" value="binge" /> <in...

2020-03-14 19:19:07 365

原创 Vue2.x学习笔记：第3章-2：指令讲解

文章目录1、v-bind 指令1.1 v-bind用来绑定数据和属性以及表达式，缩写为'：'2、v-model 指令2.1 绑定text2.2 绑定radio2.3 绑定checkbox2.4 绑定select3、{{}}和v-text指令、v-html3.1 表达式3.2 v-text指令绑定文本3.3 绑定html标签文本4、v-on 指令5、v-if 指令6、v-show 指令7、v-for...

2020-03-14 18:55:33 313

原创 Vue2.x学习笔记：第3章-1： data属性的三种写法及区别

文章目录1、三种写法代码2、区别1、三种写法代码方法一：var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})方法二：export default { name: 'app', data: function(){ return { msg: "bin...

2020-03-14 15:30:07 463

原创 Vue2.x学习笔记：第2章搭建Vue2.x开发环境的高级方式：基于Vue CLI 3.x的创建

文章目录1、版本区别2、旧版本的安装以及创建项目3、Vue CLI 3 版本的安装以及创建项目（推荐）3.1 安装 Vue Cli3脚手架工具：官方命令行工具3.2 创建项目4 Vue CLI 3 图形化界面创建项目4.1 打开界面4.2 创建项目Vue CLI3 编译速度快，性能好，建议使用。1、版本区别关于 Vue CLI3 和和 Vue CLI2 以及 Vue2.x Vue...

2020-03-14 11:42:11 155

原创 Vue2.x学习笔记：第1章搭建开发环境的两种方式

文章目录1、第一种方式1.1 安装nodejs1.2. 安装vue的脚手架工具1.3. 创建项目1.4. 运行项目1、第一种方式先上提纲：必须要安装nodejs安装vue的脚手架工具创建项目运行项目1.1 安装nodejs请看这篇文章1.2. 安装vue的脚手架工具1.3. 创建项目1.4. 运行项目...

2020-03-14 10:18:23 372

原创使用vue-cli（vue脚手架）快速搭建项目实例

文章目录1、使用npm创建项目1.1 全局安装 vue-cli1.2 创建项目1、使用npm创建项目下面整个过程是基于已经安装node.js和cnpm的基础上，node.js如何安装就不在这里详说了。怎么安装，查看这里1.1 全局安装 vue-cli在命令提示窗口执行cnpm install -g vue-cli 如下是安装成功界面：出现以上提示表示vue-cli正常安装成功，可...

2020-03-14 08:47:39 676

原创 Vue2.x学习笔记：第0章初学NodeJS和npm

文章目录1、什么是nodejs？通俗讲解2、什么是npm？3、NodeJS和npm是什么关系呢?4、npm和cnpm是什么关系呢?5、安装nodejs(内嵌npm)6、试用npm及cnpm7、全局下载还是当前目录下载呢？1、什么是nodejs？通俗讲解node.js：是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。No...

2020-03-12 16:44:12 722

原创 Spring Boot2.x 自定义Starter实例讲解

文章目录1、创建工程，并引入自定配置依赖2、创建配置文件XxxProperties3、核心服务类UserService4、自动配置类5、创建spring.factories 配置文件6. 打包7. 使用此starter1、创建工程，并引入自定配置依赖<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://ma...

2020-03-10 20:56:02 385