- 博客(17)
- 收藏
- 关注
RSS订阅原创 cookie、sessionStorage和localStorage的区别
cookie、sessionStorage和localStorage的区别
2022-06-30 23:34:58
124
原创 JS中创建数组的方式
创建数组的方法有三种：1:利用new Array 创建: var arr = new Array(); arr[0] = "a"; arr[1] = "b"; arr[2] = "c";2: 简洁方式: var arr = new Array("a","b","c");3: 字面量创建: var arr = ["a","b","c"];
2022-05-30 21:23:27
5050
1
原创 HTML5 新特性
1、拖拽释放（Drap and drop）API ondrop拖拽释放是一种常见特性，即抓取对象以后拖到另一个位置在HTML5中，拖放是标准的一部分，任何元素都能够拖放。2、自定义属性 data-id3、语义化更好的内容标签（header,nav,footer,aside,arcitl,section）4、音频，视频（audio,video）如果浏览器不支持播放怎么办？在属性中添加autoplay5、画布Canvas1. getContext()方法返回一个用于在画布上绘图的环境,g
2022-05-22 23:02:21
170
原创 Vue 组件的三大组成结构
// 1 结构<template> <div> <div class="test-box"> <h3>这是用户自定义的 Test.vue --- {{ username }}</h3> <button @click="chagneName">修改用户名</button> </div> <div>123</div> </d.
2022-05-01 23:07:20
366
原创 node 常用 npm 命令
npm init -ypackage.json 包管理配置文件 （用来记录与项目有关的一些配置信息）npm install一次性安装所有的依赖包npm i 包的名字 核心依赖包安装所需要的依赖包会被记录到devpendencies节点下npm i 包名 -g 全局安装指定的包npm i 包的名字 -D 开发依赖包会被记录到devDependencies节点下npm uninstall 包的名字来卸载指定的包, 自动从pa...
2022-05-01 23:04:08
520
原创 axios.get axios.post 发起请求
<body> <button id="btnGET">GET</button> <button id="btnPOST">POST</button> <script src="./lib/axios.js"></script> <script> document.querySelector('#btnGET').addEventListener('click', async functi.
2022-05-01 23:00:59
184
原创 浏览器最常见的控制台方法
最常见的控制台方法：console.log() – 打印内容的通用方法。console.info() – 打印资讯类说明信息。console.debug() – 在控制台打印一条 "debug" 级别的消息。console.warn() – 打印一个警告信息。console.error() – 打印一条错误信息。console.clear() 用于清除控制台信息...
2022-05-01 22:55:53
729
原创 CSS3 animation 动画属性
@keyframes规定动画animation 所有动画属性的简写属性，除了animation-play-state属性。animation-name 动画的名称 （必须的）animation-duration 完成一共用的时间，默认是0s （必须的）animation-timing-function 速度曲线，默认 ease 步长 steps（）...
2022-05-01 22:53:10
623
原创 CSS3 transition 过渡属性
transition： 要过渡的属性 花费时间 运动曲线 何时开始；transition： property duration timing-function delay ;transition： all 1s ease 0s ;属性： 想要变化的css属性，宽度高度背景颜色内外边...
2022-05-01 22:50:09
202
原创 CSS BFC 块格式化上下文
BFC 块格式化上下文是web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素的交互区域创建BFC 方法: 1. html标签是BFC盒子 2. 浮动元素是BFC盒子 3. 行内块元素是BFC盒子 4. overflow属性取值不为visible，如：auto,hidden...BFC 盒子特点...
2022-05-01 22:48:48
66
原创 CSS 块元素 行内元素属性
块元素 display :block 独占一行 宽度是默认父元素的宽度，高度默认由内容撑开 可以设置宽高 是一个盒子，可以放行内元素和块元素 div p h1-h6 ul li ol dl dt dd form header nav footer...行内元素 display :inline...
2022-05-01 22:47:09
227
原创 JavaScript switch循环 简易ATM案例
<script> var balance = 100; while (true) { var way = prompt('请输入您要的操作：\n1.存钱\n2.取钱\n3.显示余额\n4.退出') switch (way) { case '1': var str1 = prompt('请输入你要存入的金额：'); balance += parseFloat(str1); alert('您的余额是...
2022-04-27 22:00:47
1069
1
原创 JavaScript 基础留言案例
<body> <textarea name="" id=""></textarea> <button id="btn">发布留言</button> <ul></ul> <script> // 获取元素 var btn = document.querySelector('button'); var text = docume.
2022-04-27 21:44:38
79
1
原创 按钮开关灯 基础DOM操作
<body> <input type="button" value="按钮开关灯"> <script> var button = document.querySelector('input'); var bodyo = document.body; var flag = 0; button.onclick = function() { if(flag === 0.
2022-04-27 21:38:14
254
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人