html
文章平均质量分 73
丿狴犴λ
这个作者很懒,什么都没留下…
展开
-
自学分享: 原生JavaScript--数据渲染输出星座列表
JavaScript小练习 数据渲染输出星座列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-09-15 23:42:25 · 171 阅读 · 0 评论 -
案例分享--NodeJs制作随机验证码
环境:Node.js需要引用的模块用cmd打开项目文件 执行语句: npm i svg-captcha使用方法在routes文件下的users.js中const captcha = require("svg-captcha")//1.引入的模块//获取验证码router.get("/getCaptcha", function (req, res ,next){ const cap = captcha.create({ size: 4 ,//长度 ignoreCh..原创 2021-10-21 22:16:43 · 2111 阅读 · 1 评论 -
HTTP状态码(精简版)
http状态码1 状态码1xx100 Continue:服务器仅接收到部分请求,但是一旦服务器并没有拒绝该请求,客户端应该继续发送其余的请求。101 Switching Protocols:服务器转换协议:服务器将遵从客户的请求转换到另外一种协议。102: 由WebDAV(RFC 2518):扩展的状态码,代表处理将被继续执行2 状态码2xx:成功200 OK:请求成功(其后是对GET和POST请求的应答文档。)201 Created:请求被创建完成,同时新的资源被创建。20原创 2021-10-19 08:53:08 · 187 阅读 · 0 评论 -
自学分享--jQuery的基本调用
jQuery的基本调用1、认识jQuery1.1理解1.2为什么还要学JQuery1.3引入方式1.4语法2.选择器2.1css选择器2.2自定义的选择器3.集合4、JS对象与jQuery对象5.jQuery链式写法6.DOM操作6.1节点的创建6.2插入节点6.3.删除节点6.4节点复制6.5文本操作6.6操作属性的方法6.7css处理6.8 class处理6.9元素大小6.10 元素位置1、认识jQuery1.1理解不是框架,而是一个JS的一个函数库,可以极大的简化JS的编程版本: 1.10.0原创 2021-10-06 17:04:14 · 1234 阅读 · 0 评论 -
自学分享: JavaScript -- dom的事件调用
DOM (document object Model)之事件调用1、事件1.1什么是事件?1.2事件类型1.3 事件处理程序2. 事件添加的方式2.2dom2级2.3事件流(概念:捕获优先执行)3. 事件对象3.1概念3.2 获取事件对象的方法3.3 常见事件对象属性3.4阻止事件冒泡3.5阻止默认行为(a标签的跳转,表单提交事件)4.事件委托(事件代理)难点4.1概念4.2好处4.3使用1、事件1.1什么是事件?当用户与web页面进行某些类型的交互时,事件就会发生。1.2事件类型鼠标cli原创 2021-09-16 23:10:46 · 248 阅读 · 0 评论 -
自学分享: JavaScript -- DOM 文档对象模型和基础调用方法
JavaScript之DOM1、DOM (document object Model)1.1概念1.2节点树2、节点2.1分类2.2获取元素节点的方法1、DOM (document object Model)1.1概念文档对象模型,通过一段程序动态的访问和更新文档的内容、机构和样式。静态网页动态网页在DOM中就是将一个文档看做出一个节点树。DOM就是提供一系列方法(API)对这些节点树进行增删改查1.2节点树2、节点2.1分类元素节点(标签)属性节点(标签上的属性)文本节点(标签原创 2021-09-13 09:07:35 · 170 阅读 · 0 评论 -
JavaScript 逻辑实训题(ATM逻辑处理)
@[TOC](JavaScript 逻辑实训题(ATM逻辑处理)) // 模拟数据:用户 var users = [ { card: '1001', pass: '1001', money: 100 }, { card: '1002', pass: '1002', money: 1000 }, { card: '1003', p原创 2021-09-12 21:26:56 · 148 阅读 · 0 评论 -
自学分享: JavaScript--数组的遍历方法和数组去重
数组的遍历方法和数组去重1.遍历方法forEach(function( item,index,array) {})map(function( item,index,array) {})filter(function(item,index,array){})find(function(item,index,array) {})every(function(item,index, array))some(function(item,index,array){数组去重1.遍历方法forEach(functio原创 2021-09-08 12:40:56 · 210 阅读 · 0 评论 -
JavaScript数组的调用方法
var colors =[‘blue’,‘green’,‘red’]console.log(colors.length) //展示当前数组存储数据的长度colors[1]='lalaal';//修改覆盖原值colors.length=8;//直接扩充 下标必须延续colors.push('didiidi');//在数组的末尾增加新元素colors.pop()//删除数组末尾元素colors.unshift('sssss') //在头部添加新的元素colors.shift()//头部原创 2021-09-06 10:07:25 · 1160 阅读 · 0 评论 -
JavaScript条件判断+循环
JavaScript条件判断+循环1、流程控制结构2、分支结构-条件判断2.1单分支2.2双分支2.3 多分支结构2.4多条件判断2.5嵌套if2.6 switch语句3、Date对象4、循环结构4.1 while循环4.2 do while循环4.3 for(重点)--也是先验证在循环4.4关键词1、流程控制结构顺序结构:逐行执行,这是最基本的流程。分支结构:代码执行到某一段的时候,会根据条件判断,有选择性的执行相关的任务。循环结构:根据条件、重复执行,当达到一定条件就会结束任务。2、分支原创 2021-09-03 12:47:51 · 460 阅读 · 0 评论 -
CSS制作动画
CSS-动画1.选择器2、过渡2.1 transition:3.变形(transform)4.IE怪异盒模型5.动画1.选择器:nth-child():nth-of-type(n)匹配同类型中的第n个同级兄弟元素属性选择器p[例:title]:u=选择有这个属性的标签;p[属性=‘值’]input:checked 选中被选中的 表单元素input:disabled 表示选中禁用 表单元素:empty 选择没有子元素的标签:not§ 选择除了P以外的所有标签:only-child选中只原创 2021-08-25 20:22:11 · 128 阅读 · 0 评论 -
css关于定位
css定位1.文档流2.定位3.定位分类3.1 relative(相对定位) 语法3.2 absolute3.3fixed3.4 z-index4. 居中5.布局、5.1左右两列布局5.2宽度不固定5.3三列布局6. 图标6.1 img6.2图片精灵 雪碧图(css sprite)6.字体图标1.文档流普通文档流 (块从上往下) (内联从左到右)浮动定位2.定位通过一个坐标点将元素定位在网页中的任意一个位置。3.定位分类*static :普通文档(无定位)*absolute:绝对定位*r原创 2021-08-25 19:35:31 · 52 阅读 · 0 评论 -
HTML5进阶
1.语义化标签1.1语义化的意义根据内容的结构,选择合适的标签,便于开发者阅读和机器阅读,写出更加优雅的代码,为浏览器的爬虫和机器进行更好的解析。1.2 HTML5新增了一些语义化标签header: 用于定义文档或者章节头部。nav: 用于定义导航连接部分footer: 用于定义文档或者章节的底部article:用于定义文档的文章(帖子、新闻、博客)section: 用于定义一个文档的章节 小的部分aside: 用于定义与当前页面文章无关的附属信息address:用于地址原创 2021-08-18 19:18:24 · 1037 阅读 · 0 评论 -
HTML基础梳理
HTML基础DOCTYPE:文档声明部分html语法常见的标签最常用:a 超文本标签图片绝对地址相对地址媒体其他标签的分类内联标签块标签标签嵌套规则DOCTYPE:文档声明部分html:网页的根标签,放在最外层,一个网页只会出现一次。lang:语言选择 语言类型 en’英语 zh‘中文head:网页头部 记录网站的一些相关信息 编码 网页当中打中文 title 标题body:网页主题内容。主要代码的编辑区域,用于展现内容html语法*所有标签都应包含在<>*大.原创 2021-08-17 19:38:42 · 53 阅读 · 0 评论