IT全栈华强工作室

业精于勤荒于嬉，行成于思毁于随。学业由于勤奋而专精，由于玩乐而荒废；德行由于独立思考而有所成就，由于因循随俗而败坏。 ——出自（唐）韩愈《进学解》

原创 Vue进阶（幺捌零）：Vue优质开源项目汇总（持续更新中...）

最近做了一个Vue开源项目库汇总，里面集合了OpenDigg 上优质的Vue开源项目库，方便Vue开发人员便捷的找到自己需要的项目工具，感兴趣的可以到GitHub上给个star。UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件Vux ★6802 - 基于Vue和WeUI的组件库mint-ui ★4776 - Vue 2的移动UI元素iview ★4458 - 基于 Vuejs 的开源 UI 组件库Keen-UI&nbsp

2021-03-07 11:37:40 3815 11

原创 Dubbo进阶（十四）—— dubbo+zookeeper与提供者provider、消费者consumer通信原理讲解

讲解前，先说一下整个系统框架的基本构造：zookeeper作为注册中心，使用单独服务器，占用2181端口；dubbo-admin作为监控中心，与zookeeper使用相同服务器，tomcat部署占用8080端口；provider作为服务提供者，使用单独服务器，tomcat部署占用8080端口，使用dubbo协议开放20880端口；consumer作为服务消费者，使用单独服务器，tomcat部署占用8080端口；疑惑：provider服务器端口是8080，为什么telnet测试以及解决方案中

2021-03-06 21:55:12 3655 19

原创 Dubbo进阶（十三）——Dubbo入门 Demo：Spring + Zookeeper + Dubbo

了解Dubbo以后，自然要搭建一个简单的Demo实现。本文采用Dubbo与Zookeeper、Spring框架的整合。主要是以下几个步骤：安装Zookeeper,启动；创建MAVEN项目，构建Dubbo+Zookeeper+Spring实现的简单Demo；安装Dubbo-admin，实现Dubbo服务治理。Zookeeper介绍与安装Demo中的Dubbo注册中心采用的是Zookeeper。为什么采用Zookeeper呢？Zookeeper是一个分布式的服务框架，是树型目录服务的数据存储

2021-03-06 00:07:47 1386 1

原创 Vue进阶（幺陆陆）：组件实例 $el 详解

$el用于获取Vue实例挂载的DOM元素，在mounted生命周期中才有效，之前的钩子函数内无效。如下代码所示，Vue脚手架中，$el指向当前组件template模板中的根标签。<template> <div id="root"> <h1 @click="fn()"> Lorem, ipsum </h1> </div></template><script>export defau

2021-01-23 13:48:09 8295 6

原创奇迹

有一种奇迹叫“中国红” 北京时间3月23日晚，中国队在世预赛亚洲区12强赛A组第六轮的一场较量中力克老对手韩国队，保留了冲击世界杯决赛圈了可能。对于国足而言，本场比赛堪称中韩交锋史上最有价值的一场胜利。面对亚洲劲旅韩国队，凭借于大宝的一粒进球，亟需抢分的中国队在长沙1：0赢得了这场生死大战。主帅“银狐”里皮带领中国队再度打破“恐韩”怪圈，同时也让这支球队进军2018年世界杯赢得一线生机

2021-01-22 22:32:28 44971 6

原创感慨

感慨

2021-01-22 22:29:13 46294 3

原创 JavaScript进阶（十四）：详解 ES6 中的 export 和 import

但是，如果a是一个对象，改写a的属性是允许的，但非常不推荐修改引入的变量，会造成变量污染，因为其他引入的模块也可以读到改写后的值，这种写法很难查错，所以凡是输入的变量，都当作完全只读，轻易不要改变它的属性。上面代码中，变量 x 作为 foo 的参数，只把变量 x 的值传入 foo，x 只作为数值的载体，函数内部 x 并没有与变量 x 产生直接联系。这里看起来就像是输出了一个变量m作为对外的接口，我们可能会认为 m 这个变量被输出到模块外被使用，并且与模块内的 m 产生了引用的关系。如果多次重复执行同一句。

2021-01-22 16:00:13 2409

原创 Vue进阶（幺陆肆）：自定义指令之拖拽指令

在博文《Vue进阶（九十一）：自定义指令》中讲解了Vue自定义指令（局部、全局）的创建方法，及指令相关的钩子函数。此篇博文在此基础上实现vue自定义拖动指令。1. 定义全局拖拽指令：定义全局指令，需要在main.js中写入vue.directive('drag',{});即可。但是一般会现在项目新建一个drag.js文件，在js文件内部实现拖拽逻辑，最后在dom代码中调用该指令：（1）新建drag.js文件：import Vue from 'vue';//使用Vue.directive()定义一个

