前端语法补缺

最新推荐文章于 2024-02-25 12:04:48 发布
最新推荐文章于 2024-02-25 12:04:48 发布
阅读量242 收藏
点赞数
分类专栏： JavaWeb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36750352/article/details/102524703
版权

一、HTML

disabled

禁用一个input元素

<input disabled="disabled">//不可编辑
<input disabled="false">//取消

 

 

二、css

display:inline-block

与周围的行元素结合起来，让块元素不会独占一行

  • 块元素

独占一行；

默认情况下，block元素宽度为父元素宽度。

可以设置width,height属性

可以设置margin和padding属性

  • 行元素

多个行内元素使用同一行

其宽度随元素的内容变化

不可以设置width,height属性

margin和padding属性只有水平间距，设置垂直间距无效

注意：

间隙问题：编写代码时输入空格、换行都会产生空白符，

设置 font-size解决

 

对齐问题：设置vertical-align 属性解决

 

透明度

opacity:0.5

rgba(0,0,0,0.2)

圆角

 border-radius

缩进

text-inden

字间距

letter-spacing

渐变

background-image: linear-gradient(red, white);
background-image: radial-gradient(red, white);

隐藏

//隐藏元素
display:none
visibility:hidden
//显示元素
visibility:visible

注意：

  • display:none

不为被隐藏的对象保留其物理空间，如通过js无法取得高度、宽度等属性

  • visible:hidden

对象在网页上所占的空间没有改变，即它仍然具有高度、宽度等属性

水平居中

margin: 0 auto; text-align: center

 

三、js

return 用法

return false  return true 等等，只要return了就不再执行，return 1,2,3,4都能终止函数，都会在函数内部阻止程序的执行。原理与java代码一样

只有 return false 会阻止表单的提交。

 

方法加与不加括号的区别

只要调用函数进行执行，都必须加括号,但也有特殊情况

如函数名赋值给像click等等的事件，可以不加括号，又如页面自动加载

window.onload = myfun();//可不加括号

跳转

在同当前窗口中打开窗口

超链接<a href=" " title=" "> </a>

等效于js代码

window.location.href=" ";     

返回上一页

window.history.back(-1);返回上一页

刷新父页面

当使用iframe弹出窗口时

window.parent.location.reload();

获取各种url


// 返回 web 主机的域名，如：http://127.0.0.1:8080/testdemo/test.html?id=1&name=test
var url = window.location.href;
// 返回当前页面的路径和文件名，如：/testdemo/test.html
var pathname = window.location.pathname;
// 返回 web 主机的端口，如：8080
var port = window.location.port;
// 返回所使用的 web 协议，如：http:
var protocol = window.location.protocol;
// 获取参数，如：?id=1&name=test
var search = window.location.search;
// 获取指定参数值
var id = getUrlParam('id'); // 1
var name = getUrlParam('name'); // test

获取request属性值

  • script小程序
var str = <%=request.getAttribute("rst")%>;
  • el
var str=${rst};
  • JSTL
var rst = "<c:out value='${rst}'/>";

自动加载

  • onload属性；
<body οnlοad="myfunction()">　　
  • window.onload
<script type="text/javascript">

window.onload = myfun();//可不加括号

</script>

null与undefined

  • null

null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。

  • undefined

当声明的变量还未被初始化时，变量的默认值为undefined

向控制台输出

　console.log()

日期处理

//获取日期
var day1 = new Date();
//改变当前时间
day1.setTime(day1.getTime()-24*60*60*1000);
//获取日期字符串
var s1 = day1.getFullYear()+"-" + (day1.getMonth()+1) + "-" + day1.getDate();

操作字符串常用方法

清理缓存

  • meta方法
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
< META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
< META HTTP-EQUIV="expires" CONTENT="0">
  • form
<body onLoad="javascript:document.yourFormName.reset()">

 


 

四、jquery

自动加载

1.window.onload =function() {}

2.$(document).ready(function() {});

3.$(function() {})

 

 

 

 

 

五、jsp

动态引入js

<script src="<%=request.getContextPath()%>/resources/syfh_zcd/mean.js" type="text/javascript"></script>

动态引入jsp

<%@ include file="<%=request.getContextPath()%>/common/jstlres.jsp"%>

引入jar包

<%@page import="com.cib.cap4j.core.context.ContextUtil"%>

request

 

 

 

 

 

 

 

 

 

 

 

 

 

 

