自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

LaoYe的博客

一位IT自学菜鸟

  • 博客(187)
  • 收藏
  • 关注

原创 图片或背景实现等比自适应缩放

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>React App</title> <style> body { margin: 0px; pad.

2021-01-28 18:27:48 37

原创 Vue原理解析:手写编译器(节点解析) —— Compile

由于时间问题,暂时先把代码完整的贴上来,感兴趣的朋友可以自行研究或收藏,等我那时有时间的时候,进行逐一讲解一、声明式HTML<div id="app"> <h3>Hello,{{personName}},你在{{msg}}吗?</h3> <div v-text="msg" v-on:click="handleShowTip"></div> <div v-text="msg" @click="handleShowMsg(msg,

2021-01-04 12:16:29 94

原创 Vue原理解析:手写状态管理器 —— Vuex

由于时间问题,暂时先把代码完整的贴上来,感兴趣的朋友可以自行研究或收藏,等我那时有时间的时候,进行逐一讲解

2021-01-04 12:04:54 42

原创 Vue原理解析:手写路由管理器 —— Vue-Router

由于没有时间,暂时先把代码完整的贴上来,感兴趣的朋友可以自行研究或收藏,等我那时有时间的时候,进行逐一讲解一、对外暴露的入口文件index.jsimport Vue from 'vue'import VueRouter from "./kvue-router";// 使用路由插件 - 插件一定要实现install方法(静态)Vue.use(VueRouter);// 配置路由参数const router = new VueRouter({ routers: [{

2021-01-04 12:02:44 79

原创 Vue异常错误:You may use special comments to disable some warnings.

错误提示:错误原因:引入了Eslint代码检测工具,当编写的代码不规范的时候,所抛出的警告信息解决方案:进入配置文件,手动关闭EsLint

2021-01-03 21:58:50 36

原创 Vue引入less启动时报错解决方案

问题:运行Vue项目时报错原因:经过百度查询,并非安装环节出现问题,而是less-loader安装的版本过高导致的不兼容从上图可以看到less-loader的安装版本是7.0.2,和less相差了4个大版本。解决:卸载当前版本,安装低版本后即可正常启动// 卸载less-loadernpm uninstall less-loader// 安装指定版本的less-loadernpm install less-loader@4.1.0 --save...

2020-11-10 16:56:28 106

原创 运行Vue项目时报错:You may use special comments to disable some warnings. Use // eslint-disable-next-line to

一、原因由于vue对语法的限制过于严格,所以运行时会报错二、解决方法① 进入项目中的build目录,找到webpack.base.conf.js文件,注释或删除eslint规则② 创建Vue项目时,取消eslint的配置

2020-10-11 02:06:02 247 1

原创 配置并通过搭建脚手架快速创建Vue项目

一、下载Node.js二、安装Node.js(一直点Next即可)三、安装完毕之后检测是否正常Nodejs自带npm,如果不是最新版的话,可以输入npm install -g npm命令更新到最新版四、安装淘宝NPM镜像npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像。淘宝cnpm镜像做了2件事:1:找到淘宝的镜像地址;2:更改当前npm所使用的下载包服务器地址;npm临时使用淘宝镜像安装依赖包npm i -g express --regi..

2020-10-04 15:39:49 124

原创 【通俗易懂的案例】带你掌握JavaScript的call()、apply()、bind()三者的区别

某天,你下班回到家里,母亲跑过来对你说:今晚你想吃“红烧肉”、“鱼香茄子”还是“客家酿豆腐”?var menu = { food1: "红烧肉", food2: "鱼香茄子", food3: "客家酿豆腐"}var person = { eat: function(name, type) { console.log(`指向类型:${type}`) console.log(`${name}吃${this}`); console.log("this指向 →", this); }

2020-09-10 16:06:08 61

原创 Git创建本地仓库并推送至Github上(详细步骤)

由于本人是直接通过可视化工具上手Git的,所以第一次接触指令操作,如果描述有误希望各位能够踊跃的指出,非常感谢。废话不多说,正文开始。一、创建Git本地仓库并提交代码1).进入项目目录,右键选择Git Bash Here2).输入命令“git init”在当前所在目录下创建一个空的Git仓库,执行该命令之后就会在当前目录下生成.git文件夹3).输入命令“git add *(表示文件/文件夹名)”选择需要上传的文件/文件夹添加到Git仓库中,如果需要把该目录下的所有文件/文件夹都添加

