- 博客(82)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 java socket实现简单的一对一即时通讯
文章目录socket定义编码实现客户端代码服务器代码实现效果socket定义网络上的两个程序通过一个双向的通信连接实现数据的交换，这个连接的一端称为一个socket。建立网络通信连接至少要一对端口号(socket)。socket本质是编程接口(API)，对TCP/IP的封装，TCP/IP也要提供可供程序员做网络开发所用的接口，这就是Socket编程接口;HTTP是轿车，提供了封装或者显示数...
2019-03-28 10:55:10
6422
2
原创 javaScript高级程序设计读书笔记 第二章-HTML中的JavaScript
script的常见属性属性名作用ansync异步加载脚本（不阻塞页面导致白屏），执行顺序不确定，先加载完的先执行defer异步加载脚本（不阻塞页面导致白屏），按照引入的顺序执行src引入的外部js的地址，不受跨域影响（JsonP的原理）type脚本语言的类型，大多数情况下为text/javascript,如果值为module,会被识别为es6模块，能出现import与export等关键字script执行顺序正常情况下（行内script或者外部引入但是
2020-10-11 11:46:02
176
原创 vue移动音乐app开发笔记 二. 搭建项目骨架,配置路由与开发首页界面
文章目录项目目录开发首页界面新建首页文件修改App.vue效果图项目目录开发首页界面新建首页文件在pages中新建一个index的文件夹首先首页界面主要分4个部分,所以我们在components中新建4个vue组件,并在index.vue中使用修改App.vue我们常在开发中碰到这个问题:设计师给我的图纸是一个界面占满整个屏幕,但是我们的界面总是能左右稍微滑动一点我们可以在a...
2020-02-01 15:41:08
225
原创 vue移动音乐app开发笔记 一. 搭建git环境以及新建vue移动端项目的准备工作
文章目录搭建git环境一. 在GitHub搭建远程代码仓库二. 创建git文件夹三. 克隆GitHub代码四. 将本地项目与远程仓库建立连接五.测试远程连接创建开发分支创建移动端的vue工程一.创建vue项目二.引入第三方样式文件三.引入第三方js文件搭建git环境一. 在GitHub搭建远程代码仓库创建成功二. 创建git文件夹在相应路径下输入以下命令git init复制...
2020-01-31 15:37:54
387
原创 vue踩坑笔记 十二.vue中引入vuex
文章目录安装依赖引入vuex样例代码安装依赖npm i vuex -s引入vuex在src目录下新建一个store目录,分别创建以下文件项目比较简单,建一个state文件,一个mutations文件就行,如果项目规模大还可以按需创建getters文件,actions文件等mutations.jsexport default { changeCity (state, val) ...
2020-01-19 10:58:31
623
原创 vue踩坑笔记 十一.vue中引入滑块组件
文章目录效果图安装依赖常见用法完整代码效果图安装依赖npm install better-scroll -S常见用法BetterScroll 最常见的应用场景是列表滚动，我们来看一下它的 html 结构。<div class="wrapper"> <ul class="content"> <li>...</li> ...
2020-01-18 13:37:25
366
原创 vue踩坑笔记 十.使用vue进行数据mock
文章目录安装依赖建立mock文件mock样例代码全局引用mock在组件中使用常见用法安装依赖npm install --save-dev mockjsnpm install --save axios建立mock文件src目录下创建mock文件夹，创建index.js文件mock样例代码import Mock from 'mockjs' const data={ "i...
2020-01-17 20:31:46
274
原创 vue踩坑笔记 九.移动端vue坑
移动端vue页面禁止移动/滚动当需要在移动端中禁止页面滚动，加入：@touchmove.prevent即可，代码如下<template> <div @touchmove.prevent> <h3 class="main-bk">{{ title }}</h3> <p>您好！{{provider}}：</p&...
2020-01-17 20:05:57
349
原创 vue踩坑笔记 八.新建一个移动端vue项目的准备工作
文章目录搭建git环境创建vue项目引入第三方样式文件引入第三方js文件提交项目在github上查看该项目搭建git环境1.运行git init命令生成一个git环境2.去githuab上新建一个项目3.运行 git clone命令,将github上的代码克隆下来4.将github上的项目的ssh密钥链接复制下来运行下面命令将本地仓库与远程仓库建立连接git remote ad...
2020-01-16 10:58:04
198
原创 vue踩坑笔记 七.使用ip地址访问本机运行的vue项目
文章目录一.确保本机tomocat 或者apache运行正常二.获取本机ip地址进入dos界面获取本机ip地址三.输入ip地址加端口号四.运行错误或拒绝访问(很关键)五.重启项目一.确保本机tomocat 或者apache运行正常在浏览器使用localhost或者127.0.0.1访问相关资源,保证web网络服务器正常二.获取本机ip地址进入dos界面win+R输入cmd获取本机i...
2019-11-30 12:10:17
457
原创 vue踩坑笔记 六.less的安装与使用
文章目录下载依赖全局配置组件中使用完整示例下载依赖npm install less less-loader --save全局配置修改build/webpack.base.conf.js文件module: { rules: [ { test: /\.scss$/, loaders: ["style", "css", "sass","style-...
2019-11-12 17:27:17
292
原创 vue 踩坑笔记 五.图片懒加载
文章目录1.下载插件2.全局配置3.组件中使用4.天坑1.**循环一定不能放图片上！！！！**2.图片显示有问题时注意require3.占位图片加载有问题时1.下载插件npm install vue-lazyload --save2.全局配置在main.js中进行配置import VueLazyload from ‘vue-lazyload’Vue.use(VueLazylo...
2019-11-12 17:05:41
181
原创 vue踩坑笔记 四.封装网络请求(axios)
文章目录1.多网络操作进行封装2.将网络请求的域名以及公共部分封装至配置文件3.对每一个页面的请求进行整理4.设置所有页面的网络请求的出口5.在全局对api进行设置6.实际运用1.多网络操作进行封装新建一个http文件,将所有与网络有关的操作都放在此文件中(单一指责)示例代码/** * 封装的axios的工具类 * 负责请求的公共配置,以及请求拦截,响应拦截,错误处理,网络不佳处理...
2019-11-12 14:19:05
532
原创 vue踩坑笔记 三. vue使用axios进行跨域
文章目录下载axios引用axios修改node配置进行跨域访问下载axiosnpm install axios --save引用axios在需要axios请求的组件进行引用import axios from ‘axios’修改node配置proxyTable: { "需要进行跨域访问时访问的域名":{ target:"目标域名", changeO...
2019-11-12 14:04:44
178
原创 vue 踩坑笔记 二.vue引入阿里矢量图库的矢量图
文章目录1. 进入阿里矢量图官网2.新建项目3.找到自己需要的矢量图4.在需要的组件内进行引入5.在放置矢量图7.修改html(class中粘贴矢量图代码,一定要加iconfont !!!!)1. 进入阿里矢量图官网阿里适量图库2.新建项目新建一个自己的项目3.找到自己需要的矢量图将该图标存入某个项目内src/assets目录下新建一个目录,将复制的文件粘贴进去...
2019-11-12 13:53:13
1276
原创 vue 踩坑笔记 一.在vue中使用swiper生成轮播图效果
文章目录1. 下载swiper依赖2. 查看官网文档3. 引入swiper4. 引入swiper样式(一定要引)5.在data中对swiper进行配置6.配置模板文件7.完整代码1. 下载swiper依赖npm install vue-awesome-swiper --save2. 查看官网文档swipper官网3. 引入swiperimport { swiper, swiperSli...
2019-11-12 12:04:07
626
原创 js笔记 四.函数防抖与节流
文章目录引言问题一(防抖)需求描述实现代码代码解析问题二(节流)需求描述实现代码代码解析引言在日常开发中会经常使用到延时任务但是api提供的setTimeout与setInterval仅仅只能满足基本需求所以我们需要在此基础上进行二次开发来解决一些复杂的问题问题一(防抖)需求描述实现搜索功能,当用户在文本框中输入数据后,根据用户输入的关键词进行搜索,但是为了用户体验的良好以及减轻服...
2019-11-04 13:51:53
106
原创 css笔记 四.flex布局
文章目录说明设置在子元素上的属性1.flex-grow:number (放大)2.flex-shrink:number(缩小)3.flex-basis(基准值,权重比width,height等要高)4.flex(简写方式)5.order:number(排序)6.align-self(对齐方式)设置在父元素上的属性1.flex-direction(元素排列方式)2.flex-wrap(换行)3.fl...
2019-09-15 10:43:05
175
原创 css笔记 二.css3中的动画效果
文章目录animation动画帧执行动画控制动画播放状态transform旋转(单位:deg)放缩(单位:无)扭曲(单位:deg)移动(单位:px)确定变换的中心点案例transition动画案例animation动画帧形式@keyframes 帧名{ /*任意填写每个帧的各个节点(按百分比分)的状态*/ 0%{/*code*/} 33.3%{/*code*/...
2019-09-10 19:36:02
186
原创 css笔记 三.css3选择器
文章目录属性选择器empty空节点选择器target选择器子元素伪类选择器enable disable 可用选择器属性选择器[属性名 = “属性值”] (完全等于)eg: li[class = "a"] 选择class为完全等于a的li节点 <li class="a">222</li> <li class="b a">...
2019-09-10 09:43:30
165
原创 css笔记 十.css常见写法
文章目录水平居中网络差加载不出图片时,仍能展示基本页面单行文本垂直,水平居中画七巧板画三角形单行文本过长显示...导航栏画五环水平居中 <div class="wrape"> <div class="content"></div> </div> .wrape{ height: 30px; background:...
2019-09-03 20:24:49
170
原创 css笔记 一.css基本知识
文章目录css的继承选择器css权重值(优先级):元素类型伪元素:使父元素包裹浮动元素元素定位margin塌陷margin合并css常用知识点css的继承1.子父派生div p{…}这样div下面的子孙元素p都会继承该属性2.直接派生div > p{…}这样只有作为div的儿子的p才能继承相关属性,孙子等子孙则不行3.浏览器寻找派生节点顺序浏览器寻找节点的顺序是从...
2019-09-03 20:01:09
124
原创 js笔记 三.作用链,立即执行函数,闭包
文章目录作用链闭包作用链先上定义function a(){ function b(){ var b = 234; } var a = 123; b(); console.log(a);}var glob = 100;a();老规矩嘛,先建立Go对象,然后执行外部代码等到执行a函数时,a函数这个对象它会有一个作用链例如下图,本来a函数啥都没有,只有一个全局的Go...
2019-08-27 21:46:53
162
原创 js笔记 二.函数作用域与预编译
文章目录函数定义方式命名函数表达式匿名函数表达式函数的参数预编译Ao对象AO对象建立的过程笔试题练手题目一.题目二.Go对象GO对象建立的过程题目三.题目四.函数定义方式命名函数表达式function abc(){//…code}匿名函数表达式var a = function(){//…code}或者var b = function demo(){//…code}当我...
2019-08-27 07:20:37
139
原创 js笔记 一.基本类型,类型转换与typeof
文章目录6大基本类型typeof 返回值显式类型转换常用函数isNaN()parseInt(num)parseInt(num,redix)parseFloatBoolean()toString(radix)隐式类型转换一元运算符: ++/- -/+/-二元运算符:+二元运算符:除了+6大基本类型NumberBooleanStringObject(包括null,array)Functio...
2019-08-25 20:47:31
143
原创 leetcode刷题系列(动态规划) 二.最大递增子序列
文章目录题目思路代码题目给定一个无序的整数数组，找到其中最长上升子序列的长度。示例:输入: [10,9,2,5,3,7,101,18]输出: 4解释: 最长的上升子序列是 [2,3,7,101]，它的长度是 4。思路我们假设dp[i]为长度为i的上升子序列尾元素的值,我们再设置一个标志位max记录当前最长的子序列的长度接下就是遍历整个数组data当我们当前遍历的元素的值d...
2019-05-07 23:01:29
1682
1
原创 leetcode刷题系列(动态规划) 一.最大公共子串
文章目录题目思路代码空间优化思路代码题目给两个整数数组 A 和 B ，返回两个数组中公共的、长度最长的子数组的长度。示例 1:输入:A: [1,2,3,2,1]B: [3,2,1,4,7]输出: 3解释:长度最长的公共子数组是 [3, 2, 1]。思路这题很简单,可以类比为求两个字符串的最大公告子串,注意这里是子串,而不是子序列,子串意味着公告的部分必须是连续的这...
2019-05-07 21:57:08
3237
原创 springMvc入门 四.重定向与转发
文章目录使用severlet进行页面重定向使用severlet进行页面转发使用springMvc的视图解析器进行页面重定向使用springMvc的视图解析器进行页面转发配置xml使用字符串进行页面转发使用severlet进行页面重定向@RequestMapping("/login") public void Login(@RequestParam(value = "userName",def...
2019-04-27 15:40:21
252
原创 springMvc入门 三.Scope注解与@RequestParam注解
文章目录Scope注解RequestParam注解value：参数名字，即入参的请求参数名字，如username表示请求的参数区中的名字为username的参数的值将传入；required：是否必须，默认是true，表示请求中一定要有相应的参数，否则将报404错误码；defaultValue：默认值，表示如果请求中没有同名参数时的默认值，默认值可以是SpEL表达式，如“#{systemProper...
2019-04-27 12:31:59
313
原创 springMv入门 二.controller注解与RequestMapping注解
文章目录controller注解运行结果RequestMapping注解value属性method属性controller注解使用controler注解就可以将一个普通的java类变成一个servelet例如@Controller//使用controler注解就可以将一个普通的java类变成一个serveletpublic class First { @RequestMapping(...
2019-04-27 10:39:51
375
原创 spring-mvc入门 一.springMvc环境的搭建
文章目录导入相应的jar包编写web.xml编写springMvc.xml编写测试类运行结果导入相应的jar包先新建一个动态网站的工程然后将所需要的jar包粘贴到lib目录下所需的jar包链接：https://pan.baidu.com/s/1vqslAJLNTyDuu4MPqsC0XA提取码：3h6r编写web.xml<?xml version="1.0" en...
2019-04-27 09:28:42
92
原创 java基础巩固 五.浅谈Clone
文章目录clone的方式浅拷贝深拷贝通过重写Object类的clone方法类A类A的成员变量 ,类B测试方法运行结果在b类中重写clone方法修改a类的clone方法运行结果通过序列化操作序列化工具类让 类A与类B都继承Serializable接口测试方法运行结果clone的方式什么叫做克隆就是在原有的事物的基础上去复制出来一个完全一模一样的事物,在java中对象就是映射的现实生活,我...
2019-04-21 19:58:10
89
原创 配置ssh与连接远程代码仓库(gitHub)
在本地生成ssh密钥首先进入dos命令界面(win + r 然后输入cmd)在dos界面下输入以下命令 ssh-Keygen执行命令以后,就会在显示的那个文件夹下出现我们的密钥文件然后我们将密钥复制在gitHub你需要连接的代码仓库下配置ssh我们首先在本地配置一下用户名与邮箱然后在github上新建一个项目新建完毕以后我们点击头像然后进入seting菜单选择ssh a...
2019-04-21 14:42:15
865
原创 java基础巩固 四.xml的读取
文章目录使用DOM方式解析XMLdom方式解析的定义dom方式解析的优点dom方式解析的缺点使用DOM4J方式解析XML(推荐)定义运行结果使用DOM方式解析XMLdom方式解析的定义DOM的全称是Document Object Model，也即文档对象模型。在应用程序中，基于DOM的XML分析器将一个XML文档转换成一个对象模型的集合（通常称DOM树），应用程序正是通过对这个对象模型的操...
2019-03-31 21:04:56
95
原创 java基础巩固 三.对象序列化
文章目录定义应用工具类编写transient自定义序列化自定义反序列化jdk源码分析坑定义把对象转换为字节序列的过程称为对象的序列化。把字节序列恢复为对象的过程称为对象的反序列化。应用对象的序列化主要有两种用途： 1） 把对象的字节序列永久地保存到硬盘上，通常存放在一个文件中； 2） 在网络上传送对象的字节序列。 在很多应用中，需要对某些对象进行序列化，让它们离开内存空间...
2019-03-31 12:35:19
96
原创 java基础巩固 二.字节流操作
文章目录读文件写入文件拷贝文件读文件/** * 读文件 * @param file 目标文件 * @throws IOException */ public static void readFile(File file) throws IOException { //实例化文件输入流 if(!file.exists()){ throw new IllegalA...
2019-03-30 15:32:51
82
原创 java基础巩固 一.文件操作(File类的使用)
文章目录文件夹常用api创建文件夹删除文件夹判断是否是文件夹判断是否存在获取子文件列表文件常用api获取文件路径获取文件名获取父文件路径获取父文件对象判断是否是文件判断文件是否存在diy一个文件遍历类库代码测试类运行结果文件夹常用api创建文件夹file.mkdirs()删除文件夹file.file.delete()判断是否是文件夹file.isDirectory()判断是否存在...
2019-03-29 11:26:45
157
原创 spring 入门篇 七.使用注解实现IOC(控制翻转)与DI(依赖注入)
文章目录实例化的注解@Scope@Component@Controller@Service@Repository注入值的注解@Value@Resource@Autowired实例实体类cat类person类测试类运行结果实例化的注解@Scope作用:决定bean是否单例模式形式@Scope(value = “prototype”)value的值就是这个bean是否单例模式的变量@C...
2019-03-10 20:52:35
101
原创 spring 入门篇 六.aop(面向切面)通知详解
文章目录before(前置通知)特点运用场景xml编辑语法after-returning(后置通知)特点运用场景xml编辑语法坑after-throwing(异常通知)特点运用场景xml编辑语法around(环绕通知)特点运用场景xml编辑语法after(最终通知)特点运用场景xml编辑语法总结before(前置通知)特点会在连接点之前执行运用场景权限控制,方法的调用日志,执行目标...
2019-03-10 17:48:55
249
1
原创 spring 入门篇 五.aop(面向切面)原理以及专业名词解释
文章目录实际案例功能模块划分编辑逻辑类安全功能模块支付功能模块日志功能模块缓存功能模块硬编码支付模块代码修改测试类运行结果总结使用代理模式代理类测试类运行结果总结AOP定义专业名词使用AOP实际案例功能模块划分现在我们做了一个支付的项目,具体功能模块如下需求是,在执行支付业务之前必须先监测安全,执行完支付业务以后,必须记录日志并且清空缓存编辑逻辑类安全功能模块public clas...
2019-03-10 09:41:24
395
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人