- 博客(32)
- 收藏
- 关注
RSS订阅原创 javascript、css知识点（更新日常）
目录1.js底层原理作用域和作用域链:2.作用域链与原型链:3.什么是闭包:4.【ES6】var、let、const三者的区别5.变量提升6.什么是BFC7.理解BFC、IFC、GFC、FFC1.js底层原理作用域和作用域链:https://blog.csdn.net/weixin_44588495/article/details/979628232.作用域链与原型链:https://www.cnblogs.com/pssp/p/5204324.html3.什么是闭包:https://zhuan
2021-08-21 15:59:39
110
原创 消除inline-block元素总是有间隔的问题
解决方法1：margin设置为负值,这个方法的缺点是无法直接知道两个元素的间隔，需要一点一点试.app{ margin-left:-5px;}但是其实有更简单的方法解决方法2：设置父级元素font-size:0.fatehr{ font-size:0;}...
2021-08-18 00:06:01
93
原创 ul中li元素的横向居中排列
一开始想到的是flex: left但是写到后面发现这样写要使li在ul中居中太麻烦了但其实只需要两步1.设置上层元素text-algin:center2.设置li元素display:inline;#title{ text-align:center;}ul li{ list-style-type:none; display:inline;}...
2021-08-18 00:00:56
1440
原创 jQuery效果
文章目录1、jQuery对象和DOM对象相互转换1、jQuery对象和DOM对象相互转换var myvideo = document.querySelector('video');//DOM对象$(myvideo);//DOM对象转换为jQuery对象$('video')[0];//jQuery对象转换为DOM对象$('video').get(0);//jQuery对象转换为DOM对象...
2021-07-26 16:42:30
87
原创 JQuery CSS
addClass增加classremoveClass移除classtoggleClass切换classclasscss函数文章目录1、增加Class2、移除class3、切换（开/关）class1、增加Class通过addClass() 增加一个样式中的class<script src="https://how2j.cn/study/jquery.min.js"></script> <script>$(functio...
2021-07-23 14:16:33
91
1
原创 JQuery的常用方法
val取值html获取元素内容，如果有子元素，保留标签text获取元素内容，如果有子元素，不包含子元素标签文章目录取值val()获取元素内容html()获取元素text()取值val()相当于document.getElementById("input").value;<script scr="https://how2j.cn/study/jquery.min.js"></script><script>$(function(...
2021-07-23 14:03:59
217
1
原创 JQuery引入
文章目录引入jQuery联网时可以使用在线版本也可以使用下载的jQuery理解$(function(){})通过id获取元素添加事件监听引入jQuery联网时可以使用在线版本<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>也可以使用下载的jQuery在idea中添加下面的语句，再alt+enter进行下载<script src="https://how2j.cn/study/jq
2021-07-23 13:42:52
230
1
原创 AJAX实现异步刷新
文章目录用于用户名校验界面不使用AJAX使用AJAXAJAX步骤1、创建XHR2、设置响应参数3、设置并发送请求4、处理响应信息5、完整代码用于用户名校验界面准备一个JSP页面，叫做checkName.jsp用于校验提交的用户名是否存在<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%> <% String
2021-07-21 16:33:56
671
原创 JSON概念
文章目录创建一个JSON对象创建JSON数组JSON对象转换字符串转为JSON对象JSON 对象转换为字符串什么是JSONJSON：JavaScript Object Notation（Javascript对象表示法）创建一个JSON对象var gareen = {"name":"盖伦","hp":616};这样就创建了一个JSON 对象JSON对象由 名称/值对组成 名称和值之间用冒号:隔开名称必须用双引号" 包含起来值可以是任意javascript数据类型，字符串，布尔，数字 ，数组甚至
2021-07-21 15:42:25
290
原创 servlet request常见方法
request对象的类是HttpServletRequest，提供了很多有实用价值的方法文章目录常见方法获取参数获取头部信息服务端传参常见方法request.getRequestURL(): 浏览器发出请求时的完整URL，包括协议 主机名 端口(如果有)"request.getRequestURI(): 浏览器发出请求的资源名部分，去掉了协议和主机名"request.getQueryString(): 请求行中的参数部分，只能显示以get方式发出的参数，post方式的看不到request.get
2021-07-17 13:53:44
604
原创 servlet自启动
文章目录web.xml中加入load-on-startupweb.xml中加入load-on-startup在web.xml中，配置Hello Servlet的地方，增加一句<load-on-startup>10</load-on-startup>取值范围是1-99即表明该Servlet会随着Tomcat的启动而初始化。同时，为HelloServlet提供一个init(ServletConfig) 方法，验证自启动如图所示，在tomcat完全启动之前，就打印了init
2021-07-17 13:25:37
123
原创 servlet跳转
文章目录首先准备两个页面success.html和fail.html服务端跳转客户端跳转页面跳转是开发一个web应用经常会发生的事情。比如登录成功或是失败后，分别会跳转到不同的页面。跳转的方式有两种，服务端跳转和客户端跳转首先准备两个页面success.html和fail.html首先在web目录下准备两个页面 success.html,fail.html分别用于显示登录成功 或者登录失败如果登录成功了，就服务端跳转到success.html<div style="color:gree
2021-07-17 13:17:43
81
原创 servlet的生命周期
这里写目录标题什么是servlet？servlet的生命周期实例化初始化提供服务销毁被回收什么是servlet？servlet是一种服务应用程序，作为来自web浏览器和其他http服务器上的数据库或者应用程序间的中间层可以用来获取网页表单输入，呈现数据库或者其他源的记录servlet的生命周期一个servlet的生命周期由 实例化、初始化、提供服务、销毁、被回收这5个步骤组成实例化当用户输入一个网络地址，这个地址的servlet被调用的时候，这个servlet就会被实例化例如下面的程序Log
2021-07-17 10:54:44
107
原创 leetcode每日一题1190.反转每对括号间的字符串
创建两个数组，一个数组存放括号间倒叙输出的字符串，一个数组存放整体字符串【宫水三叶】的解法很巧妙，通过对三个指针index、tail、i的控制，成功实现了越过括号符的输出从第一个字符开始向后遍历，存放到deque数组中，当遇到了 ‘ ）’ 符号，开始反向遍历，将反向的字符串存入path数组中，直到遇到 ‘（ ’ 符号，这个时候tail指针由于跟随反向遍历，也回到了需要反转的开始位置，将path数组中的字符串从开始位置重新写入，之后再继续从i向后遍历知道遇到下一个 ‘ ）’符号。cl.
2021-05-26 22:12:10
119
原创 Leetcode剑指42.连续子数组的最大和(动态规划)
写动态规划题最重要的就是找到原本数组与需求的数组的关系从这道题来看，求子数组的最大和，那么数组内只要某个正数之前的数组和为负，那么这个之前的数组和对最大和的贡献就为负，我们就可以将子数组的和的起点，移动到这个正数的位置上写出动态规划转移矩阵：dp[i] = dp[i-1]+num[i] (dp[i-1]>0)dp[i] = num[i] (dp[i-1]<=0)...
2021-05-26 21:44:44
67
原创 Leetcode 810.黑板亦或游戏（博弈论）
题目：黑板上写着一个非负整数数组 nums[i] 。Alice 和 Bob 轮流从黑板上擦掉一个数字，Alice 先手。如果擦除一个数字后，剩余的所有数字按位异或运算得出的结果等于 0 的话，当前玩家游戏失败。 (另外，如果只剩一个数字，按位异或运算得到它本身；如果无数字剩余，按位异或运算结果为 0。）换种说法就是，轮到某个玩家时，如果当前黑板上所有数字按位异或运算结果等于 0，这个玩家获胜。假设两个玩家每步都使用最优解，当且仅当 Alice 获胜时返回 true。示例：输入: nums = [1
2021-05-22 18:42:02
219
1
原创 Leetcode1143.最长公共子序列
解题思路:dp动态规划给定两个字符串 text1 和 text2，返回这两个字符串的最长 公共子序列 的长度。如果不存在 公共子序列 ，返回 0 。一个字符串的 子序列 是指这样一个新的字符串：它是由原字符串在不改变字符的相对顺序的情况下删除某些字符（也可以不删除任何字符）后组成的新字符串。例如，“ace” 是 “abcde” 的子序列，但 “aec” 不是 “abcde” 的子序列。两个字符串的 公共子序列 是这两个字符串所共同拥有的子序列。示例 1：输入：text1 = “abcde”, t
2021-05-21 20:08:40
61
原创 Leetcode每日一题.692.前k个高频单词
题目描述：给一非空的单词列表，返回前 k 个出现次数最多的单词。返回的答案应该按单词出现频率由高到低排序。如果不同的单词有相同出现频率，按字母顺序排序。示例 ：输入: [“i”, “love”, “leetcode”, “i”, “love”, “coding”], k = 2输出: [“i”, “love”]解析: “i” 和 “love” 为出现次数最多的两个单词，均为2次。注意，按字母顺序 “i” 在 “love” 之前。解法1：哈希表存储，再通过集合容器排序。class Solut
2021-05-20 16:48:28
515
原创 CSS布局
文章目录1.绝对定位1）2）元素重叠2.相对定位3.浮动1）文字向右浮动2）文字向左浮动3)文字围绕图片3）在已经使图片左浮动了之后，使文字不环绕图片显示4）水平排列div3.显示方式1）隐藏2）块级1.绝对定位1）属性:position值：absolute<style>p.abs{ position: absolute; left: 150px; top: 50px;} </style> <p >正常文字1</p><
2021-05-20 15:30:48
255
原创 CSS基础
目录1. 语法2. 选择器2）id选择器3）类选择器4）更精确的选择3. 注释4. 尺寸大小5. 背景1）背景颜色2）图片做背景3）本地测试4）背景重复5）6. 文本1)文本颜色2)对齐3）文本修饰4)行间距5）字符间距6）单词间距7）首行缩进8）大小写9）空白格1. 语法选择器{属性：值} selector{property:value}学习css即学习有哪些选择器，哪些属性以及可以使用什么样的值也可以直接在元素上增加style属性以达到一样的结果<p style="color:red
2021-05-14 11:12:57
79
原创 蓝桥杯第七届java b组省赛 四平方和(算法优化)
四平方和定理，又称为拉格朗日定理:每个正整数都可以表示为至多4个正整数的平方和.如果把О包括进去，就正好可以表示为4个数的平方和.比如:5= 02+02+12+227=12＋12＋12＋22(符号表示乘方的意思)对于一个给定的正整数，可能存在多种平方和的表示法.要求你对4个数排序:0<= a<=b<=c <=d并对所有的可能表示法按a,b,c,d 为联合主键升序排列，最后输出第一个表示法程序输入为一个正整数N(N<5000000)要求输出4个非负整数，按从小
2021-05-03 18:22:33
132
原创 蓝桥杯第七届省赛 java b组 剪邮票（dfs深搜/全排列去重）
剪邮票如【图1.jpg】，有12张连在一起的12生肖的邮票.现在你要从中剪下5张来，要求必须是连着的.(仅仅连接一个角不算相连)比如，【图2.jpg】，【图3.jpg】中，粉红色所示部分就是合格的剪取.请你计算，一共有多少种不同的剪取方法.请填写表示方案数目的整数.注意:你提交的应该是一个整数，不要填写任何多余的内容或说明性文字.这道题首先分析问题，要从这34个方格的大小的纸片上裁剪下5块连续的方格我们可以首先使用全排列将裁剪下5块方格的所有情况排列出来：将这12个方格放入数组，被裁下
2021-05-03 16:34:13
242
原创 蓝桥杯第七届省赛 java b组 凑算式（全排列）
凑算式B DEFA±-- + -------= 10C GHI(如果显示有问题，可以参见【图1.jpg】)这个算式中AI代表19的数字，不同的字母代表不同的数字.比如:6+8/3+952/714就是一种解法，5+3/1+972/486是另一种解法．这个算式一共有多少种解法?注意:你提交应该是个整数，不要填写任何多余的内容或说明性文字.递归回溯生成全排列：这道题使用这个套路非常的方便static void f(k){ if(k==9){//一种排列产生后的判断
2021-05-01 15:50:23
59
原创 蓝桥杯第七届省赛 java b组 生日蜡烛
生日蜡烛某君从某年开始每年都举办一次生日 party，并且每次都要吹熄与年龄相同根数的蜡烛.现在算起来，他一共吹熄了236根蜡烛.请问，他从多少岁开始过生日 party 的?请填写他开始过生日party 的年龄数.注意:你提交的应该是一个整数，不要填写任何多余的内容或说明性文字.读题可知，这其实就是一个计算累加和的题public class test { public static void main(String[] args) { for (int i = 1; i
2021-05-01 15:00:39
44
原创 蓝桥杯第7届省赛java b组 煤球数目
煤球数目有一堆煤球，堆成三角棱锥形．具体:第一层放1个，第二层3个(排列成三角形)，第三层6个(排列成三角形)，第四层10个(排列成三角形)，…如果一共有100层，共有多少个煤球?解题思路：这道题思路比较简单就是一个简单的计数找规律的问题。第一层1个，第二层3个，第三场6个，第四层10个。。。。可以找出规律是s[i]+i ,s[0]=0public class test { public static void main(String[] args) { int[]
2021-05-01 14:47:54
55
原创 蓝桥杯第7届省赛java b组 K倍区间
标题:k倍区间给定一个长度为N的数列,A1,A2…AN,如果其中一段连续的子序列Ai, Ai+1,…Aj(i<=j)之和是K的倍数，我们就称这个区间[i,i]是K倍区间.你能求出数列中总共有多少个K倍区间吗?输入第一行包含两个整数N和K.(1 <=N,K <= 100000)以下N行每行包含一个整数Ai.(1 <=Ai<= 100000)输出输出一个整数，代表K倍区间的数目．例如，输入:5 212345程序应该输出:6资源约定:峰值内存消耗（含虚拟
2021-04-30 18:41:53
81
1
原创 奇特的位运算(1)找出重复的数
题目：找出重复的数把1~1000共计1000个数放入一个长度为1001的数组中，同时再放入一个重复的数b，这个数组中有且只有一个重复的数，如何找出这个重复的数？思路：异或运算：^A^A=0B^0=0当有多个^运算时，可以交换位置。这个时候我们就可以想到再创造一个拥有1~1000的数组，将这两个数组的每一个元素进行^运算，由于重复的数b一共进行了2次 ^运算（b ^b ^b=b),而其他的元素只进行了一次 ^运算，最终运算的结果就是重复的数b题解：package test;import j
2021-04-21 20:34:23
230
原创 HTML（表单元素）
HTML表单元素文本框input type="text 表示文本框并且只能输入一行如果要输入多行则要输入多行使用文本域textarea注： 标签很特别，一般是不需要写成或者 这样的。并且 这样的写法也是满足标准的（1）文本框<input type="text">（2）设置属性size<input type="text" size="10">（3）有初始值的文本框<input type="text" value="有初始值的文本框">效
2021-04-17 21:05:08
69
原创 HTML(基本元素2)
HTML基本元素2图像图像标签(1)插入图像<img src="https://how2j.cn/example.gif"/>(2)本地图像-同级目录只需要把图片保存在同一个目录下即可src直接引用文件名<img src="example.gif"/>(3)本地图像-上级目录只需要在文件名前加上…/即可同理上上级则加上…/…/<img src="../example.gif"/>(4)其他目录图像需要使用绝对路径<img s
2021-04-17 19:58:44
74
原创 HTML（基本元素1）
HTML（基本元素）标题标题是默认粗体的，并且自动换行一般使用到表示不同大小的标题；<h1>标题1</h1><h2>标题2</h2><h3>标题3</h3><h4>标题4</h4><h5>标题5</h5><h6>标题5</h6>效果：粗体bold的缩写，表示粗体同样表示粗体，但是在语义上更有一种加重的感觉，提醒用户文本的重要性。在
2021-04-17 16:53:14
47
原创 HTML(结构)
HTML结构<标签>一个HTML文件是由一套标签组成，例如在下面的代码中就是一对开始标签和结束标签，而标签之间的文本Hello World就是内容。<html> <body> <p>**Hello World**</p> </body></html><元素>而一个完整的HTML文件必须要包含元素和元素。然而在实际的开发中即使你写出了不完整的元素（比如下面这个程序），程序也不会
2021-04-17 16:09:29
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人