2020-09-05 20:59:48 291

原创 Windows系统安装Git(详细步骤)

一、下载Git安装程序并安装进入Git官方,下载对应系统的程序安装包(下载链接),安装步骤如下所示:1).阅读声明许可2).选择安装路径3).选择安装组件默认勾选不要动,剩下的按需勾选,然后点Next进入下一步4).选择开始菜单文件夹这个步骤是创建开始菜单中的Git所处的文件夹名称,按需修改,一般直接Next5).选择Git文件默认编辑器按需选择,一般直接Next6).调整Path环境 第一个选项:“仅从Git Bash使用Gi...

2020-09-05 12:48:21 167

原创 JavaScript之事件触发on和事件监听addEvent及addEventListener的区别和作用

一、on事件为dom节点添加多个on事件只会执行最后的那个事件,因为最后的指定的on事件指向最后的那个函数,代码如下所示:function method1(){ console.log('我是方法1')}function method2(){ console.log('我是方法2')}function method3(){ console.log('我是方法3')}v...

2019-12-13 20:00:08 414

转载 vue项目打包后css背景图路径不对的问题

问题描述:自己在自学vue做项目的过程中,遇到一个有关背景图片路径的问题,就是css代码中背景图片是根据相对路径来写的,如下图:当使用npm run dev命令本地访问的时候,背景图片是正常显示的,可使用npm run build命令打包后,访问dist目录下的项目,页面背景图路径就不对了,显示不出背景图。如下两张图对比图一:使用npm run dev命令访问图二...

2019-12-12 22:22:17 165

原创 JavaScript判断数组的维度

var array = new Array( new Array("1"), new Array( new Array( new Array( new Array("2"), new Array("3") ), new Array("4") ), new Array("5"), new Array("6") ), new Array...

2019-10-13 20:18:41 625

转载 JavaScript之Array.prototype.join.call(arguments,",") 理解

Array.prototype.join.call(arguments,",") [ 代码拆分 ]var fn = Array.prototype.join; // 把方法添加为属性fn.call(); // 转变为方法调用!!!prototype 属性:使您有能力向对象添加属性和方法。join() 方法:把数组的所有元素放...

2019-10-13 16:03:14 369

原创 【Eclipse使用教程】格式化代码快捷键,以及不起作用的原因。

① 使用快捷键:Ctrl+Shift+F问:为什么有时候 Ctrl+Shift+F 不起作用?答:Ctrl + Shift + F 快捷键被其他软件占用,因此不生效。例如Win10自带输入法,默认简繁替换就是使用该快捷键,因此只要修改输入法的简繁切换快捷键就可以了,或者将其关闭或卸载。② Eclipse 保存文件时自动格式化代码 Eclipse有个很有用的功能,就是...

2019-09-07 16:44:21 223

原创 【Eclipse使用教程】Java导包快捷键

第一步:光标选择要导包的行第二布:同时按Ctrl + Shift + O第三步:方向键选择要导的包,按Ehter回车键即可

2019-09-06 16:18:15 459

原创 【前端实例】CSS实现文本内容两端对齐的小技巧

我们在Word文档中操作时,知道文本的对齐方式有4种,分别是左端对齐、居中对齐、右端对齐、两边对齐,具体效果如下所示那么,前端如何通过CSS实现两边对齐呢?通过CSS2文档查询text-align可知有个justify属性能够实现文本两端对齐但是当自己在CSS样式文件中加入 text-align: justify; 这句话时却无法实现两端对齐的效果,这是为什么?这是因为两端...

2019-08-23 20:22:56 281

原创 【前端实例】Table表格中td单元格内容超出时隐藏

HTML代码<table> <tr> <td>Data</td> <td>Table表格中td单元格内容超出时隐藏</td> <td>Data</td> </tr></table>CSS代码table { width: 100%; ...

2019-08-23 14:04:27 767

转载 Web开发中数据表格常见的7类筛选设计

文章转载自:http://www.woshipm.com/pd/653433.html目录1、以搜索的形式进行筛选2、标签加搜索3、搜索加高级选项4、tab的形式切换5、list筛选6、全部显示筛选7、带标签多项筛选结语1、以搜索的形式进行筛选输入框可以输入用户关心的内容,下面可以做到实时筛选,也可以触发点击。但是必须支持模糊查询,否则用户必须记住所...

2019-07-03 20:49:00 2347

转载 Java系列学习笔记 --- 网络编程总结

Java的客户/服务器通信模式中,服务器端需要创建监听特定端口的ServerSocket,ServerSocket负责接收客户连接请求。本实验提供线程池的一种实现方式,线程池包括一个工作队列和若干工作线程,服务器程序向工作队列中加入与客户通信的任务,工作线程不断从工作队列中取出任务并执行它。一、构造ServerSocket ServerSocket的构造方法有以下...

2019-06-15 17:10:26 89

原创 CSS消除table和tbody之间的间距

消除前 消除前我们可以看到,在table和tbody之间存在着一个间隔消除后 想要消除这个空白间隔只需要在table样式中添加 border-collapse: collapse 合并table的border就可以消除 ...

2019-06-09 15:37:59 1544

原创 Eclipse启动错误:A Java Runtime Environment(JRE) or Java Development Kit(JDK) must be available……

错误信息截图 第一种解决方案:检查JDK,JRE的环境变量是否配置无误。第二种解决方案:修改Eclipse目录下的“eclipse.ini”配置文件,在前面添加下面两句话-vmG:\environment\jdk1.8.0_91\bin\javaw.exeps:路径为绝对路径...

2019-06-05 13:28:39 389

原创 VMware彻底删除虚拟机操作系统的方法

方法一 1)、选中要删除的虚拟机操作系统,单击右键,选择“管理”选项。 2)、然后在选择 “从磁盘中删除” 选项即可删除该虚拟机操作系统。方法二 1)、选中要删除的虚拟机操作系统,选择 VMware 软件最上方的“虚拟机”选项。 2)、然后选择 “管理”选项。 3)、然后选择 “从磁盘中删除” 选...