2021-01-22 13:56:11 1825

原创 Vue进阶（幺陆叁）：vue项目启动后自动打开页面并设置默认浏览器

以windows 系统为例，操作方法如下：一、修改默认浏览器设置谷歌浏览器为默认浏览器。1、首先打开“开始菜单”，点击“控制面板”；2、在“控制面板”里面找到“默认程序”，进入后点击“设置默认程序”；3、加载好后选择 “谷歌浏览器”；4、选择“将此程序设置为默认值”，如果安装360安全卫士，必须先退出360安全卫士，否则设置不起效果。5、选择“选择此程序的默认值”，全选所有的扩展名，保存。二、vue项目启动自动打开页面若需要Vue项目启动后自动打开浏览器展示页面，还需要打开config文件

2021-01-22 10:21:17 5144 3

原创 Vue进阶（幺陆贰）：走近 render 函数

Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数render，它比模板更接近编译器。render函数是什么简单的说，在vue中我们使用模板HTML语法组建页面，使用render函数我们可以用js语言来构建DOM。因为vue是虚拟DOM，所以在拿到template模板时也要转译成VNode函数，而用render函数构建DOM时，vue就免去了转译的过程。当使用render函数描述虚拟DOM时，vue提供

2021-01-18 17:31:42 3477 4

原创 Vue进阶（幺伍柒）：Form 表单重置失败问题解决

在应用Vue进行项目开发过程中，应用this.$refs[name].resetFields();实现表单搜索元素重置时发现失效。经检查发现是form-item绑定的属性prop与包裹元素el-input绑定值不一致造成的。现梳理有关应用this.$refs[name].resetFields();重置表单方法的注意事项。Form必须要有ref属性Form必须绑定：model<Form ref="submitUser" :model="submitUser"></FormIte

2021-01-11 15:28:16 3949 1

原创网站开发进阶（五十捌）IE9对CSS3属性的支持情况

IE9支持的伪类&伪元素:root:nth-child(n):nth-last-child(n):nth-of-type(n):nth-last-of-type(n):last-child:first-of-type:last-of-typenly-childnly-of-type:empty:target:not(s):enabled:disabled:checked:indeterminate::selectionIE9不支持的伪类&伪元素..

2021-01-07 20:46:16 1585 3

原创 Vue进阶（幺伍陆）：iView实现table渲染html标签内容

