随笔分类 - 菜菜学前端
摘要：系统复习markdown进阶语法 目录系统复习markdown进阶语法1.文字颜色，字体，大小，文字高亮1.1 文字颜色1.2 文字字体1.3 文字高亮1.4 文字字号2.转义字符3. 表格3.1 基础表格3.2 带有对齐方式表格3.3 复杂表格4.脚注4.1 语法4.2 运用场景5.上下标5.1
阅读全文
摘要：系统复习markdown基础语法 1.分级标题 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 2.段落 直接回车即为分段 这是第一段 这是第二段 这是换行 这是第一段 这是第二段 这是换行 3.换行符 如果你需要换>=2行，那么只用
阅读全文
摘要：MAKEDOWN 目录MAKEDOWN引用多个段落引用快嵌套块引用带有格式的引用The quarterly results look great!超链接给链接增加 Title网址和Email地址带格式化的链接图片图片title链接图片高级语法表格复杂表格任务列表字体 字号 颜色分割线 <hr>nul
阅读全文
摘要：突然发现自己对于css的样式规则一直都没有完全明白，今天写文好好整明白 浏览器渲染原理 1. 浏览器向服务器请求html文件 2. html文件返回浏览器 3. 浏览器解读html文件 <!DOCTYPE html>//告诉浏览器，这是html5文件 // html树 <html lang="en"
阅读全文
摘要：position定位 position: static; 这是默认值。静态定位的元素不会受到任何特殊的定位效果，它们总是根据文档流进行定位。 position: relative; 相对定位的元素相对于其正常位置进行定位。 使用 top, right, bottom, left 属性可以相对于元素原
阅读全文
摘要：set&clear interval&timeout 相信不论是老油条还是新手小白，你早就听过或者用过setInterval和setTimeout这俩哥们儿和他们的死敌clearInterval和clearTimeout了吧，作为项目里的“老面孔”和面试高频考点，今天GJ504b就带大家深入解读这四
阅读全文
摘要：HTML表单是网页中用户输入数据的主要方式，包含多种元素，每个元素都有不同的用途。下面是HTML中常见的表单元素以及它们的用途和常用实例： 1. <form> 表单的容器元素，所有表单元素必须放在<form>标签内。 示例： <form action="/submit" method="post">
阅读全文
摘要：Javascript考点 内置对象 Math Math.<方法名>(参数); Math.abs(x) 绝对 功能：返回数字 x 的绝对值。 语法：Math.abs(x) console.log(Math.abs(-5)); // 输出 5 console.log(Math.abs(10)); //
阅读全文
摘要：数组常用函数 //1.find() const arry1 = [5,12,8,130,44]; const found = arry1.find(a => a > 10); // 这一行使用了find方法，它是JavaScript数组对象的一个方法，用于找出第一个满足提供的测试函数的元素。 //
阅读全文
摘要：获取html标签并 查 增 删 改文本 [频繁的DOM操作可能会导致页面性能下降] 查html 法一·一一对应获取选择器 只可以获得 id选择器 ||元素选择器 || 类选择器[不够灵活不推荐，了解即可] document.getElementsByTagName('li'); document.g
阅读全文
摘要：用来访问对象的this 不可靠的外部变量名访问 let user = { name: "John", age: 30, sayHi() { alert(user.name); // "user" 外部变量名 } }; user.sayHi(); // TypeError: Cannot read p
阅读全文
摘要：初始化 useState 是React的一个钩子（Hook），用于在函数组件中添加状态。 currentTodoItem：当前输入框中的待办事项文本【字符串】。 todoList：待办事项列表，包含多个【数组】待办事项对象。 sortTodo 这个函数用于比较两个待办事项，并决定它们的顺序。如果两个
阅读全文
摘要：Markdown语法学习 使用#号，后接空格定义标题，几级标题就是几个#。 这是二级标题 这是三级标题 这是四级标题 段落之间使用一个空行分开，不需要段首缩进。 中文字符与英文、数字字符之间使用1个空格间隔，中文标点与英文、数字字符之间不需要space，就像刚刚那样。遇到英文名词时，尽量保持大小写，
阅读全文
摘要：js实现简单交互 js的外联引入 必须在body里&&你需要交互的元素下方 e.g. <body> <div id="box">演示1</div> <script src="./演示1.js"></script> </body> 实现点击交互 样例1 <!DOCTYPE html> <html la
阅读全文
摘要：记录学习 @搬砖界泰斗这只小狐狸 的静态QQ登陆页面源码，了解静态登陆页面如何书写&&拓宽自己对css的理解 Q1：用css调节子级元素位置时什么时候调节margin，什么时候调节padding？ A1：margin对外，padding对内 e.g.要实现一个这样的排版 有一个大大盒子fafathe
阅读全文
摘要：昨天想写一个登陆网站，但是怎么都实现不了图片里+表单，搜索发现需要css的伪类元素帮助，特意学习 常见的伪类元素 在CSS中，:before和:after 是伪元素，它们可以用于在指定元素的内容之前或之后插入内容。这两个伪元素非常强大，常用于装饰性元素或者清除浮动等。 关于:before 和 :af
阅读全文
摘要：记录flex属性并实现一个九宫格 flex属性 Flex 容器： 需要注意的是：当时设置 flex 布局之后，子元素的 float、clear、vertical-align 的属性将会失效 .container { display: flex; }//块状元素 .container { inline
阅读全文
摘要：·MARKDOWN从入门到入土 ·MARKDOWN是啥？ 一个写作时候专注于内容，定稿时集中处理格式的高级world文档！ 哈哈哈 ·为什么用MARKDOWN? 当然是因为它好用啦 选择Markdown取决于你的具体需求和使用场景。如果你更注重内容创作、版本控制和跨平台兼容性，Markdown可能是
阅读全文