ZJia_X-CSDN博客

原创 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 164

原创 VUE基础学习笔记——05路由

一、路由的基本概念与原理 1、后端路由后端路由根据不同的URL地址分发不同的资源概念：根据不同的用户 URL 请求，返回不同的内容本质：URL 请求地址与服务器资源之间的对应关系 2、SPA（Single Page Application）后端渲染（存在性能问题） Ajax 前端渲染（提高性能，但是不支持浏览器的前进后退操作） SPA单页面应用程序：网站只有一个页面，内容的变化通过Ajax局部更新实现、同时支持浏览器地址栏的前进和后退操作 SPA实现原理之一：基于URL地址的hash（has

2020-10-12 09:30:32 180

原创 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 形式的 URL HTTP请

2020-10-09 13:55:08 2116

原创 VUE基础学习笔记——03组件化开发

一、组件化开发思想 1、组件化规范：Web Components 2、组件注册 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 165 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 145

原创 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 182

原创 HTML+CSS 学习笔记五：CSS常用属性

1. visibility 属性规定元素是否可见。即使不可见的元素也会占据页面上的空间。请使用 “display” 属性来创建不占据页面空间的不可见元素。值描述 visible 默认值，元素是可见的 hidden 元素是不可见的 p { visibility:hidden; } 2. cursor 属性规定要显示的光标的类型（形状） <spa...

2020-09-08 09:40:51 144

原创初次做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 235

原创 HTML+CSS 学习笔记四：块元素和内联元素

大多数 HTML 元素被定义为块级元素或内联元素块级元素在浏览器显示时独占一行，能改变宽度和高度内联元素在显示时不独占一行，往后排，不能设置宽高内联-块级元素在显示时不独占一行，但是能设置宽高相互转换 isplay: none; /*隐藏标签*/ display: inline /*转成内联标签*/ display: block /*转成块级标签...

2020-05-02 20:34:24 145

原创 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 148

原创 HTML+CSS 学习笔记二：常用标签

1.图像img标签 img 元素向网页中嵌入一幅图像。 img 标签并不会在网页中插入图像，而是从网页上链接图像。 img标签创建的是被引用图像的占位空间。 <img src="路径" alt="替代文本" title="鼠标悬停时的显示文字" /> 绝对 URL - 指向其他站点（比如 src=“http://www.example.com/”）相对 URL - 指向站点内的文件...

2020-02-25 21:53:24 640

原创 HTML+CSS 学习笔记一：基础结构框架

//整个文档// <!DOCTYPE HTML> <html> //文档的头部// <head> 1.<meta charset="UTF-8"> //charset 属性规定 HTML 文档的字符编码// 2.//name属性规定元数据的名称// //name 属性规定 content 属性的信息/值的名称// a...

2020-02-22 23:48:05 144

ZJia_X的博客