前端基础笔记
前方请直行
这个作者很懒,什么都没留下…
展开
-
JSP笔记--out对象--request对象--response对象
JSP基础笔记1.JSP内置对象–out对象使用out对象将数据输出,只能在脚本中使用<% String str = "test"; out.print(str);%>2.request对象用户发送的请求都是通过request来实现的,request中携带了请求的地址、参数等常用的方法有:getParameter(String key) 获取参数SetCharacterEncoding(String ending) 设置请求编码getRe原创 2020-12-29 20:50:22 · 518 阅读 · 0 评论 -
jQuery常用方法记录
jQuery常用方法记录CSS模块style样式css(styleName): 根据样式名得到对应的值css(styleName, value): 设置一个样式css({多个样式对}): 设置多个样式位置坐标offset(): 读/写当前元素坐标(原点是页面左上角)position(): 读当前元素坐标(原点是父元素左上角)scrollTop()/scrollLeft(): 读/写元素/页面的滚动条坐标尺寸width()/height(): width/height原创 2020-12-23 22:55:44 · 149 阅读 · 0 评论 -
jQuery了解
jQuery了解1.简介jQuery是什么:一个JS函数库: write less, do morejQuery如何使用:引入jQuery库在练习中使用本地引入<script src="./js/jquery-3.1.1.js"></script>使用jQuery使用jQuery函数: $/jQuery使用jQuery对象: xxx(执行xxx(执行xxx(执行()得到的)2.jQuery使用jQuery函数: $/原创 2020-12-22 20:39:03 · 174 阅读 · 0 评论 -
前端基础笔记08-在网页上实现简单的抽奖器
前端基础笔记08-在网页上实现简单的抽奖器最终效果:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>随机选择</title> <style type="text/css"> *{ padding: 0; } .top-div{ height: 50px; background-colo原创 2020-12-18 17:11:57 · 851 阅读 · 1 评论 -
前端基础笔记07-了解JS
前端基础笔记07-了解JS//js定义变量 es5使用var,es6使用let,const(定义变量) // 定义一个字符串let str = "hello";// 在控制台输出console.log(str);// 定义一个数字let num = 123;// 在控制台输出变量的类型,使用typeof判断console.log("num类型是:"+typeof num);//定义布尔类型变量var bool= true;console.log(bool);console.log原创 2020-12-17 20:32:42 · 153 阅读 · 0 评论 -
练习:滚动渐变色背景
前端基础笔记06-练习:滚动渐变色背景利用动画特效制作带有滚动渐变色背景效果代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>背景滚动渐变色</title> <style type="text/css"> div{ width: 200px; height: 50px; border-radiu原创 2020-12-16 19:43:39 · 375 阅读 · 0 评论 -
前端基础笔记05-CSS盒子模型
文章目录前端基础笔记05-CSS盒子模型1.边框线-border2.背景样式-background3.外边距-margin4.内边距-padding5. display属性6.浮动-float7.定位-position前端基础笔记05-CSS盒子模型在前端中所有的元素也都可以称为盒子,因为元素可以有大小,需要格外注意的是盒子在页面中所占据的位置问题元素占据的页面大小=元素的宽高+边框线大小+外边距+内边距1.边框线-border属性名描述border-width设置边框线宽度原创 2020-12-16 19:16:48 · 225 阅读 · 0 评论 -
前端基础笔记04-CSS笔记
前端基础笔记04-CSS笔记1.CSS扩展选择器包含选择器形式:标签名或类名之间用空格隔开,如下div span{color:red;}包含选择器会作用于所有符合条件的后代,包括儿子,孙子,孙子的孙子… ,color属性会作用于div下的所有span标签子代选择器形式:使用大于号>相隔div>span{color:red;}color属性会作用于div下的子代span标签,无法作用于再往下级如孙子代span组合选择器形式:使用逗号相隔原创 2020-12-15 20:34:50 · 293 阅读 · 0 评论 -
前端基础笔记03-CSS简介
文章目录HTML基础笔记03-CSS简介1.标签划分依据2.标签嵌套规则3.级联样式表css3.1 样式表分类3.2 选择器HTML基础笔记03-CSS简介1.标签划分依据从行业的官方规范来讲,对标签的划分分两种块元素:单独占整行(自带换行符),可以设置宽高属性的行元素:可以在同一行显示,设置宽高不生效目前行业中的程序员喜欢的划分,分三种块元素:单独占整行(自带换行符),可以设置宽高属性的行元素:可以在同一行显示,设置宽高不生效行内块元素:既可以设置宽高,也可以在同一行显示(img-原创 2020-12-14 20:28:54 · 474 阅读 · 0 评论 -
前端基础笔记02-表单 form
HTML基础笔记02-表单 formform 标签标签用于创建供用户输入的 HTML 表单。表单是让用户进行信息输入的,将输入的数据提交到服务器上,服务器再根据提交的数据进行分析验证反馈结果action:指定服务器地址method:指定表单数据的提交方式get:默认的提交方式,get方式提交的数据会在地址栏中显示出来,很不安全,所能提交的数据量比较小,效率高post:效率低,安全,携带大量的数据,不会在地址栏中显示在开发的过程中post方式使用的较多,考虑安全问题注意:原创 2020-12-14 17:50:54 · 235 阅读 · 0 评论 -
前端基础笔记01-HTML介绍
文章目录HTML基础笔记011.HTML主体2.常见标签3.列表标签4.表格标签HTML基础笔记011.HTML主体HTML标签大多都是成对出现的(也有单标签),在写标签的时候,如果是双标签,一定要先将双标签都写完,再去添加其中的内容,以防止标签未正确关闭。HTML文档主体结构<!-- HTML5格式标识,确保不同的浏览器能统一渲染显示 --><!DOCTYPE html><!-- html标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。 -原创 2020-12-11 18:46:21 · 264 阅读 · 0 评论