随笔分类 - 前端
阻止标签后续事件执行、阻止事件冒泡、委托事件、页面加载、动画效果、each和data方法、Bootstrap的各种使用、图书管理系统搭建
摘要:【阻止标签后续事件执行】 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script src="JQ.js"></script> 7 </head> 8
阅读全文
JQ操作标签--样式操作、 位置操作、尺寸、 文本操作、 获取值操作、 属性操作、文档处理、事件
摘要:【样式操作】 html代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script src="JQ.js"></script> 7 </head>
阅读全文
js八大数据类型
摘要:简述数据类型 JS,python是一门拥有动态类型的语言 name='jh' name=100 name=[1,2,3,4]# name可以指向任意的数据类型,但是有一些语言中,变量名只能指向一种后不能更改 。 。 (python与JS对照) 【JS数据类型】 简单数据类型:Number、Strin
阅读全文
css样式综合案例----博客园首页简单搭建
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>博客园</title> 6 <meta name="viewport" content="width=device-width, initi
阅读全文
CSS介绍、选择器、属性相关
摘要:CSS层叠样式表:就是给HTML标签添加样式的,让其变得更加好看 【CSS的使用,以及三种引入方式】 1 1.注释 2 /*单行注释*/ 3 4 /* 5 多行注释 6 多行注释 7 */ 8 9 2.用来划定样式区域 10 /*这是博客园首页的css样式文件*/ 11 /*顶部导航样式*/ 12
阅读全文
Flex 布局
摘要:【Flex 布局介绍】 什么是Flex布局 # 1 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position 属性 + float 属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现 # 2 Flex 是 Flexible Box 或 flexbox 的缩写,意
阅读全文
前端框架部分
摘要:【Bootstrap下载】 官网:https://v3.bootcss.com/ (免费CDN加速服务) 案例: 【布局容器】 【栅格系统】 【排版】 【表格标签】 【表单】 【按钮组】 【图片】 【图标】 【导航条】 (分页) 【巨幕】 (自定义内容) 【弹框】 【图书管理系统前端页面搭建】
阅读全文
jQuery介绍、基本选择器、组合选择器/分组与嵌套、基本筛选器、属性选择器、表单筛选器、筛选器方法
摘要:【jQuery类库介绍】 jQuery是一个快速、简洁的JavaScript框架,是一个优秀的JavaScript代码库(框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScr
阅读全文
JS事件
摘要:【什么是事件】 达到某个事先设定的条件,自动触发的动作 (常用事件) 【原生JS事件绑定】 (开关灯案例) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6
阅读全文
javascript之BOM与DOM、navigator、history、location、弹出框、计时器、查找标签、节点操作、获取值操作、属性操作、事件
摘要:【BOM与DOM】 1 BOM(Browser Object Model) 浏览器对象模型 2 它使 JavaScript 有能力与浏览器进行交互!!! 3 4 5 Window对象的一些常用的方法: 6 window.innerHeight 浏览器窗口的内部高度 7 window.innerWid
阅读全文
javascript介绍、JS常量与变量
摘要:【介绍】 1 介绍: 2 3 1.js也是一门编程语言 它也是可以写后端代码的,用js一统天下 前后端都可以写:nodejs 支持js代码跑在后端服务器上 4 然而并不能 想的太天真了!!! 5 2.js跟java-毛钱关系都没有,纯粹是为了蹭当时java的热度 6 ECMAScript和Javas
阅读全文
HTML常用的标签分类、属性
摘要:【标签的分类一】 1.head内常用标签 1 <head> 2 <meta charset="UTF-8"> 3 <!-- 网页标题--> 4 <title>亚洲最大的赌场</title> 5 <meta name="viewport" content="width=device-width, in
阅读全文
前端引入
摘要:【前端后端的概念】 什么是前端? 前端就是用户和应用打交道的界面 比如电脑界面,手机界面,浏览器页面 ..什么是后端 后端就是不直接与用户打交道,而是用于执行真正的代码逻辑的代码 比如C语言,Java代码,Python代码 前端三剑客 HTML 网页的骨架 CSS 网页的样式(比如网页页面里面的文字
阅读全文
浙公网安备 33010602011771号