![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
自学
TimeFriends
这里没有天赋异禀,也没有天资聪颖,只有每天的陪伴。万物瞬息万变,但唯一不变的只有变化。抓住变化的根本,以时间为伍,以坚持为伴,做时间的朋友。
展开
-
CSS属性书写顺序,css的布局流程
CSS属性书写顺序CSS属性书写顺序1.布局定位属性:display/position/float/clear/visibility/overflow(建议display第一个写,毕竟关系到模式)2.自身属性:width/height/margin/padding/border/background3.文本属性:color/font/text-decoration/text-align/vertical-align/white-space/break-word4.其他属性(CSS3):conten原创 2020-07-10 10:31:32 · 1535 阅读 · 2 评论 -
CSS的三种布局机制 浮动 清除浮动
css的三种布局机制 浮动 清除浮动记忆:CSS布局的三种机制:普通流(标椎流),浮动和定位.理解:普通流在布局中的特点:为什么用浮动:为什么要清除浮动:CSS布局的三种机制:普通流(标椎流),浮动和定位.用于设置盒子摆放的位置普通流(标椎流)块级元素会独占一行,从上向下顺序排列 常见的元素有:div,li ul ol,h1-h6,p,hr,dl,form,table行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行 常用的元素:a,b,strong,span,em,原创 2020-07-07 14:03:55 · 1544 阅读 · 1 评论 -
盒子模型 边框border 外边距 内边距
盒子模型 边框border 外边距 内边距css学习的三大重点:css盒子模型,浮动,定位盒子模型盒子模型由四部分组成:内容(content),内边距(padding),边框(border),外边距(margin)盒子边框border-width:边框宽度border-style:soild(实线),dashed(虚线),dotted(点线)border-color:边框颜色边框的总和写法:变宽粗细 边框样式 边框颜色border:5px solied redborder-collap原创 2020-07-06 11:29:57 · 3560 阅读 · 1 评论 -
复合选择器,背景,css三大特性,显示模式
CSS复合选择器,标签的显示模式,行高,背景,css三大特性CSS复合选择器复合选择器作用:更准确精细的选择目标元素标签,复合选择器是由两个或者多个基础选择器,通过不同的方式组合而成后代选择器后代选择器也成为包含选择器作用:用来选择元素或者子元素的子孙后代其他写法就是吧外层标签写在前面,内层标签写在后面,中间用空格隔开,先写父亲爷爷,在写儿子孙子父级 子级(属性:属性值;属性:属性值:}交集选择器交集选择器是由两个选择器组成,找到的标签必须满足:既有标签一的特点,也有标签二的特点语法:原创 2020-07-03 12:13:33 · 1541 阅读 · 0 评论 -
CSS的选择器,css样式引入方式,css字体和文本属性(外观属性)
CSS引入css样式的三种方法行内式通过标签的style属性来设置元素的样式eg:<h1 style="属性1:属性值1;属性2:属性值2;"><hello word/h1>不能实现样式和结构相分离内部样式可以使结构和样式相分离,但只能控制当前的页面写法:<head> <style> 选择器{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3 } </style>原创 2020-06-30 13:26:47 · 1904 阅读 · 1 评论 -
异步处理ajax和前后端数据交互json
ajax和jsonAjax同步和异步: a标签是同步,调用完形成新的页面,页面会刷新.原页面在a标签后面的代码将不执行处于等待状态. 而异步请求不会.异步此页面的其他代码会继续执行应用场景: 用户名是否存在的校验,百度自动补全功能,商品查找,搜索图片注意: ajax不能跨函数,不能跨页面异步:强大之处服务器处理不影响浏览器的其他操作,增强用户体验度原生ajax入门案例: 1:创建一个核心对象(XMLHttPRequest) 该对象称之为ajax引擎 2:编写原创 2020-05-18 22:27:00 · 2134 阅读 · 0 评论 -
jQuery的DOM文档对象模型,常见的事件,遍历,validate插件,自定义事件方法
jQuery大纲: jQuery-Dom操作 jQuery效果 jQuery遍历 jQuery的事件总结 常见事件 事件和事件源的绑定 事件切换 jQuery插件 插件机制 validate插件 jQuery效果基本:高和宽都变化 hide([毫秒值]):隐藏(几毫秒后完成隐藏) show([毫秒值]):展示(几毫秒后完成展示) toggle([毫秒值]):切换(几毫秒后完成切换)滑入滑出:高变化 slideUp([毫秒值]):滑出 slideDown原创 2020-05-14 10:59:54 · 1551 阅读 · 0 评论 -
JQuery3.0使用和js区别
JQuery3.0使用步骤1:导入JQuery的js文件2:使用jquery的语法获取对象3:使用对象获取jquery的方法使用document获取的对象叫做dom对象或者js对象var user=document.getElementById("userId");使用JQuery语法获取的对象叫做JQuery对象写法一:var user=$("#user");写法二:var user=JQuery("#user");JQuery对象和Js对象的区别注意事项: 两者的方法和属性不能混原创 2020-05-12 13:17:31 · 1615 阅读 · 1 评论 -
servlet中的三大作用域以及 jsp el jstl
servlet中的三大作用域request 创建: 请求来的时候 销毁: 响应信息生成的时候 作用域范围: 当前请求session 创建: 请求不携带jsessionId就会创建session对象 请求携带jsessionId,但未找到对应的session空间 销毁: 服务器非正常关闭 session超时 手动销毁(sess...原创 2020-04-24 22:16:43 · 1449 阅读 · 0 评论 -
Bootstrap响应式框架,组件化开发
Bootstrap概述:是最受欢迎的HTML,CSS和JS框架,用于开发响应式布局,移动设备优先的WEB项目.Bootstrap是基于jquery开发的,在使用时需要引入jquery的js文件.响应式:一个网页可以兼容多种终端JQuery是对js的封装下载BootStrap:www.bootcss.com官网地址模板☆1:导入BootStrap的css2:导入jquery的js...原创 2020-04-21 08:47:44 · 1592 阅读 · 0 评论 -
JavaScript(js)隔行换色,省市二级联动,全选,全不选,反选
JS案例(Demo)1:全选全不选需求分析: 当点击"全选/全不选"选框时,让其他的复选框状态和"全选/全不选"复选框的状态保持一致.技术分析: 点击事件 操作复选框的checked属性步骤分析: 1:确定事件 给"全选/全不选"复选框添加点击事件 2:编写函数 a.获取"全选/全不选"复选框的状态(checked) b.获取其他复选框.并设置装态(c...原创 2020-04-19 11:35:50 · 1474 阅读 · 1 评论 -
jsp高级DOM和BOM
Day_07(jsp高级)Reg(正则)作用:校验指定的字符串的格式是否合法a.编写正则表达式方式一:var reg=new RegExp(正则表达式,匹配模式);方式二:var reg=/正则表达式/匹配模式匹配模式:i:忽略大小写g:全局匹配(模糊匹配)[]:可选的值有哪些{}:可选值出现的位数*:0次到多次?:0次到1次+:1次到多次^:已什么开头$:以什么结...原创 2020-04-17 23:46:56 · 1661 阅读 · 0 评论 -
前端静态页面html5样式设置css页面渲染
Day_05(html5,css)html:根标签 head:存放页面的重要信息一般不再页面上显示 title:标题标签 meta:存放页面的重要信息不在页面显示 link:样式 style:样式 body:存放页面上需要展示的内容form表单子标签属性name属性: 给单选框或者复选框进行分组,在当前组内进行单选. 输入框的值要想提交给服务器...原创 2020-04-13 12:10:26 · 2361 阅读 · 1 评论 -
jsp表单处理页面点击量统计
jsp表单处理一:通过参数名称获取表单数据的值test_01.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Docume...原创 2020-04-10 21:54:16 · 1481 阅读 · 0 评论 -
jsp隐含对象,计算机基础,javaScript
Day_01jsp中的<%%>,<%!%>,<%=%><%%>等价于jsp:scriptlet</jsp:scriptlrt>:叫做脚本片段,定义局部变量或者调用其他方法,但不能定义方法.<%!%>等价于jsp:declaration</jsp:declaration>:叫做声明,定义全局变量以及方法和属性....原创 2020-04-08 22:47:38 · 1368 阅读 · 0 评论 -
浏览器内核,HTML分类,HTML标签,
浏览器内核渲染内核,js内核Safari内核-webkit,Chrome-Blink,firefox-Gecko,IE-TridentWeb的标椎结构(html),表现也叫样式(css),行为(js)HTML(超文本标签语言)格式:<html>根标签 <head>头标签 <title></title>标题标签 </h...原创 2020-04-07 22:11:03 · 1383 阅读 · 0 评论