- 博客(12)
- 收藏
- 关注
RSS订阅原创 Ajax基础学习笔记
一、Ajax运行原理Ajax 相当于浏览器发送请求与接收响应的代理人，以实现在不影响用户浏览页面的情况下，局部更新页面数据，从而提高用户体验。二、实现步骤//1.创建Ajax对象var xhr = new XMLHttpRequest();//2.告诉Ajax请求地址以及请求方式xhr.open('get','http://www.baidu.com');//3.发送请求xhr.send();//4.获取服务器端给予客户端的响应数据xhr.onload = function(){
2020-11-13 17:35:06
212
原创 VUE基础学习笔记——05路由
一、路由的基本概念与原理1、后端路由后端路由 根据不同的URL地址分发不同的资源概念：根据不同的用户 URL 请求，返回不同的内容本质：URL 请求地址与服务器资源之间的对应关系2、SPA（Single Page Application）后端渲染（存在性能问题）Ajax 前端渲染（提高性能，但是不支持浏览器的前进后退操作）SPA单页面应用程序：网站只有一个页面，内容的变化通过Ajax局部更新实现、同时支持浏览器地址栏的前进和后退操作SPA实现原理之一：基于URL地址的hash（has
2020-10-12 09:30:32
206
原创 VUE基础学习笔记——04前后端交互
一、URL 地址格式1、传统形式的 URL格式：schema://host:port/path?query#fragment(1) schema：协议（http、https、ftp等）(2) host：域名或IP地址(3) port：端口，http 默认端口80，可以省略(4) path：路径(5) query：查询参数。例如 uname=lisi&age=12(6) fragment：锚点（哈希Hash）用于定位页面的某个位置2、Restful 形式的 URLHTTP请
2020-10-09 13:55:08
2128
原创 VUE基础学习笔记——03组件化开发
一、组件化开发思想1、组件化规范：Web Components2、组件注册vue.js官网/教程/组件基础vue.js官网/教程/深入了解组件2.1、全局组件注册语法Vue.component(组件名称，{ data: 组件数据 template: 组件模板内容})//定义一个名为 button-counter 的新组件Vue.component('button-counter',{ data: function(){ return{ count: 0 } },
2020-10-05 20:09:24
235
2
原创 VUE基础学习笔记——02常用特性
一、表单操作1、基于Vue的表单操作input 单行文本textarea 多行文本select 下拉多选radio 单选框checkbox 多选框<div id="app"> <form> <div> <input type="radio" id="male" value="1" v-model="gender"> <label for="male">nan</label> <input
2020-09-20 19:06:34
156
原创 VUE基础学习笔记——01模板语法
VUE基本使用1.传统开发模式对比原生JS<div id="msg"><div><script type="text/javascript"> var msg='hello world'; var div=document.getElementById('msg'); div.innerHTML=msg;</script>jQuery<div id="msg"></div><script type="tex
2020-09-12 16:27:50
206
原创 HTML+CSS 学习笔记五：CSS常用属性
1. visibility 属性规定元素是否可见。即使不可见的元素也会占据页面上的空间。请使用 “display” 属性来创建不占据页面空间的不可见元素。值描述visible默认值，元素是可见的hidden元素是不可见的p { visibility:hidden; }2. cursor 属性规定要显示的光标的类型（形状）<spa...
2020-09-08 09:40:51
167
原创 初次做Ajax实例-登录，出现错误415Unsupported Media Type
Accept: application/json,Content-Type: aplication/x ww form-urlencoded;解决方法：在ajax中增添代码contentType:‘application/json’data:JSON.stringify()
2020-05-05 14:55:50
242
原创 HTML+CSS 学习笔记四：块元素和内联元素
大多数 HTML 元素被定义为块级元素或内联元素块级元素在浏览器显示时独占一行，能改变宽度和高度内联元素在显示时不独占一行，往后排，不能设置宽高内联-块级元素在显示时不独占一行，但是能设置宽高相互转换isplay: none; /*隐藏标签*/display: inline /*转成内联标签*/display: block /*转成块级标签...
2020-05-02 20:34:24
150
原创 HTML+CSS 学习笔记三：CSS选择器
1. 通用选择器*{ 声明 }2. 标签选择器div{ 声明 }span{ 声明 }p{ 声明 }3. 类/class 选择器.center{ text-align:center;}<h1 class="center">标题居中</h1>4. id选择器#center{ text-align:center;} <p id="ce...
2020-02-26 22:44:11
161
原创 HTML+CSS 学习笔记二：常用标签
1.图像img标签img 元素向网页中嵌入一幅图像。img 标签并不会在网页中插入图像，而是从网页上链接图像。img标签创建的是被引用图像的占位空间。<img src="路径" alt="替代文本" title="鼠标悬停时的显示文字" />绝对 URL - 指向其他站点（比如 src=“http://www.example.com/”）相对 URL - 指向站点内的文件...
2020-02-25 21:53:24
685
原创 HTML+CSS 学习笔记一：基础结构框架
//整个文档//<!DOCTYPE HTML><html>//文档的头部//<head> 1.<meta charset="UTF-8"> //charset 属性规定 HTML 文档的字符编码// 2.//name属性规定元数据的名称// //name 属性规定 content 属性的信息/值的名称// a...
2020-02-22 23:48:05
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人