2019-05-27 09:17:34 3371

转载 Java中System.exit(0)和System.exit(1)区别

转载:https://www.cnblogs.com/xwdreamer/archive/2011/01/07/2297045.html 作者:xwdreamer一.解析 查看java.lang.System的源代码,我们可以找到System.exit(status)这个方法的说明,代码如下:/*** Terminates the currently running...

2019-05-14 19:33:17 1454

原创 Java IO操作的几种读/写操作

一、客户端public class Client2 { public static void main(String[] args) { System.err.println("客户端已经启动..."); try { Socket socket = new Socket("localhost", 80); // 获取Socket输出流 -- 向服务器发送数据 ...

2019-05-14 17:51:53 89

原创 Socket java.net.SocketException: Connection reset错误异常的原因及解决

目录一、错误代码 1.1 Socket客户端代码 1.2 Socket服务器代码二、错误原因三、解决方案一、错误代码 1.1 Socket客户端代码public class Client2 { public static void main(String[] args) { try { Socket socket =...

2019-05-14 14:48:51 9093

转载 原生JavaScript实现jQuery中的slideUp和slideDown滑动效果

参考文章:https://blog.csdn.net/u013578101/article/details/45363039 作者:johnworks目录一、前言二、第一次尝试三、第一次失败的思考四、让定时器乖乖就范五、更灵活的管理方案六、最终实现七、个人修改后的最终代码一、前言 在我自学JavaScript的时候,一直想实现类似安卓手机状态...

2019-05-12 11:03:02 2199 5

转载 原生JavaScript实现触屏滑动效果进度条

参考地址:https://www.jianshu.com/p/bf0745e51ae5 作者:雅玲哑铃目录一、实现原理二、代码案例三、实现效果一、实现原理首先是用touchmove()时间获取到移动端事件参数,保存下进度条的最大长度,可理解为滑块可移动的距离,滑块滑动到最左边与最右边就滑不动,我们假设触摸区域在滑块的正中间,那么我们触摸的点与滑块的最左边相差值为滑块宽度...

2019-05-10 14:10:15 332

原创 JavaScript获取CSS内联样式和外联样式

DOM标准里有个全局方法getComputedStyle,可以获取到当前对象样式规则信息,如:getComputedStyle(obj,null).paddingLeft,就能获取到对象的左内边距。但是IE不支持此方法,它有自己的一个实现方式,那就是currentStyle,不同于全局方法getComputedStyle,它是作为DOM元素属性存在的,如:obj.currentStyle.padd...

2019-05-10 13:58:05 1555 1

原创 JavaScript中"Maximum call stack size exceeded"错误解决方法

错误翻译过来就是"超过了最大调用堆栈大小",出现这个错误的原因是因为我进行了递归运算,但是忘记添加判断条件,导致递归无线循环。先看看我的代码function getComputedStyle(obj, prop) { if(window.getComputedStyle) { return getComputedStyle(obj,null)[prop]; ...

2019-05-10 13:45:19 4223

原创 原生JavaScript实现jQuery中的fadeIn和fadeOut淡入/出效果

目录一、前言二、需求分析三、功能实现 3.1 HTML代码 3.2 JavaScript初始化代码 3.3 淡入效果 --- 仿jQuery中的fadeIn()函数 3.4 淡出效果 --- 仿jQuery中的fadeOut()函数 3.5 淡入/淡出效果 --- 仿jQuery中的fadeTo...

2019-05-10 13:29:10 1191

原创 JavaScript 获取手机屏幕的宽度和高度

function getViewportSize () { return { width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, height: window.innerHeight || document.docume...

2019-05-10 10:44:45 193

原创 Java系列学习笔记 --- 网络编程(6)Socket

目录一、TCP协议基础二、Socket 2.1 Socket的作用 2.2 Socket概念 2.3 Socket的基本操作 ① 构造和连接Socket ② 设置连接超时 ③读取数据 ④加入多线程三、半关闭Socke...

2019-05-09 14:38:54 92

原创 【Java】Socket编程之客户端和服务器相互通信(包含线程安全)

目录一、非线程安全 1). ClientSocket类 2). ServerSocket类二、线程安全 1). ClientSocket类 2). ServerSocket类三、最终结果一、非线程安全1). ClientSocket类public static final String IP_ADDR = "...

2019-05-09 11:01:19 304

原创 Java系列学习笔记 --- 网络编程(3)URL

目录一、URL 1.1、创建URL对象 ① 使用完整字符串构造URL对象 ② 由组成部分构造URL对象 ③构造相对URL对象 1.2、从URL中获取数据 ① InputStream openStream()方法 ...

2019-04-17 11:02:08 152

原创 Packet Tracer 6.0显示设备端口名

Packet Tracer 6.0之后的版本(也不知道是不是全部)在Opations ➡ Preferences ➡ Interface标签栏中,勾上Always Show Port Labels即可勾选之后在Packet Tracer 6.0之前的一些版本中,是勾选Port Labels Always Shown...

2019-04-15 09:23:51 1928

原创 MySql常见指令手册大全

目录一、查询数据 1.11、【检索数据】Select ... From字句 1.12、【数据排序】------ Order By字句 1.21、【过滤数据】------ Where字句 1.22、【通配符过滤】 ------ Like操作符 1.31、【文本处理函数】 1.32、【日期或时间处理函数...

2019-04-12 16:26:15 54

原创 Java系列学习笔记 --- 集合(3) List接口(未完成版)

注意:该文章有List接口的常见子类ArrayList和LinkedList详解 —— Java系列学习笔记 --- 集合(4) 集合框架知识汇总一、List集合概述 List集合代表元素有序并且可以重复的集合,这是因为List集合默认按照元素的添加顺序为每个元素添加对应的索引。List集合和数组一样,是通过索引去访问对象的,所以能够允许使用重复元素。1.1 List接...

2019-04-12 16:07:03 158

原创 Java系列学习笔记 --- 集合(2) Set接口

目录一、Set集合概述二、HastSet类二、LinkedHashSet类三、TreeSet类 3.1 自然排序 3.2 定制排序四、总结一、Set集合概述 Set集合记不住元素的添加顺序,它是通过hashCode值来寻找元素的存储位置的值,所以Set集合不允许包含相同的元素,如果试图将两个相同的元素加入同一个Set集合中,虽...

2019-04-12 16:01:50 110

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除