03 2021 档案
Bootstrap4布局(简要)
摘要:什么是Bootstrap Bootstrap是目前最流行的一套前端开发框架,集成了HTML、CSS和JavaScript技术,为网页快速开发提供了包括布局、网格、表格、按钮、表单、导航、提示、分页等组件。 它的构成模块从大的方面可以分为页面布局、页面排版、通用样式、基本组件和jQuery插件等各部分 阅读全文
posted @ 2021-03-15 21:15 _STITCH 阅读(1038) 评论(0) 推荐(0)
jQuery实现论坛发帖Demo
摘要:效果展示 思路 主要知识点:运用jQuery对HTML元素节点的操作(append)来添加帖子。 交互设计:用户点击页面上的“论坛发帖”按钮,出现表单,填写表单后点击“发帖”按钮,jQuery获取表单内容,创建新的节点(头像随机)来合成一个“帖子”,最终插入到当前页面的结尾。 代码 完整代码如下: 阅读全文
posted @ 2021-03-15 17:59 _STITCH 阅读(908) 评论(0) 推荐(0)
jQuery学习
摘要:基础 基础语法 $(selector).action() 文档就绪事件 <script> $(document).ready(function(){ // 开始写 jQuery 代码... }); //简洁写法 $(function(){ // 开始写 JQuery 代码 }) </script> 阅读全文
posted @ 2021-03-14 23:19 _STITCH 阅读(60) 评论(0) 推荐(0)
JSON基础
摘要:什么是JSON JSON 是一种按照JavaScript对象语法的数据格式,由 Douglas Crockford 推广。虽然它是基于 JavaScript 语法,但它独立于JavaScript,这也是为什么许多程序环境能够读取(解读)和生成 JSON。 JSON可以作为一个对象或者字符串存在,前者 阅读全文
posted @ 2021-03-12 23:55 _STITCH 阅读(77) 评论(0) 推荐(0)
JavaScript基础学习之二
摘要:JavaScript HTML DOM事件 事件触发1 onload 和 onunload:onload 和 onunload 事件会在用户进入或离开页面时被触发。 onchange :onchange 事件常结合对输入字段的验证来使用。 <!--行内事件处理器--> <input type="te 阅读全文
posted @ 2021-03-11 22:29 _STITCH 阅读(128) 评论(0) 推荐(0)
JavaScript基础学习之一
摘要:let和var之间的区别 作用域不同 let仅在块级作用域内有效,而var全局有效。 例: var a = [] for(var i=0; i<10; i++){ a[i] = function(){ console.log(i); } } a[6]() 如果是var,上述输出10,如果是let则输 阅读全文
posted @ 2021-03-11 22:25 _STITCH 阅读(97) 评论(0) 推荐(0)
JS小实例之4*4调色板
摘要:写这个小栗子主要是因为在JS复习过程中,发现了一个事件对象的用法,即事件对象的target,在对多个对象进行相同的事件触发时可以用到。 该例子是一个4*4的表格,鼠标点击到哪部分就可以随机生成1个颜色填充小格子。 截图如下: 代码如下: <!DOCTYPE html> <html lang="en" 阅读全文
posted @ 2021-03-11 15:42 _STITCH 阅读(172) 评论(0) 推荐(0)
HTML5学习补充
摘要:HTML5学习补充 标签 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。 meta包含name和content两个属性,可以使用name="descripti 阅读全文
posted @ 2021-03-10 11:13 _STITCH 阅读(105) 评论(0) 推荐(0)