![](https://img-blog.csdnimg.cn/4bae5b4ade254508a31097025287dd2f.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web前端核心技术
文章平均质量分 66
HTML、CSS、JavaScript、JQuery、Ajax
绿仔牛奶_
沉淀
展开
-
回顾Vue&vue-cli
Vue是一个MVVM(Model、View、ViewModel) 前端渐进式框架 框架,核心在于视图与模型的双向绑定。数据发生变化,则视图会发生变化,反之视图发生变化数据也会发生变化导入vue cdn原创 2023-03-05 19:23:48 · 345 阅读 · 0 评论 -
2000字速通Ajax
Ajax速通、原生JS实现Ajax、JQ实现 Ajax、Ajax异步请求、同步与异步请求区分、常用方法原创 2022-12-05 16:42:27 · 197 阅读 · 0 评论 -
过滤器Filter
FilterChain:过滤器链,当前过滤器过滤通过后会将请求或响应交给下一个过滤器执行,可以理解为当前过滤器允许该请求或响应通过。上述代码所示:当通过映射路径/doNotFilter将会打印出中文乱码,反之通过/doFilter则会设置好响应的中文编码正常输出。doFilter:三个参数: request请求和response响应 chain链。向web界面输出文字,通过过滤器进行编码,不通过过滤器将会打印乱码。init:在Web工程启动时就会调用进行初始化。destory:销毁该过滤器。原创 2022-11-30 20:00:34 · 455 阅读 · 0 评论 -
JSP学习日记
参考狂神说Java原创 2022-11-26 19:12:24 · 501 阅读 · 0 评论 -
Session&Cookie
会话:用户打开浏览器进行的一系列操作直至关闭浏览器的过程看作是一次会话HTTP协议是无状态的,不能实现跟踪对话。比如进入一个网站,每次操作的请求之间相互独立,无法相互联系。也就是说你每次请求过后得到的服务器响应或者数据无法被保存。当用户关闭浏览器后,对应的Cookie标识也会随即销毁,但此时服务器端session并未失效,只是由于cookie销毁后无法继续跟踪用户会话。原创 2022-11-22 18:30:58 · 597 阅读 · 0 评论 -
Servlet学习日志
借鉴【狂神说Web】系列原创 2022-11-21 14:17:09 · 417 阅读 · 0 评论 -
css实现气泡对话框
实现气泡聊天框我介绍两个方法:第一种:利用旋转,首先设置一个小正方形利用transform属性将其旋转45度,当我们把一个长方形方框和旋转后的小正方形置于一起就可以都得到理想效果效果图如下:如上图所示,露出来的三角只是小正方形的一角代码实现如下:#father{ width: 50px; height: 20px; text-align: center; line-heig原创 2022-05-30 13:58:22 · 3646 阅读 · 0 评论 -
盒子模型及部分属性
盒子模型盒子模型就是对于我们所设计页面的元素的一个布局,可以看成是一个容器,容器内包含我们设置的文本内容、边框、填充边距(内边距)、外边距下图是一个盒子模型可以看出,从内到外依次是content文本内容 - padding内边距-border边框-margin外边距border边框/* border边框-top-right-bottom-left 上边框border-top 下边框border-bottom 左边框border-left 右边框b原创 2022-05-30 14:38:36 · 287 阅读 · 0 评论 -
css中float用法
设置两个div1,div2相邻盒子左浮动时,div1与div2在同一行,div2在div1的右侧。但当宽度超过一行的限制时,div2会默认转到div1的下一行。看代码:效果如图所示:此时div1靠近右侧边沿,div2跟随在div1后面当div1设置浮动而div2未设置浮动时,div2会有一部分被div1覆盖掉并且div2占据页面左上角,此时div2是处于标准流之中如图所示:反之当div1未设置浮动div2设置左浮动,即div1处于标准流,则div2将会另起一行紧贴在div1的下面如图所示:原创 2022-06-13 16:57:43 · 3607 阅读 · 0 评论 -
css基础及复合选择器
css选择器是用来指定某些元素来执行一些特殊的操作,可以同时控制多种不同元素。从而达到页面更好的视觉效果首先介绍四个基础css选择器,大致有以下几种:元素选择器:id选择器就目前你学到的css和html而言,会发现同一个id属性名可以对多个元素同时设定使用,并且不会报错。但是这种情况是不被允许的,一个id名只能针对一个标记,学习过JavaScript之后会发现如果同个id多个元素使用则会出现JavaScript调用错误。类选择器:下面介绍一些高级选择器:子元素选择原创 2022-06-03 00:51:15 · 179 阅读 · 0 评论 -
css颜色渐变问题
效果如下:效果如下:上图0deg即为自下向上的渐变线,90deg即为自左往右的渐变线根据设定特殊角度的渐变线就可以实现想要的效果透明度设置:transparent:添加透明度可以设置rgba() 函数中的最后一个参数透明度定义是从 0 到 1 的值。0 表示完全透明,1 表示完全不透明。重复线性渐变:repeating-linear-gradient()径向渐变:径向渐变由中心定义,同样必须至少有两个颜色节点可以设置渐变中心、形状(圆形/椭圆)、大小 ,默认情况下实在中心center效原创 2022-06-10 23:53:23 · 536 阅读 · 0 评论 -
child系列用法
after、berore、child:first-child 匹配父元素中第一个子元素:last-child 匹配父元素中最后一个子元素:only-child 匹配父元素中仅有一个子元素的p元素:nth-child(n) :匹配属于其父元素的第 N 个子元素,不论元素的类型:nth-of-type(n) : 匹配属于父元素的第 N 个特定类型的子元素写在前面:伪类选择器,在使用id选择器以及类选择器时经常需要同时对多个不同特殊的标签进行属性设置,为了减少id和类选择器的使用次数,经常用child来选原创 2022-06-10 15:22:28 · 1282 阅读 · 0 评论 -
锚伪类link、hover、active、visited
代码片:原创 2022-06-04 23:51:50 · 1289 阅读 · 0 评论 -
active、hover、focus
针对css中的active、hover、focus的用法原创 2022-06-04 23:53:25 · 1646 阅读 · 0 评论 -
css盒子定位
先说相对定位relative:相对定位是指盒子的位置相对于该盒子当前位置的偏移量,相对定位移动之后的盒子仍然属于标准流,但之前在标准流当中的位置仍然占有绝对定位absolute:当没有祖先元素时,则会以页面左上角为基准偏移以祖先元素为基准,多用于嵌套的div盒子定位祖先元素若有定位则参照祖先元素的位置进行偏移,祖先元素无定位时会以最近一个有定位的祖先元素为基准偏移(上级元素没有定位,若上上级有则参照上上级元素)...原创 2022-06-13 22:38:00 · 898 阅读 · 0 评论 -
Html详解
全称为HypherText Markup Language --> 超文本标记语言并一种编程语言,为什么被称为标记语言?-->看下面这行代码原创 2022-11-04 14:01:24 · 1341 阅读 · 0 评论