- 博客(15)
- 资源 (44)
- 问答 (6)
- 收藏
- 关注
原创 Vue进阶(幺玖肆):<keep-alive> 实现页面缓存
引入场景有时候我们不希望组件被重新渲染影响使用体验;或者处于性能考虑,避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。官网解释:<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。 当组件在 <keep-alive> 内被切换,
2021-03-15 10:42:36 4418 4
原创 Vue进阶(幺柒柒):Vue 应用 Sass、Scss、Less 和 Stylus
Vue项目中应用预处理器,可以有效减少css代码量, 推荐使用Sass、Scss、Less预处理器。在创建项目的时候可以选择预处理器 ()。如果当时没有选择,内置的webpack仍然会被预配置为可以完成所有的处理,也可以手动安装相应的# Sass# Less# Stylus然后,就可以导入相应的文件类型,或在.vue下面主要讲解一下vue中应用less或者sass的方法,以less为例(style.less)。...
2021-03-14 22:09:19 3085 4
原创 Vue进阶(幺柒陆):CSS 预编译语言 Sass、Scss、Less 和 Stylus
CSS预处理器定义了一种新的语言,它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件。开发者只需要使用这种语言进行编码工作,减少枯燥无味的CSS代码编写过程的同时,它能让你的CSS具备更加简洁、适应性更强、可读性更加、层级关系更加明显、更易于代码的维护等诸多好处。CSS 预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项目使用。CSS 预处理器为CSS增加一些编程的特性,无需考虑浏览器的兼容性问题。...
2021-03-14 22:08:00 4296 6
原创 Vue进阶(幺柒叁):表单元素日期校验
本文主要讲解基于element-ui datetimepicker实现日期时间,在表单校验中的校验逻辑及实现方法。注:在表单检验时间组件时,应在检验中增加type: 'date',否则会提示检验对象错误问题。vue部分<!--开始/结束日期,时间--><template> <el-row style="margin-top: 13px;"> <el-col :span="12"> <!--开始日期,时间--> <
2021-03-14 21:58:58 2535
原创 Vue进阶(幺柒贰):应用 @fullcalendar/vue 实现日程日历
前言在项目实战过程中,需要为项目主页实现日程日历功能,主要包括日程的增删改查。在网上研究一番后,经过对比发现一款比较好用的良心插件Fullcalendar。Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。本文由以下几个部分组成:1.安装fullcalendar2.简易DEMO代码3.Template中FullCalendar属性注解4.script中FullCalendar属性方法注解安装FullcalendarVue框架下,ful
2021-03-14 21:58:13 4915 3
原创 Vue进阶(幺陆柒):Vue 项目调试技能
前言在Vue项目开发过程中,当你遇到应用逻辑出现错误,但又无法准确定位的时候,知晓Vue项目调试技巧至关重要。同后台项目开发一样,可以在JS实现的应用逻辑中设置断点,并进行单步、进入方法内、跳出方法等调试,从而准确定位问题根源。本文主要针对JetBrains系列WebStorm下Vue项目进行调试的2种方法:debugger和。debuggerdebugger是谷歌浏览器提供的调试语句,其主要是通过停止JS的执行,相当于设置断点。它的使用方法很简单, 只需要在我们的JS语句中, 插入一行debug
2021-03-14 21:57:26 1693
原创 Vue进阶(幺陆捌):前端用户体验提升(三)应用vw/vh实现自定义布局
vw/vhvw/vh单位可以根据电脑浏览器自适应。vw —— 视口宽度的 1/100;vh —— 视口高度的 1/100在pc端,视口宽高就是浏览器的宽高;vw/vh定义css3中引入了一个新的单位vw/vh,与视图窗口有关,vw表示相对于视图窗口的宽度,vh表示相对于视图窗口高度,除了vw和vh外,还有vmin和vmax两个相关的单位。各个单位具体的含义如下:这里我们发现视窗宽高都是100vw/100vh,那么vw或者vh,下简称vw,很类似百分比单位。vw和%的区别为:从对比中我们可
2021-03-14 21:56:45 2591
原创 JavaScript进阶(十五):JS 垃圾回收机制
在之前创建的《JVM》专栏中,讲解了Java虚拟机中垃圾回收机制。同JVM具有垃圾回收机制相似,JavaScript同样具有垃圾回收机制。众所周知,应用程序在运行过程中需要占用一定的内存空间,且在运行过后就必须将不再用到的内存释放掉,否则就会出现下图中内存占用持续升高的问题,一方面会影响程序的运行速度,另一方面严重的话会导致整个应用程序的崩溃。
2021-03-14 21:55:55 2807
原创 Vue进阶(幺柒肆):鼠标、键盘事件
在项目开发过程中,需要根据鼠标事件进行相应处理。现予以梳理。鼠标事件如下所示:点击事件:@click //单击@dblclick/ /双击@mousedown //按下@mouseup //抬起@contextmenu // 鼠标右键悬浮事件及触发顺序:@mouseover //划过@mouseenter //进入@mousemove //移动@mouseleave //离开@mouseout //移出滚动事件:@mousewheel键盘事件@keydow
2021-03-14 20:21:38 1921
原创 Vue进阶(幺柒零):前端用户体验提升(四)应用 rem/em 实现字体自适应
在前面博文中,我们讲解了提升用户体验的一个技巧:自适应布局。接下来这篇博文主要讲解提升用户体验的另一个技巧:字体自适应。首先,我们要清楚在字体设置中比较常用的三个单位:px,rem,em。px是一个大小单位,相当于1像素,这样写字体大小就是固定的;rem,em两者都是比例单位,只是相对比的对象不同:em是相对于父级的,父级字体设置20px,子级设置0.5em,即20* 0.5=10px,rem是相对于根的,根设置字体30px,我设置0.5rem,即30* 0.5=15px。使用 em 和 r
2021-03-14 20:20:49 3027 2
原创 Vue进阶(幺柒贰):信创浏览器兼容性探讨
应用系统上线运行后存在的浏览器兼容性问题产生的原因无疑与应用系统代码、浏览器设置或硬件设置有关。信创适配改造阶段,系统用户在使用国产信创设备上面的奇安信浏览器可能会遇到兼容性问题。甩锅阶段,开发认为是测试不全面导致,认为测试应该必须测试过特定浏览器才可以进行说明。当时在进行银河麒麟和UOS(统信)的兼容适配时与OS厂商沟通过,操作系统认为自己兼容比较好的是曾经360旗下后来2019因为战略分歧而分道扬镳的奇安信浏览器。通过了解,奇安信跟360极速浏览器应该是同根同源,两者都是基于Google的。
2021-03-14 20:19:48 5904 1
原创 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 
2021-03-07 11:37:40 3927 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 3706 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 1402 1
Vue下textarea文本框根据内容自适应改变高度
2020-10-20
BackToTop.zip
2019-11-05
dubbo-admin-2.5.4 Web管理平台.zip
2018-04-29
dubbo-monitor-simple-2.5.3.zip
2018-04-29
w3c标准html5手册
2017-08-28
Chart.js实现饼状图添加文字
2017-08-28
Icon制作神奇-Greenfish Icon Editor3.31官方中文版
2017-04-25
iOS集成听云uni-app插件JS资源文件
2022-10-12
基调听云App移动应用性能管理产品采用SDK方式实现对App的**崩溃、卡顿、超时**等性能问题进行采集,并能对真实用户体验数据
2022-10-11
react-native实现ios横屏全屏展示
2024-03-13
react-native实现ios横屏全屏展示
2024-03-05
谁是第3w [face]monkey2:012.png[/face]
2021-03-24
学无止境[face]monkey2:005.png[/face]
2021-03-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人