Vue+iVIew项目开发过程中，需要实现页面根据html格式的字符串，在页面中解析的效果。例如 let htmlStr='<div style="font-size=16px">我是小标题</div>'页面中显示效果如下：我是小标题主要是在render()函数中实现,示例代码如下：{ title: "标题", key: "title", align: "center", className:'cleanTitle', render:(h,params)=

2021-01-07 09:54:28 2479

原创 mysql进阶(三十四)Field ‘id‘ doesn‘t have a default value 错误解决方法

在做项目开发过程中，实现新建表结构数据新增,前端点击新增操作后，发现后台报错信息如下：Field 'id' doesn't have a default value后经过走查发现，表结构中存在id字段，但是写表时并未传参id,且id字段在设计表结构时本意是自增字段，无需前端传值。通过查看表结构，发现id字段并未设置为自增字段！通过设置id字段为自增字段，解决以上错误信息！...

2021-01-04 09:40:48 4808 5

原创程序员必备的chrome插件:体验极佳的CSDN插件

应用场景下载地址：点击下载整体评测优势待改进处体验问题及改进建议在插件体验过程中，亮点频频，但有些点仍有待改进处。体验问题及改进建议如下：打开新页签时，建议【开发助手】、【更换主体色】、【壁纸设置】图标给出【功能名称】提示功能。...

2020-12-29 16:34:46 1903 4

原创我的2020|有风有雨亦有晴

2020，不同寻常的一年。于公，新冠疫情肆虐，给国家、民族、每个人带来了前所未有的挑战。于己，2020.04.30结婚登记，自己完成了从男孩到丈夫的角色转变，也深知自己所肩负的责任与义务。工作稳定的目前，Web框架已经趋于三足鼎立的局面。分别为：Facebook的React，Google的Angular，以及尤雨溪的Vue。三大框架虽相互借鉴，但各有侧重，且都处于稳定发展过程中。工作中，通过不断的项目实战，自己对于Vue学习掌握了大概60%，所欠缺的40%正是自己需要不断学习的进步空间。要想吃透

2020-12-28 10:49:04 2717 12

原创 Vue进阶（幺伍肆）：vue-resource 应用

前言vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。在Vue.js中，完成ajax请求的方式有两种：vue-resource和 axios。Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。有关 axios应用详参博文《Vue进阶（三）：Axios使用详解》《Vue进阶（四）：使用 V

2020-12-17 15:45:19 2110

原创 Vue进阶（幺伍伍）：vue-resource 拦截器 interceptors 使用

前言在vue项目使用vue-resource实现异步加载的过程中，需要在任何一个页面任何一次http请求过程中，增加对token过期的判断，如果token已过期，需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断，那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢？答案是有的!vue-resource的interceptors拦截器的作用正是解决此需求的妙方。在每次http的请求响应之后，如果设置了拦截器，会优先执行拦截

2020-12-17 15:19:35 5275 2

原创 Vue进阶（幺伍叁）：Vue-highlight 实现代码高亮

highlight.js 支持几十种种编程语言（点击下载），既包括常见的 C、java、javascript、ruby、python、html、css、sql等，还支持 apache、nginx 这些配置文件的语法。除了引入Vue-highlight.js文件外，还需要引入样式文件highlight.js文件。vue-highlight.js只是实现了代码高亮的功能，安装包里是没有css的样式文件的，因此我们还需要安装一个highlight.js来实现真正的样式。安装npm install --sav

2020-12-17 09:34:36 3847 2

原创 Vue进阶（幺陆幺）：mixins 学习

前言在前端项目开发的时候，经常会遇到这样的一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等及页面布局。这时候就会考虑：是把它们拆会成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆会成多个组件，就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面，太多的组件会很快变得混乱，难维护，甚至对于组件开发者自已而言，也是件难事。在Vue中，对于这样的场景，官方提供了

2020-12-16 16:52:19 4501

原创 mysql进阶(三十三)MySQL数据表添加字段

MySQL 允许在开头、中间和结尾处添加字段。在末尾添加字段一个完整的字段包括字段名、数据类型和约束条件。MySQL 添加字段的语法格式如下：ALTER TABLE <表名> ADD <新字段名><数据类型>[约束条件];对语法格式的说明如下：<表名> 为数据表的名字；<新字段名> 为所要添加的字段的名字；<数据类型> 为所要添加的字段能存储数据的数据类型；[约束条件] 是可选的，用来对添加的字段进行约束。这种语

2020-12-15 14:05:36 1762

原创 Vue进阶（幺伍幺）：Vue 应用 key 提升页面渲染性能

一、key的作用作为一个DOM节点的标识值，结合Diff算法可实现对节点的复用。(key相同的节点会被复用。)只有当key(或其他导致isSameNode判断为false)发生改变时，才会触发节点的重新渲染。否则Vue将会复用之前的节点，通过改变节点的属性来实现节点的更新。二、key使用id与index的区别不推荐使用index作为key，因为这种做法会导致某些节点被错误地原地复用，具体如下：性能损耗：列表渲染时会导致变动项往后的所有列表节点(内容)的更新（相当于key没发挥作用）。出现错误：

2020-12-11 18:59:57 3377

原创 Vue进阶（幺伍零）：巧用 key 提升页面渲染性能及触发生命周期函数

当 Vue.js 用v-for正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。key的两种应用场景在列表渲染时使用key属性假设Vue实例的data属性中有一个叫numbers的变量，它的值是[1, 2, 3, 7, 8, 9]：<div v-for="num in numbers"> {{num}}</div>

2020-12-11 18:57:07 3298

原创 Vue进阶（幺肆玖）：template 标签

.vue 文件的基本结构如下：<template> ........</template><script> export default { name: "demo" }</script><style scoped> .demo { font-size: 28px; }</style> 上面template标签是用来写 html

2020-12-11 18:24:02 7128 1

原创 Vue进阶（幺伍贰）：el-table-column :key 应用

引言在前端项目开发过程中，el-table展示的结果列使用组件形式引入，其中某些字段通过:formatter方法转码，结果栏位的字段显示/隐藏控制也使用组件形式引入，前端在控制字段显示属性时，发现码值转换及字段信息展示均有问题。问题分析通过阅读代码结构，发现el-table-column通过template循环生成，由于template的作用是模板占位符，可帮助我们包裹元素，但在循环过程当中，template不会被渲染到页面上。有关表格数据渲染中key的作用如下：key作为一个DOM节点的标识值

2020-12-11 13:44:29 11730 7

原创 Vue进阶（幺肆捌）：Vuex 辅助函数详解

我们知道如果想要访问vuex.store中state中的数据，需要使用this.$store.state.属性名。显然这样访问数据写的代码很不简洁，辅助函数就是用来解决这个问题的。辅助函数通过辅助函数mapState、mapActions、mapMutations，把vuex.store中的属性映射到vue实例身上，这样在vue实例中就能访问vuex.store中的属性了，对于操作vuex.store就很方便了。state辅助函数为mapState，actions辅助函数为mapActions，mut

2020-12-10 17:56:43 4988

原创 mysql进阶(三十二)MySQL 错误. You are using safe update mode and you tried to update a table without ....

在执行delete语句的时候,可能会提示MySQL在保护模式, 无法进行删除, 错误如下ErrorCode: 1175. You are using safe update mode and you tried to update a tablewithout a WHERE that uses a KEY column To disable safe mode, toggle the optionin Preferences -> SQL Editor and reconnect.解决方案:

2020-12-07 16:42:02 1880

原创 SpringBoot进阶(叁)：Spring Boot启动过程分析

首先贴一张很不错的图，SpringBoot启动结构图，图片出自SpringBoot启动流程解析。本文的分析基于Spring Boot 2.1.*，非Spring的代码只有下面这个启动main函数：@SpringBootApplicationpublic class App { public static void main(String[] args) { SpringApplication application = new SpringApplication(AppServ

2020-12-06 14:45:45 2286

原创 CSDN广告栏位收费标准

位置收费标准（年）侧边栏1500博文上方1200博文中800博文下方1000侧边栏（黄金地段，首选）博文上方（铂金地段）博文中（经济适用型）博文下方（经济型）

2020-12-04 15:40:27 2268 1

原创 Vue进阶（贰佰）：前端UI框架介绍

目前流行前端几大UI框架2019-01-28阅读 8100在前端项目开发过程中，总是会引入一些UI框架，已为方便自己的使用，很多大公司都有自己的一套UI框架，下面就是最近经常使用并且很流行的UI框架。一. ElementUIElement是饿了么前端开源维护的Vue UI组件库,组件齐全，基本涵盖后台所需的所有组件，文档讲解详细，示例丰富。主要用于开发PC端的页面，是一个质量比较高的Vue UI组件库。官网地址Github二.iView UIiview ui是一个强大的基于vue的ui

2020-12-04 09:16:13 2647 2

原创 SpringBoot进阶(二)：Redis

Windows 下安装下载地址Redis 支持 32 位和 64 位。这个需要根据你系统平台的实际情况选择，这里我们下载 Redis-x64-xxx.zip压缩包到 C 盘，解压后，将文件夹重新命名为 redis。打开文件夹，内容如下：打开一个 cmd 窗口使用 cd 命令切换目录到 C:\redis 运行：redis-server.exe redis.windows.conf如果想方便的话，可以把 redis 的路径加到系统的环境变量里，这样就省得再输路径了，后面的那个 redis.wi

2020-12-03 19:12:08 1777

原创 SpringBoot进阶(一)：再回首SpringBoot maven 项目的三种启动方式

注：引入的是 SpringBoot2.0.3.RELEASE 的版本父项目<parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.0.3.RELEASE</version></parent>第一种：通过启动

2020-12-01 11:31:54 2279 4

原创 Vue进阶（幺玖玖）：vue 输入框中按enter键实现搜索或表单提交

在前端项目开发过程中，为优化用户体验，可考虑在用户输入查询条件后按回车键实现搜索效果。实现方法如下：@keydown.enter.native="search" 其常用的快捷键如下图所示：

2020-11-30 20:59:51 5593 2

原创 JavaScript进阶（二十八）：js 判断 document.getElementByid(““) 获得的对象是否存在

如果通过document.getElementById("") document.getElementByName("") 等方式获得的对象不存在情况下，进行操作时会报错。因此需要首先判断该对象是否存在，以下两种判断方法，推荐使用第一种。方法一: v==nullvar v;v = document.getElementByIdx_x( "id ");if(v==null){//不存在，错误处理}else{//存在，正常处理}方法二: typeof(obj) == “undefined”

2020-11-25 19:51:14 4753 2

转载 Vue进阶（幺玖柒）：Vue 项目设置生产环境取消 console、debugger 语句控制台输出

开发过程中，经常需要使用console.log、console.info、alert等操作来输出内容，测试代码，而在生产环境之中，这些打印的东西最好是不要显示、特别是用户名、密码相关。一个个去删除、注释显然是很麻烦的一件事，所以我们可以通过修改配置变量，实现在开发环境打印，而生产环境不打印。修改方法如下：在项目的build/webpack.prod.conf.js文件之中，找到UglifyJsPlugin配置，在compress中添加如下代码即可。new UglifyJsPlugin({ ugl

2020-11-19 14:22:29 4271 2

原创 iOS开发进阶（五）：.framework 静态库制作

应用uni-app开发Hybrid APP过程中，若框架本身无法实现，则需要通过封装原生插件的方式实现。此篇博文主要讲解.framework静态库制作及功能验证。原生插件实现后，可通过《跨平台应用开发进阶(六) ：uni-app实现原生插件集成》博文查看。

2020-11-17 15:29:09 2597

原创 Vue进阶（幺肆陆）：elementUI 中 el-switch、el-radio 使用注意事项

需求描述1、根据后台传值动态显示开关状态及文字说明（0为文字，1为图标）实施方法Swich默认是boolean类型，而后台传值为number类型，这个时候我们需要用number来取代boolean类型； <template slot-scope="scope"> <el-switch v-model="state" on-value="1" off-value="0" on-text="文字" off-text="

2020-11-14 15:49:20 6327

原创 Vue进阶（幺肆伍）：Vue-elementUI实现操作栏位更多效果

项目开发过程中，需要实现操作栏位图标按钮与文字按钮切换效果，在实现文字按钮过程中，大致思路如下：操作栏位只展示前2个菜单，之后的菜单采用更多方式展示，通过点击更多展示其余菜单按钮。实现代码如下：<template slot-scope="scope"> <el-dropdown :split-button="false" trigger="click" type="text" @command="handleCommand" class="dropdown el-dropdown-l

2020-11-12 16:14:58 3066 6

原创 Vue进阶（幺肆肆）：(window,parent,opener,top).location.reload方法分析

项目开发过程中，通过iframe引入其他页面，返回至前一页面时调用parent.location.reload(true)时Chrome、IE10(11)下均可以正常返回，但是在IE9下却无效。改成top.location.reload(true)就可以了。window.location.reload(true)刷新当前页面.parent.location.reload(true)刷新父亲对象（用于框架）opener.location.reload(true)刷新父窗口对象（用于单开窗口）top

2020-11-07 10:55:48 3407

原创 Vue进阶（幺叁玖）：textarea文本框根据内容自适应改变高度

项目开发过程中，在展示用户录入意见信息时，使用el-input标签，type=”textarea”属性，在指定:row=”number”后，若输入文本量或显示文本量超过指定行数后，会出现垂直滚动条，但在IE环境下，该滚动条是隐藏的，用户体验性不好，故考虑实现文本框根据文本内容自适应高度的效果。应用代码如下：<template> <div class="my-textarea"> <textarea ref="textarea" :style="{'heig

2020-10-24 19:46:03 4688 1

Socket编程-聊天室.zip

项目实战

2021-03-16

apache-maven-3.3.9.zip

maven安装包

2021-03-16

LaoMaoTao.exe

装机导引

2021-03-16

mysql-installer-community-5.7.4.0-m14.1411728256.msi

mysql社区版安装包

2021-03-16

万能网卡驱动For-Win10-32_64bit.zip

Win10万能网卡驱动

2021-03-16

ScreenToGif.2.27.3.Portable.zip

实用Gif制作软件

2021-03-16

Vue下textarea文本框根据内容自适应改变高度

Vue自定义组件实现文本框根据文本内容自适应高度的效果，解决若输入文本量或显示文本量超过指定行数后，会出现垂直滚动条，但在IE环境下，该滚动条是隐藏的问题。

2020-10-20

Date.html（免费，有需要的童鞋自取）

免费：JS+CSS3实现罗马样式钟表；有需要的童鞋可以自取！取之于民，用之于民！咋还不够50字啊！！

2020-03-28

BackToTop.zip

这是一个可以快速回到页面顶部的组件，当用户浏览到页面底部的时候，通过点击按钮，可快速回到页面顶部。应用方法详见博文：https://shq5785.blog.csdn.net/article/details/102917007

2019-11-05

PNAE Petri Net建模工具

一款用于Petri Net建模的学习工具，大家可以下载下来学习。

2018-08-05

dubbo-admin-2.5.4 Web管理平台.zip

由于我使用的是jdk1.8的版本，在网上找了很多dubbo-admin.war基本都是基于jdb1.7的，因为我就打包了一个支持jdk1.8版本的，下载解压后即可使用。具体使用方法参见博文《Dubbo进阶（六）—— Zookeeper注册中心和Dubbo-Admin管理平台的搭建》 https://blog.csdn.net/sunhuaqiang1/article/details/80142014

2018-04-29