阿里前端Vue
摘要：具备三剑客的基础，vue是渐进式的框架。 安装：cdn Vue基础语法 组件化开发 Vue CLI脚手架 Vue router路由 Vue 详解 Vuex 网络封装 项目实战 项目部署 git https://learn-anything.cn/git-github node https://lea
阅读全文
posted @
2022-04-11 10:17
cookie的笔记簿
阅读(127)
推荐(0) 编辑
JavaScript高级程序设计——第五章 引用类型
摘要：JavaScript高级程序设计（红宝书） 第五章 引用类型 对象 数组 基本的JavaScript类型 基本类型和基本包装类型 引用类型的值/对象是引用类型的一个实例。 object类型 创建实例：两种方式； var person = new Object(); person.name = "na
阅读全文
posted @
2022-04-08 19:39
cookie的笔记簿
阅读(42)
推荐(0) 编辑
JavaScript高级程序设计——第四章 变量、作用域和内存问题
摘要：JavaScript高级程序设计（红宝书） 第四章 变量、作用域和内存问题 按值访问的基本数据类型：undefined、null、boolean、number、string。 引用类型：值是保存在内存中的对象。 定义方式类似：创建一个变量并为该变量赋值。 引用类型的值，可以添加属性和方法，也可以改变
阅读全文
posted @
2022-04-07 10:46
cookie的笔记簿
阅读(42)
推荐(0) 编辑
Vue（一）
摘要：Vue 是什么 Vue.js是前的主流框架之一，和Angular.js、React.js一起，并称为前端三大主流框架。 是一套构建用户界面的框架。 为什么 让用户不再操作DOM元素； 什么是DOM？文档对象模型（Document Object Model），HTML文档解析成树形结构；在操作过程中，
阅读全文
posted @
2022-04-03 15:56
cookie的笔记簿
阅读(43)
推荐(0) 编辑
Ajax的使用
摘要：Ajax的使用 注册界面案例详解 实现Ajax主要的类是XMLHttpRequest，四个步骤： 1、创建XMLHttpRequest对象 2、准备发送网络请 3、开始发送网络请求 4、指定回调函数 当前端界面需要从服务器获取数据的时候，其实就只要访问一个u地址，制定特定的参数即可。 模拟了页面的跳
阅读全文
posted @
2022-03-29 20:08
cookie的笔记簿
阅读(31)
推荐(0) 编辑
Ajax（一）
摘要：Ajax https://edu.aliyun.com/course/1747 局部 异步 刷新。Asynchronous Javascript And XML（异步JavaScript和XML），是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 传统的网页（不使用Ajax）如果需要更
阅读全文
posted @
2022-03-25 15:45
cookie的笔记簿
阅读(25)
推荐(0) 编辑
阿里云JavaScript
摘要：JS https://edu.aliyun.com/course/1724 https://www.w3school.com.cn/js/js_intro.asp JavaScript 能够改变 HTML 内容 JavaScript 能够改变 HTML 属性 <p>JavaScript 能够改变 H
阅读全文
posted @
2022-03-11 09:57
cookie的笔记簿
阅读(50)
推荐(0) 编辑
阿里前端CSS下
摘要：标准文档流 浮动 浮动案例 清除浮动 1.给父元素添加高度 2.使用清除浮动的样式属性 clear:left; 空白的div，任务是清除浮动； 3.overflow:hidden; 盒子模型 width,padding,margin,border padding margin margin塌陷现象
阅读全文
posted @
2022-03-08 14:52
cookie的笔记簿
阅读(26)
推荐(0) 编辑
阿里前端CSS上
摘要：阿里前端 https://edu.aliyun.com/roadmap/frontend?accounttraceid=89df5d6f3ecd4543a9137ea1e380c407iwxs CSS代码的书写方式 总结： 使用嵌入式的方法来书写CSS代码，它只能作用于当前的HTML文件 使用外链式
阅读全文
posted @
2022-03-07 13:06
cookie的笔记簿
阅读(59)
推荐(0) 编辑
CSS过渡效果
摘要：CSS过渡效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht
阅读全文
posted @
2022-02-13 11:12
cookie的笔记簿
阅读(170)
推荐(0) 编辑
子盒子宽度永远比父盒子小30像素
摘要：子盒子宽度永远比父盒子小30像素 calc(100% - 30px) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i
阅读全文
posted @
2022-02-13 10:56
cookie的笔记簿
阅读(88)
推荐(0) 编辑
显示隐藏的遮罩层+图片模糊处理
摘要：显示隐藏的遮罩层 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link r
阅读全文
posted @
2022-02-12 10:16
cookie的笔记簿
阅读(60)
推荐(0) 编辑
CSS3新增选择器——属性选择器+结构伪类选择器
摘要：属性选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel=
阅读全文
posted @
2022-02-11 10:12
cookie的笔记簿
阅读(67)
推荐(0) 编辑
CSS三角
摘要：CSS三角 .box1 { width: 0; height: 0; /* border: 10px solid pink; */ border-top: 10px solid pink; border-right: 10px solid red; border-bottom: 10px solid
阅读全文
posted @
2022-02-09 11:00
cookie的笔记簿
阅读(48)
推荐(0) 编辑
字体图标的使用
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
posted @
2022-02-09 10:14
cookie的笔记簿
阅读(35)
推荐(0) 编辑
精灵图！
摘要：精灵图 用ps测量的像素值才对得上。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
阅读全文
posted @
2022-02-07 11:14
cookie的笔记簿
阅读(42)
推荐(0) 编辑
隐藏层
摘要：隐藏层 <title>仿土豆网显示隐藏遮罩案例</title> <style> .tudou { position: relative; width: 444px; height: 320px; background-color: pink; margin: 30px auto; } .tudou
阅读全文
posted @
2022-02-07 10:42
cookie的笔记簿
阅读(33)
推荐(0) 编辑
定位的特殊性
摘要：浮动是用来做文字环绕的 <style> .box { /* 1.浮动的元素不会压住下面标准流的文字 */ float: left; /* 2. 绝对定位（固定定位） 会压住下面标准流所有的内容。 */ width: 150px; height: 150px; background-color: pi
阅读全文
posted @
2022-02-07 10:39
cookie的笔记簿
阅读(46)
推荐(0) 编辑
相对定位+绝对定位+固定定位+粘性定位
摘要：相对定位 <title>相对定位</title> <style> .box1 { position: relative; top: 100px; left: 100px; width: 200px; height: 200px; background-color: pink; } .box2 { w
阅读全文
posted @
2022-02-06 16:27
cookie的笔记簿
阅读(60)
推荐(0) 编辑
