Web前端
Web前端
I like study.
热爱技术
展开
-
npm修改默认全局安装路径
1.在E:\node.js中创建文件夹node_cache2.打开cmd,npm config set cache “E:\nodejs\node_cache”继续在cmd中运行 npm config set prefix “E:\nodejs”3.找到E:\node.js\node_modules\npm\npmrc 文件,修改prefix=D:\nodejs...原创 2019-07-24 17:09:08 · 440 阅读 · 0 评论 -
axios与springboot后端交互错误
错误信息:at com.fasterxml.jackson.databind.ser.std.BeanSerializerBase.serializeFields(BeanSerializerBase.java:666)at com.fasterxml.jackson.databind.ser.BeanSerializer.serialize(BeanSerializer.java:156)...原创 2019-10-08 19:10:42 · 671 阅读 · 0 评论 -
给单选框的第一个赋值
$("input[type='radio']").get(0).checked=true;原创 2019-02-28 20:36:35 · 527 阅读 · 0 评论 -
设置高度自适应不同设备屏幕的高度
qq音乐的歌曲播放页面,页面的宽度和设备宽度是一致,这时候我们就用的flex布局,但是首先要设置html和body宽度都为100%,因为百分比布局是相对父级元素来说的,有以下html代码<body> <div class="main"> <header></header> <div class="content"></d...原创 2020-02-14 10:38:38 · 725 阅读 · 0 评论 -
清楚position:relative所占用的空白
问题:一个元素设置为position:relative后原来的空间仍会占用解决方法:父级元素设置position:relative 该元素设置position:absolute原创 2020-02-10 16:45:36 · 1963 阅读 · 2 评论 -
hexo github pages 首页不展示,显示jsp代码
问题:输入http://localhost:4000后,显示代码<%- partial(’_partial/head’) %> <%- partial(’_partial/header’) %> <%- body %> <% if (theme.sidebar && theme.sidebar !== ‘bottom’){ %> &...原创 2019-04-05 20:49:37 · 460 阅读 · 2 评论 -
jsp+ajax+jquery简单实例
前端<input type="text" name="username" id="username" onblur="checkUsername()" >ajaxfunction checkUsername(){ var username=$("#username").val(); //window.alert(username); $.ajax({ ...原创 2019-03-26 14:01:33 · 1209 阅读 · 0 评论 -
原生的ajax+jsp
前端<input type="text" name="username" id="username" onblur="check()" ><input type="text" id="username1" >ajax //创建ajax引擎 function getXmlHttpObject() { var xmlHttp=null; ...原创 2019-03-26 16:28:01 · 421 阅读 · 0 评论 -
jsp+ajax实现验证码
1.验证码无非就是点击一个链接可以产生或更改验证码,并且输入验证码可以完成验证2.前台界面` <h1>验证码</h1><a href="javascript:void(0)" onclick="setVerifyCode(this)">看不清,换一张</a><img alt="" src=""原创 2019-02-28 19:39:57 · 1168 阅读 · 0 评论 -
解决中文乱码方式的一种方法
javascriptdecodeURIComponent(value)可以对字符串解码decodeURI(value)可以对字符编码JavaURLDecoder.decode(value, “utf-8”);URLEncoder.encode(value, “utf-8”);今天在做一个ajax时,需要返回xml数据然后在javascript获取xml,网上查了很多资料不是说resp...原创 2019-03-26 18:39:46 · 403 阅读 · 0 评论 -
CSS3滤镜
/*模糊*/ filter: blur(5px); /*变灰*/ filter: grayscale(50%); /*图片亮度变暗或变明*/ filter: brightness(70%); /*调整图片对比度*/ filter: contrast(120%); /*加阴影*/ ...原创 2020-02-12 16:14:54 · 123 阅读 · 0 评论 -
通过媒体查询引入不同的资源文件
假设body里面有两个div,当屏幕宽度>640px的时候,让屏幕一行显示两个div,当屏幕宽度>320px的时候,让屏幕一行显示一个div<body> <div></div> <div></div></body>style320.cssdiv{ width: 100%; height...原创 2020-02-03 16:51:47 · 611 阅读 · 0 评论 -
Less的使用
1.定义Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。2.安装安装好node后,使用命令npm install -g less安装,安装成功后通过lessc -v查看less的版本号3.语法@变量名:值比如/*错误的变量命名:数字开头、特殊字符、*//*变...原创 2020-02-04 10:23:39 · 337 阅读 · 0 评论 -
flex布局学习
一、flex布局Flex是Flexible Box的缩写,顾名思义为“弹性布局”,用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex 布局。下面是一段html代码<div class="root"> <div>0</div> <div>1</div> <div>2</div&...原创 2020-01-26 11:52:03 · 441 阅读 · 0 评论 -
媒体查询+rem实现元素动态变化
1.概念首先了解几个概念(1)**px:**为绝对单位,设置了几像素就是几个像素,缩小屏幕宽度仍然是该像素(2)em:相对父级的font-size的大小来说,比如有下列代码<style> div{ font-size:12px } p{ width: 10rem; height:10.5rem; }</style><body> ...原创 2020-02-03 16:46:02 · 409 阅读 · 0 评论 -
媒体查询
1.定义使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计>响应式的页面,@media 是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。2.语法@media mediatype and|only|not (media feture){css代码}...原创 2020-02-03 16:29:20 · 256 阅读 · 0 评论 -
css div固定底部 并且不遮挡其他元素
问题:设置固定底部的div后会遮挡其他元素解决方法:为该固定在底部的div设置一个height,position设置为fixed,然后给body设置一个margin-bottom,大小为该固定在底部的div的height...原创 2020-02-10 18:21:03 · 9891 阅读 · 2 评论 -
隐藏表格的行显示后布局混乱的问题
1.在做项目时用了一个表格做注册,不同类型人的身份填写内容不同,所以有些内容会隐藏。2.原本隐藏了表格的一行(改行置为display:none),但是在显示表格(display:block)后发现,显示的行只占据表格的第一列并且元素每一列都各占一行3.查询了display:block属性:此元素将显示为块级元素,此元素前后会带有换行符。也就是显示为&lt;table&gt; //正常...原创 2019-02-20 10:58:04 · 677 阅读 · 0 评论 -
如何用subline编写并运行html文件
1.打开subline3 -preference-package control-install package-html自动安装完成html插件2.ctrl+alt+h自动生成html代码3.save as 文件名.html4.复制该html文件的地址5.粘贴到浏览器地址栏即可看见自己编写的html网页了...原创 2018-10-08 16:54:26 · 2524 阅读 · 0 评论