JavaEE之前端技术
码上学习笔记
这个作者很懒,什么都没留下…
展开
-
前端基础之CSS
目录CSS什么是CSS样式层叠次序CSS语法CSS中的注释CSS使用方式如何插⼊样式表CSS样式使用例程CSS中常⽤选择器css2的选择器(重要)6种选择器的使用示例CSS3中的选择器(熟悉)CSS伪类选择器CSS常用属性CSS中的尺寸和单位颜色使用例程CSS字体与文本属性CSS背景属性CSS边框属性css内外补白属性盒子模型实例CSS定位属性CSS布局CSS实现导航实例CSS什么是CSS C.原创 2020-09-10 15:25:08 · 1755 阅读 · 0 评论 -
前端技术之页面布局
目录网页布局1. DIV+CSS布局程序示例2. HTML5+CSS3布局3. 响应式布局程序示例网页布局 三种传统PC端⽹⻚布局⽅式: 传统的DIV+CSS布局 HTML5+CSS3布局 响应式布局 1. DIV+CSS布局此种布局是⽹⻚的HTML通过DIV标签+CSS样式表代码开发制作的(HTML)⽹⻚的统称。DIV+CSS布局好处:便于维护,有利的SEO(⾕歌将⽹⻚打开速度作为排名因素及SEO因素),⽹页原创 2020-09-11 10:15:35 · 375 阅读 · 0 评论 -
前端技术之JS基础
1. JavaScript简介什么是JavaScript? JavaScript 是⼀种客户端脚本语⾔(脚本语⾔是⼀种轻量级的编程语⾔)。 JavaScript 通常被直接嵌⼊ HTML ⻚⾯,由浏览器解释执⾏ JavaScript 是⼀种解释性语⾔(就是说,代码执⾏不进⾏预编译)。 特点:弱类型和基于对象。(因为⾯向对象需要具有封装、继承、多态的特征) JavaScript语⾔中包含三个核⼼:ECMAScript基本语法、DOM、BOM 前端Web原创 2020-09-12 13:56:43 · 586 阅读 · 0 评论 -
前端技术之JS事件,内置对象与BOM和DOM操作
目录JavaScript对象对象的创建和使用JavaScript内置对象Array(数组)Date日期String字符串MathJavaScript事件单击事件与元素操作Timing定时事件简单计算器的实例简单操作元素标签事件绑定方式获取事件源对象dbclick双击事件context鼠标右击事件mouse鼠标移入移出事件——onmouseover和onmouseout图片切换放大镜效果拖动效果keydown键盘事件.原创 2020-09-14 16:20:58 · 501 阅读 · 0 评论 -
前端技术之正则表达式
JS正则表达式匹配与搜索<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript的正则表达式</title> </head> <body> <h1>JavaScript中的正则表达式</h1> <...原创 2020-09-20 10:53:30 · 210 阅读 · 0 评论 -
前端技术之jQuery
jQuery的入口<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery实例</title> </head> <script src="jquery-3.5.0.min.js"></script> <script> ...原创 2020-09-22 12:36:17 · 506 阅读 · 1 评论 -
前端技术之移动端布局
目录移动端布局移动端现状内核屏幕分辨率谷歌浏览器viewport(视口)定义设置前语法二倍图物理像素点屏幕分辨率图片分辨率二倍图由来移动端常见布局单独制作移动端页面响应式页面兼容移动端方案样式初始化-了解移动端布局移动端现状了解移动端浏览器的内核、屏幕分辨率的问题;内核国产主流手机浏览器,内核 Webkit。屏幕分辨率 手机分辨率:碎片化太多 Android:480x800, 480x854,原创 2020-09-23 16:32:49 · 493 阅读 · 0 评论 -
前端技术之flex布局
目录flex布局01. flex的介绍用flex布局实现水平垂直居中2.容器的属性flex-direction示例justify-content示例flex-wrap示例align-items (单行对齐)示例align-content(多行对齐)示例3.项目属性flex示例align-self示例4. flex布局的导航栏示例flex布局01. flex的介绍 了解flflex布局、它与传统布局的区别及.原创 2020-09-23 16:35:06 · 316 阅读 · 0 评论 -
前端技术之移动端适配
目录移动端适配01. 媒体查询示例档位示例02. remrem适配原理示例03. rem 应用04. 实际应用05. less的使用安装变量嵌套运算06. 解决方案方案1方案2(推荐!!!)方案对比移动端适配 媒体查询 rem 01. 媒体查询作用: 感受到屏幕的变化;可以根据屏幕不同的宽,从而获得不同的样式,然后实现不同的样式显示;语法:CSS样式:/*mediatype 查询类型.原创 2020-09-23 16:36:54 · 244 阅读 · 0 评论 -
前端技术之响应式布局
目录响应式响应式布局响应式例子示例BootStrap使用初始化布局容器预制类名h1. Bootstrap headingh2. Bootstrap headingh3. Bootstrap heading栅格系统介绍基本使用列嵌套列偏移响应式工具响应式响应式布局介绍: 响应式布局通过同一份代码快速、有效适配手机、平板、PC设备等所有的屏幕 响应式布局涉及到知识点: 屏幕宽度变化: 媒体查询原创 2020-09-23 18:01:50 · 425 阅读 · 0 评论