随笔分类 -  5、前端

8、前端--阻止后续事件执行、事件冒泡、文档加载、事件委托、动画效果、前端框架bootstrap、布局容器、栅格系统、图标
摘要：阻止后续事件执行 $('#d1').click(function (e) { alert(123) // 1.阻止该标签后续事件的执行 方式1 推荐 // return false // 2.阻止该标签后续事件的执行 方式2 了解 // e.preventDefault() }) 事件冒泡 # 子标 阅读全文
posted @ 2022-02-17 13:48 简爱cx 阅读(137) 评论(0) 推荐(0) 编辑
7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
摘要：jQuery简介 宗旨:Write less, do more. 内部封装了js代码 是编程更加简单并且兼容所有的主流浏览器 版本:1.x 2.x 3.x # 可以使用3.x最新版 是第三方的类库:使用jQuery需要提前导入 # 实际中很容易遗忘了导入 jQuery下载 压缩之后的版本将很多变量名 阅读全文
posted @ 2022-02-17 13:15 简爱cx 阅读(107) 评论(0) 推荐(0) 编辑
6、前端--DOM操作（查找标签、节点操作、获取值操作、class操作、样式操作、绑定事件、内置参数this）
摘要：DOM操作之查找标签 前缀关键字>>>:document # 基本查找(核心) document.getElementById 根据ID获取一个标签 document.getElementsByClassName 根据class属性获取 document.getElementsByTagName 根 阅读全文
posted @ 2022-02-14 15:12 简爱cx 阅读(225) 评论(0) 推荐(0) 编辑
5、前端--js常量、变量、5种基本数据类型（number string boolean undefined object）、运算符、流程控制、三元运算符、函数、自定义对象、内置对象、BOM操作
摘要：变量与常量 在JS中声明变量需要使用关键字 老版本 var(全部都是全局变量) 新版本 let(可以声明局部变量) # 推荐使用let(其实问题不大) 在JS中声明常量也需要使用关键字 const # 声明一个真正意义上的常量 如何创建变量 var name = 'jason' let name = 阅读全文
posted @ 2022-02-14 15:06 简爱cx 阅读(53) 评论(0) 推荐(0) 编辑
4、前端--浮动、定位、是否脱离文档流、溢出属性、z-index、透明度、JavaScript简介
摘要：浮动 # ps:html代码时没有缩进一说的 全部写在一行也可以 """浮动主要就是用于页面布局的!!!""" # 浮动带来的负面影响 """会造成父标签塌陷!!!""" 解决浮动的负面影响 1.再写一个div撑场面(不可取) 2.关键字clear(可以使用) 3.通用解决策略(推荐使用):只要父标 阅读全文
posted @ 2022-02-14 14:41 简爱cx 阅读(187) 评论(0) 推荐(0) 编辑
3、前端--伪元素选择器、选择器优先级、字体、背景、边框、display、盒子模型
摘要：伪元素选择器 # 首字调整>>>:也是一种文档布局的方式 p:first-letter { font-size: 48px; /*字体大小*/ color: red; } # 在文本的前面通过css动态渲染文本>>>:特殊文本无法选中 p:before { content: '嘿嘿'; color: 阅读全文
posted @ 2022-02-09 08:26 简爱cx 阅读(43) 评论(0) 推荐(0) 编辑
2、前端--初见前后端交互、CSS简介、基本选择器、组合选择器、属性选择器、分组与嵌套、伪类选择器
摘要：今日内容概要 初窥后端框架 css简介 css选择器 今日内容详细 初次体验前后端交互 # 代码无需掌握 只看效果即可 """后端框架:可以简单的理解为别人写好的一个非常牛逼的TCP服务端""" 以flask框架为例>>>:第三方框架 pip3 install flask 前端通过标签获取用户数据发 阅读全文
posted @ 2022-01-20 19:48 简爱cx 阅读(37) 评论(0) 推荐(0) 编辑
1、前端--HTML简介、head内常见标签、body内常见标签（特殊符号、div、span、a、img、列表、表格table、表单form）、标签两大属性
摘要：今日内容 HTML简介 HTML是构造网页的骨架>>>:几乎所有的网站都是由HTML构建而成 HTML:超文本标记语言 # 不是一门编程语言 没有任何的逻辑 只有固定的标记功能 HTTP协议： -请求协议 -请求首行（请求方法、请求的url、http协议版本号） 请求头（user-agent、ref 阅读全文
posted @ 2022-01-20 19:32 简爱cx 阅读(217) 评论(0) 推荐(0) 编辑