喜只狼果冻
关注
专栏目录
前端查漏补缺 全知识点合集（更新中9.3）
liujiang的博客
07-31 659
该篇文章用于本人查漏补缺，会有大量知识点，不定期更新，有人愿意看就随便看看。 HTML CSS JS ES6 VUE 小程序 移动端 混合APP uniapp webappp 网络知识 面试
JS模块化—CJS&AMD&CMD&ES6-前端面试知识点查漏补缺
loveX001的博客
03-13 115
三种加载普通加载：解析到立即阻塞，立刻下载执行当前scriptdefer加载：解析到标签开始异步加载，在后台下载加载js，解析完成之后才会去加载执行js中的内容，不阻塞渲染async加载：（立即执行）解析到标签开始异步加载，下载完成后开始执行并阻塞渲染，执行完成后继续渲染兼容性：> IE9问题可能被引导到 => 1. 浏览器的渲染原理 2.同步异步原理 3.模块化加载原理出现的问题污染全局作用域。
前端模板引擎语法
weixin_34248023的博客
03-26 120
可以尝试选择自己喜欢的模板 <!--Mustache 的模板 --> <script id="Mustache" type="text/tmpl"> <ul> {{#list}} <li>{{{index}}}. 用户: {{{user}}}/ 网站：{{{site}}}</l...
JavaScript清除浏览器缓存的方法
文武傲群雄，彳亍定江山
11-20 442
一、meta方法 //不缓存 &lt;META HTTP-EQUIV="pragma" CONTENT="no-cache"&gt; &lt;META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"&gt; &lt;META HTTP-EQUIV="expires" CONTENT=&quot
js清除浏览器缓存问题的个人见解
最新发布
lmj3732018的博客
02-25 4521
浏览器缓存，有时候我们需要他，因为可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。：用ajax请求服务器最新文件，并加上请求头If-Modified-Since和Cache-Control,//当然这里参数 ran可以任意取了。在 URL 参数后加上 "?PS：方法不唯一，最好根据自己业务场景用相应的技术实现，这才能体现前端技术。//就是html页面标签不缓存。
JS 清除浏览器缓存（转）
White feathe 的博客
04-21 1202
关于浏览器缓存      浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。 清理网站缓存的几种方法1. meta方法//不缓存 <META HTTP-EQUIV="pragm
JavaScript -- 清除缓存
weixin_33924312的博客
01-12 247
在客户端有一个HTML文件，用来提交输入信息，问题在于：每次按刷新时，发觉并不是整个页面重新被装载，好似是缓存中。 因为文本框中仍出现上次输入的值，只有在地址栏中按回车整个页面才重新装载，应当怎样避免此问题？  1，在html里head区添加代码：   1 2 3 &lt;meta http-equiv="pragma" content="no-c...
前端学习思维导图
09-11
学习JavaScript包括基本语法、变量、数据类型、控制流、函数、对象、原型链，以及DOM操作和AJAX异步请求。 4. **前端框架**：随着Web开发的复杂性增加，前端框架应运而生，如React、Vue.js和Angular。这些框架简化...
Web前端初级---模拟题-5套.zip
01-03
【标题】"Web前端初级---模拟题-5套.zip"所涵盖的知识点主要集中在Web前端...通过这五套模拟题，初学者可以系统地检验自己的学习进度，查漏补缺，同时增强对Web前端开发的兴趣和信心，为进一步深入学习奠定坚实的基础。
html5 原生页面添加时间戳解决缓存问题 及 清除缓存的几种方式
hector的博客
09-21 3959
公司因要兼容ie6问题，没有用Vue、react前端框架，使用原生的js加h5编写的页面。 最近项目更新版本的时候，线上版本没有及时的更新,究其原因是因为浏览器缓存的问题（frommemorycache/fromdiskcache）。 解决这个问题的最好方法就是在css和js后面加一个时间戳或者版本号。 如果你的页面是服务器端用框架渲染的，你就让他们声明全局变量时间戳或者版本号加载css、js后面。 如果你的页面是前后分离的你可以在js里面写一个输出时间戳或者版本号js函数。 ...
javascript清除浏览器缓存的几种方法
blackwuxin的专栏
11-09 1694
关于浏览器缓存 浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。 清理网站缓存的几种方法 meta方法 //不缓存 清理form表单的
清理项目缓存的几种方法
Welcome to my blog
04-17 3848
清理项目缓存的几种方法： meta方法 //不缓存 <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTEN...
关于缓存问题：js清除缓存
weixin_34268169的博客
05-22 524
css并行加载，js串行加载（会阻塞页面） 清除缓存的问题: 1、一般手动清除，浏览器缓存 2、js代码清除缓存（原理：增加了一个参数，且该参数是一个随机数，每次都不一样，所以每次的请求参数都不一样，服务器会将其作为一个新的请求，重新返回结果，而不会使用缓存） js文件: 路径后面加一个随机数如下： <script src="lib/gMarker.js?random=1...
js清除浏览器缓存的几种方法
热门推荐
骆小胖~
04-22 1万+
关于浏览器缓存 浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。 清理网站缓存的几种方法meta方法 //不缓存 <META HTTP-EQUIV="pragma" ...
清除js缓存的多种方法
我们不生产任何代码 只做代码的搬运工
04-14 1万+
在客户端有一个HTML文件，用来提交输入信息，问题在于：每次按刷新时，发觉并不是整个页面重新被装载，好似是缓存中。 因为文本框中仍出现上次输入的值，只有在地址栏中按回车整个页面才重新装载，应当怎样避免此问题?   1，在html里head区添加代码:    复制代码代码示例: 2，清除临时缓存   复制代码代码示例: javascript:doc
对于Form表单reset方法的误解
ForeverCjl的专栏
03-05 1万+
HTML中Form表单的reset方法被用来清空用户所输入的内容，以前一直误以为其是单纯的将input等输入项中的值清空。 但实际上不是这样的，reset方法的本质是将input等输入项中的内容还原为属性value中的值，而不是“”空值。 w3c上是这样说的： 在 HTML 表单中 标签每出现一次，一个 Reset 对象就会被创建。 当重置按钮被点击，包含它的表单中所有输入元
web面试题
工作是水，生活是酒，水会决定酒的品质，但生活要过得像酒一样，不能像水一样没有味道
03-02 6197
js实现浏览器缓存清除：①meta方法：//不缓存&lt;META HTTP-EQUIV="pragma" CONTENT="no-cache"&gt; &lt;META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"&gt; &lt;META HTTP-EQUIV="expires" CON
js重置表单及reset方法报错解决办法
satomiyo的博客
01-09 775
window.onload = function (ev) { var oReset = document.getElementById("reset1"); var oForm = document.getElementById("form1"); oReset.onclick = function () { oForm.reset(); }; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值