- 博客(66)
- 收藏
- 关注
RSS订阅原创 parseLong-String转Long处理
private static Long parseLong(String msg){ if(msg!=null&&msg.trim().matches("[0-9]+")){ return Long.parseLong(msg.trim()); } return null;}
2021-12-23 21:41:21
212
原创 git删除所有文件夹（清空远程仓库）
git rm * -f -r#删除所有文件夹包括文件git add .git commit -m "***" #增加提交信息git push origin master#master是远程分支
2021-09-17 21:36:02
4399
2
原创 原生js实现购物车添加删除库存修改
1、实现效果2、代码实现<!DOCTYPE html><html> <head> <title>购物车</title> <meta charset="utf-8" /> <style type="text/css"> h1 { text-align:center; } table { margin:0 auto;
2021-07-05 19:55:20
2005
1
原创 jQuery实现省市区三级联动（本地json文件）
1、json数据来源腾讯位置服务API2、HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <select name="" class="provinces"> </select> <select name="" cla
2021-07-02 11:19:25
2619
原创 Java实现Socket编程实现图片上传至服务器端
1、工具1.1 VMware（虚拟机）、eclipse本机模拟服务器端，虚拟机模拟客户端，实现不同IP地址通信2、服务器端2.1 服务器端监听端口号为10086,import java.io.BufferedInputStream;import java.io.BufferedOutputStream;import java.io.File;import java.io.FileOutputStream;import java.io.InputStream;import java.
2021-06-26 17:53:53
366
原创 Java实现双向链表
1、双向链表1.1 双向链表的每个节点组成包含节点数据，上一个节点（pre），下一个节点（next）1.2 双向链表节点结构class Node {//节点数据data int data; Node pre; Node next; public Node(int data) { this.data = data; } public Node() { super(); } }2、双向链表的增删改查（crud）2.1 双向链表的增删改查publ
2021-06-26 17:28:01
1509
原创 ArrayList扩容问题
1、ArrayList.add方法1.1、ensureCapacityInternalminCapacity是add方法中传入的size+1的值calculateCapacity返回的是10或者minCapacity的值，如果待扩展的容量大于数组长度，则要调用grow方法扩展容量grow方法具体操作容量的扩展数组容量要扩展1.5倍（原长度加上原长度右移一位即0.5倍），若扩展1.5倍后还不够数组增加的内容，则数组容量就为数组增加的内容长度，若扩展长度大于int类型最大值，则扩展容
2021-06-16 19:34:25
915
原创 Java：字符串中a出现的次数
1、问题描述求字符串"abcguegduauwdakolaa"中a出现的次数2、题解2.1 题解一思路：每次返回当前下标，使用indexOf求当前下标的后一位到字符串结束出现的第一个a的下标String s = "abcguegduauwdakolaa"; int count=0;//记录a 出现的次数 int index=-1;//记录a出现的下标 while(true) { index =s.indexOf("a", index+1);//字符串中没有a，返回-1 if
2021-06-15 11:43:54
1862
原创 Integer装箱和拆箱
1、自动拆箱和装箱int a = new Integer(10);//自动拆箱Integer i1 = 10;//自动装箱2、自动装箱后内存地址不一致原因前提：==是用来判断内存地址是否一致 Integer i1 = 10;//自动装箱 Integer i2 = 10;//自动装箱 /** * 根据源码可知，当值在-128和127之间时，会创建一个cache数组存放向上转型后的Integer对象，然后由于 cache是静态代码块中的，所以cache数组创建后是稳定不变的，所以10在-12
2021-06-11 11:51:43
498
1
原创 java实现单链表
1、节点结构class Node{ // 节点数据 int data; // 节点的下一位 Node next; //构造函数 public Node(int data) { this.data = data; }} 2、单链表结构和增删改查package com.trainquestion.progress.singlelist;import java.util.Iterator;public class LinkList impleme
2021-06-11 11:25:46
1098
1
原创 Web APIs——触屏事件，移动端常见特效，classList属性，移动端常用开发插件，移动端常用开发框架，本地存储
1.1. 触屏事件1.1.1. 触屏事件概述移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。常见的触屏事件如下：触屏touch事件说明touchstart手指触摸到一个DOM元素时触发to
2020-11-19 16:01:04
270
原创 Web APIs——动画函数封装、网页轮播图案例
1.1. 动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来思路：让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。核心算法： (目标值 - 现在的位置) / 10 做为每次移动的距离步长停止的条件是： 让当前盒子位置等于目标位置就停止定时器注意步长值需要取整1.1.2 动画函数多个目标值之间移动可以让动画函数从 800 移动到 500。当我们点击按钮时候，判断步长是正值还是负值 1.如果是正值，则步长往大了取整 2
2020-11-19 15:41:23
115
原创 Web APIs——offset、client、scroll系列
1.1. 元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素 如果父级都没有定位则返回bodyelement.offsetTop返回元素相对带有定位父
2020-11-18 16:15:21
149
原创 Web APIs——键盘事件、BOM、定时器、js执行机制
1.1. 常用的键盘事件1.1.1 键盘事件键盘事件触发条件onkeyup某个键盘按键被松开时触发onkeydown某个键盘按键被按下时触发onkeypress某个键盘按键被按下时触发 但是它不识别功能键 比如Ctrl shift箭头等 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', fu
2020-11-17 19:23:10
222
原创 Web APIs——节点操作、事件操作、事件监听、事件对象、鼠标事件对象
1.1. 节点操作1.1.1 删除节点node.removeChild(child)node.removeChild() 方法从 node节点中删除一个子节点，返回删除的节点。 <button>删除</button> <ul> <li>1</li> <li>2</li> <li>3</li> </ul>
2020-11-15 19:26:28
238
原创 Web APIs——排他操作、自定义属性操作、节点操作
1.1. 排他操作1.1.1 排他思想如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法：1. 所有元素全部清除样式2. 给当前元素设置样式3. 注意顺序不能颠倒 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <
2020-11-12 21:13:41
249
原创 Web APIs——获取元素、事件基础、操作元素
Web APIs1.1. Web API介绍1.1.1 API的概念API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可。简单理解： API是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能举例解释什么是API。例如， C语言中有一个函数 fopen()可以打开硬盘上的文件，这个函数对于
2020-11-09 21:33:02
160
原创 JavaScript06-内置对象（Date、数组、字符串）
1 - 内置对象1.1 内置对象 JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于 JS 独有的， JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法），内置对象最大的优点就是帮助我们快速开发 JavaScript 提供了多个内置对象：Math、 Date 、Array、String等1
2020-11-09 18:32:53
128
原创 JavaScript 案例：数组去重
JavaScript 案例： 数组去重要求： 删除数组 arr = [ ‘a’,‘b’,‘b’,‘c’,‘c’,‘c’,‘d’,‘e’,‘f’,‘f’]中重复的元素解析（核心算法）： 遍历旧数组，然后用旧数组元素去查询新数组，如果在该元素在新数组中不存在，添加，否则不添加 // 去重函数 unique function unique(arr) { var newArr = []; for (var i = 0; i < arr
2020-11-07 15:41:44
208
原创 JavaScript05-作用域、创建对象、构造函数
1 - 作用域1.1 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript（es6前）中的作用域有两种：全局作用域局部作用域（函数作用域）1.2 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。1.3 局部作用域作用于函数内的代码环境，就是局部作用域。 因为跟函数有关系，所以也称
2020-11-06 15:46:51
92
原创 预解析案例
变量提升，函数提升案例：f1();console.log(c);console.log(b);console.log(a);funcition f1() {var a = b = c = 9;//相当于 var a=9; b=9;c=9; b和c直接赋值 没有var声明 当全局变量看console.log(a);cosole.log(b);console.log(c);}预解析结果funcition f1() {var a = b = c = 9;console.log(a);
2020-11-06 10:15:11
75
原创 JavaScript04-数组、函数
1 - 数组1.1 数组的概念数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的方式。1.2 创建数组JS 中创建数组有两种方式：利用 new 创建数组 var 数组名 = new Array() ； var arr = new Array(); // 创建一个新的空数组利用数组字面量创建数组//1. 使用数组字面量方式创建空的数组
2020-11-05 15:42:25
95
原创 JavaScript03-循环
1 - 循环1.1 for循环语法结构for(初始化变量; 条件表达式; 操作表达式 ){ //循环体 }名称作用初始化变量通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。条件表达式用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。操作表达式用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。执行过程：初始化变量，初始
2020-11-05 11:29:11
128
原创 JavaScript02-运算符
1 - 运算符1.1 运算符的分类运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有： 算数运算符、 递增和递减运算符 、 比较运算符 、 逻辑运算符 、 赋值运算符1.2 算数运算符算术运算符概述概念：算术运算使用的符号，用于执行两个变量或值的算术运算。（+ - * / %(取余)）浮点数的精度问题浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数。var result =
2020-11-05 10:34:18
156
原创 JavaScript01-变量
JavaScript基础1 - 编程语言1.1 编程编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。1.2 计算机语言计算机语言指用于人与计算机之间通讯的语言，它是人与计算机之间传递信息的媒介。计算机语言的种类非常的多，总的来说可以分成机器语言，汇编语言和高级语言三大类。实
2020-11-04 19:14:13
223
原创 移动端WEB开发——响应式布局
移动端WEB开发之响应式布局1.0 响应式开发原理1.1 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：设备划分尺寸区间超小屏幕<768px小屏设备>= 768px ~ <992px中等屏幕（桌面显示器）>=992px ~ <1200px宽屏设备（大屏显示器）>=1200px小于768的为超小屏幕（手机）768~992之间的为小屏设备（平板）
2020-11-02 10:51:50
276
转载 移动web开发——rem布局
移动web开发之rem布局1. rem基础rem单位rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。/* 根html 为 12px */html { font-size: 12px;}/* 此时 div 的字体大小就是 24px */ div { font-si
2020-11-01 09:44:57
140
原创 案例制作——携程移动端首页（flex布局）
案例制作——携程移动端首页（flex布局）1.index.html<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" co
2020-10-29 10:29:31
2304
原创 移动web开发——flex布局
移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2 flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅支持部分1.3 建议如果是pc端页面布局，还是采用传统方式如果是移动端或者是不考虑兼容的pc则采用flex2.0 flex布局原理flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活
2020-10-28 15:35:00
63
原创 移动web开发流式布局
移动web开发流式布局1.0 移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样。总结：兼容移动端主流浏览器，处理Web
2020-10-20 13:42:54
426
1
原创 浏览器私有前缀
浏览器私有前缀浏览器私有前缀是为了兼容老版本的写法，比较新版本的浏览器无需添加1、私有前缀-moz-：代表Firefox浏览器私有属性-ms-： 代表IE浏览器私有属性-webkit: 带阿标Safari、Chrome私有属性-o-： 代表Opera 私有属性2、提倡写法-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;...
2020-10-19 15:38:13
527
原创 CSS3——3D 转换
cHTML5一、 认识 3D 转换3D 的特点近大远小物体和面遮挡不可见三维坐标系x 轴：水平向右 – 注意：x 轴右边是正值，左边是负值y 轴：垂直向下 – 注意：y 轴下面是正值，上面是负值z 轴：垂直屏幕 – 注意：往外边的是正值，往里面的是负值二、3D 转换3D 转换知识要点3D 位移：translate3d(x, y, z)3D 旋转：rotate3d(x, y, z)透视：perspctive3D呈现 transfrom
2020-10-19 13:32:25
206
原创 CSS3知识总结
七、CSS3 属性选择器(上)什么是 CSS3在 CSS2 的基础上拓展、新增的样式CSS3 发展现状移动端支持优于 PC 端CSS3 目前还草案，在不断改进中CSS3 相对 H5，应用非常广泛属性选择器列表类选择器、属性选择器、伪类选择器5的权重是10属性选择器代码演示button { cursor: pointer;}button[disabled] { cursor: default}八、CSS3 属性选择器(下)代码演
2020-10-17 09:48:24
77
1
原创 HTML5知识总结
HTML5一、什么是 HTML5HTML5 的概念与定义定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改，号称下一代的 HTML两个概念：是一个新版本的 HTML 语言，定义了新的标签、特性和属性拥有一个强大的技术集，这些技术集是指： HTML5 、CSS3 、javascript, 这也是广义上的 HTML5HTML5 拓展了哪些内容语义化标签本地存储兼容特性2D、3D动画、过渡CSS3 特性性能与集成HTML5
2020-10-16 14:56:59
135
原创 CSS——获得焦点元素
获得焦点元素:focus 伪类 选择器用于选取获得焦点的元素 。 我们这里主要针对的是 表单元素:hover语法：.total input { border: 1px solid #ccc; height: 30px; width: 40px; transition: all .5s;}/*这个input 获得了焦点*/.total input:focus { width: 80px; border: 1px solid skyblue;}border: 1px
2020-10-13 16:20:41
3088
原创 CSS——过渡
过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态可以让我们页面更好看，更动感十足，虽然 低版本浏览器不支持（ie9以下版本） 但是不会影响页面布局。我们现在经常和 :hover 一起 搭配使用。语法格式:transition: 要过渡的属性 花费时间 运动曲线 何时开始;属性
2020-10-13 10:01:34
996
1
原创 CSS常用初始化语句（base.css）
/*base.css*//*清除元素默认的内外边距 */* { margin: 0; padding: 0}/*让所有斜体 不倾斜*/em,i { font-style: normal;}/*去掉列表前面的小点*/li { list-style: none;}/*图片没有边框 去掉图片底侧的空白缝隙*/img { border: 0; /*ie6*/ vertical-align: middle;}/*让button 按钮
2020-10-10 09:39:43
485
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人