随笔分类 - python技术栈 / Html&CSS&JS
摘要：正则表达式 js正则表达式思维导图 https://www.processon.com/view/link/5add4ef9e4b04691064d5e37 元字符 正则表达式的练习题
阅读全文
摘要：1、文本属性和字体属性 单行文本垂直居中 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 8 div{ 9 wid
阅读全文
摘要：1、盒模型 盒模型： 在网页中 基本上都会显示一些方方正正的盒子，这种盒子就被我们称为盒模型。重要的属性： width,height,padding,border, margin 盒子模型通过四个边界来描述：margin（外边距），border（边框），padding（内填充，内边距，壳子-边框），
阅读全文
摘要：1、Bootstrap的介绍和响应式 Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、javascript 的，它简洁灵活，使得 Web 开发更加快捷。 它用于开发响应式（自适应）布局、移动设备优先的 WEB 项目。 CSS3 的 @
阅读全文
摘要：1、位置属性 jquery的css position获取匹配元素相对父元素的偏移位置；offset获取匹配元素在当前视口的相对偏移,返回的对象包含两个整型属性：top 和 left scrollTop获取匹配元素相对滚动条顶部的偏移 文档被卷起的像素值；scrollLeft获取匹配元素相对滚动条左侧
阅读全文
摘要：1、JavaScript和jquery的对比 JavaScript和jquery的区别 注意：一般情况下，是库的文件，该库中都会抛出来构造函数或者对象，如果是构造函数，那么使用new关键字创建对象，如果是对象直接调用属性和方法 DOM文档加载的步骤 执行时间不同 window.onload必须等到页
阅读全文
摘要：BOM 所谓BOM指的是浏览器对象模型 Browser Object Model，它的核心就是浏览器 Bom浏览器对象模型 1、bom输出 2、open和close方法 3、bom的其他对象 4、client系列 5、屏幕的可视区域 6、offset系列 占位宽和占位高 7、scroll系列
阅读全文
摘要：DOM（文档对象模型） 在JS中，所有的事物都是节点，元素、文本等都是节点。把浏览器中的标签看成树状结构，每个标签看成一个节点（dom元素）。 应用场景：可以通过节点进行DOM对象的增删改查 获取DOM节点的方法 常用的DOM节点 节点的增删改查 模态框案例 点击有惊喜案例 节点创建、获取（追加）、
阅读全文
摘要：1、JavaScript的介绍 javaScript是一种web前端的描述语言，也是一种基于对象（object）和事件驱动（Event Driven）的、安全性好的脚本语言。 它运行在客户端从而减轻服务器的负担。 javaScript的特点： 用途： javaScript的用途是解决页面交互和数据交
阅读全文
摘要：1、css的介绍 CSS是指层叠样式表(Cascading Style Sheets)，样式定义如何显示HTML元素，样式通常又会存在于样式表中。也就是说把HTML元素的样式都统一收集起来写在一个地方或一个CSS文件里。 css的优势 1.内容与表现分离 2.网页的表现统一，容易修改 3.丰富的样式
阅读全文
摘要：1、HTML简介 HTML是一个网页的主体部分，也是一个网页的基础。因为一个网页可以没有样式，可以没有交互，但是必须要有网页需要呈现的内容。所以HTML部分是整个前端的基础。 静态页面是没有与用户进行交互 HTML，全称是超文本标记语言（HyperText Markup Language），它是一种
阅读全文
