Web前端
_leyilea
乾坤未定 你我皆为黑马!
展开
-
前后端分离 | token令牌 | JWT | CORS跨域资源共享 | RESTful
文章目录1,前后端分离1.1 什么是前后端分离1.2 优点1.3 分离常见问题1.4 实现方式2,token - 令牌学前须知:JWT - json-web-token1,三大组成2,jwt结果格式3,校验jwt规则4,pyjwt3, CORS - Cross-origin resource sharing - 跨域资源共享1,什么是CORS2,特点3,简单请求(Simple requests...原创 2019-09-24 18:11:13 · 1633 阅读 · 0 评论 -
AJAX - jquery对 ajax 的支持 | 跨域
文章目录jquery对 ajax 的支持1.$obj.load()2.$.get() 和 $.post()3. $.ajax()跨域1,什么是跨域2,解决方案3, jquery 的跨域jquery对 ajax 的支持1.$obj.load() 作用:载入远程的HTML文件到指定的元素中$obj.load(url,data,callback) $obj:显示响应内容的jq元素 u...原创 2019-09-23 20:19:27 · 155 阅读 · 0 评论 -
AJAX | 异步对象xhr(XMLHttpRequest) | AJAX的GET/POST请求 | JSON
文章目录AJAX什么是AJAXAJAX核心对象 - 异步对象(XMLHttpRequest)1.什么是XMLHttpRequest [简称为 xhr]2.创建 异步对象 (xhr)3.xhr 的成员AJAX的操作步骤1.GET请求2.POST请求JSON1.JSON介绍2.JSON表现1.JSON表示单个对象2.JSON表示一个数组3.使用 jq 的 each() 迭代数组4.后台处理JSON5...原创 2019-09-19 18:22:10 · 1071 阅读 · 0 评论 -
Vue【1】- vue指令 | v-text | v-html | v-bind | v-on | v-model | v-for和`key属性 | v-if v-show
文章目录Vue.js什么是Vue.js为什么要学习流行框架框架和库的区别Node(后端)中的 MVC 与 前端中的 MVVM 之间的区别Vue.js 基本代码 和 MVVM 之间的对应关系Vue之 - 基本的代码结构和插值表达式、v-cloakVue指令之 v-text 和 v-htmlVue指令之`v-bind`的三种用法Vue指令之v-on跑马灯效果事件修饰符:Vue指令之`v-model`和...原创 2019-10-12 14:55:26 · 406 阅读 · 0 评论 -
Web前端 | jQuery
文章目录jQuery简介1. 介绍2. 使用1)引入2)工厂函数 - $()3)原生JS对象与jQuery对象4)jQuery获取元素5)操作元素内容6)操作标签属性7)操作标签样式8)根据层级结构获取元素9)元素的创建,添加,删除10)动画11)jQuery事件处理3.实现下拉列表框的三级联动1. 页面效果2. 代码分析1. 页面元素2. 初始代码3. 绑定省份4. 绑定城市jQuery简介...原创 2019-08-29 17:45:13 · 218 阅读 · 1 评论 -
Web前端 | JavaScript | DOM对象
文章目录DOM节点操作1)节点对象2)常用节点分类3)获取元素节点4)操作元素内容5)操作元素属性6)操作元素样式DOM节点操作DOM全称为 “Document Object Model”,文档对象模型,提供操作HTML文档的方法。(注:每个html文件在浏览器中都视为一篇文档,操作文档实际就是操作页面元素。)1)节点对象JavaScript 会对 html 文档中的元素、属性、文本甚至注...原创 2019-08-28 11:53:40 · 186 阅读 · 0 评论 -
Web前端 | JavaScript | BOM对象
文章目录BOM 对象1. BOM 介绍2. window对象的方法1)网页弹框2)定时器方法3. window 对象的属性1)history2)location3)documentBOM 对象1. BOM 介绍BOM全称为“Browser Object Model”,浏览器对象模型。提供一系列操作浏览器的属性和方法。核心对象为window对象,不需要手动创建,跟随网页运行自动产生,直接使用...原创 2019-08-28 11:42:15 · 126 阅读 · 0 评论 -
Web前端 | JavaScript内置对象
文章目录内置对象1) 对象2) Array 数组1. 创建2. 特点3. 属性和方法4. 二维数组3)String 对象1. 创建2. 特点3. 属性4. 方法4) Math 对象1. 定义2. 属性3. 方法5)日期对象1. 创建日期对象2. 日期对象方法内置对象1) 对象对象是由属性和方法组成的,使用点语法访问var Hei = { name: 'aa', ...原创 2019-08-27 16:53:47 · 234 阅读 · 0 评论 -
Web前端 | JavaScript函数
函数1. 作用封装一段待执行的代码2. 语法 //函数声明 function 函数名(参数列表){ 函数体 return 返回值; } //函数调用 函数名(参数列表);3. 使用函数名自定义,见名知意,命名规范参照变量的命名规范。普通函数以小写字母开头,用于区分构造函数(构造函数使用大写字母开头,定义类)4. 匿名函数匿名函数:省略函数名的函...原创 2019-08-26 12:01:56 · 139 阅读 · 0 评论 -
Web前端 | JavaScript流程控制
文章目录流程控制1. 作用2. 分类1)顺序结构2)分支/选择结构1. if语句2. switch语句3)循环结构@扩展流程控制1. 作用控制代码的执行顺序2. 分类1)顺序结构从上到下依次执行代码语句2)分支/选择结构1. if语句简单if结构if(条件表达式){ 表达式成立时执行的代码段}注意 : 除零值以外,其他值都为真,以下条件为假值falseif(0){}i...原创 2019-08-26 10:47:37 · 290 阅读 · 0 评论 -
Web前端 | CSS文本属性
文章目录文本属性1. 字体相关1)设置字体大小2)设置字体粗细程度3)设置斜体4)设置字体名称5)字体属性简写2. 文本样式1)文本颜色2)文本装饰线3)文本内容的水平对齐方式4)行高文本属性1. 字体相关1)设置字体大小font-size:20px;2)设置字体粗细程度font-weight:normal;取值 :1. normal(默认值)等价于4002. bold ...原创 2019-08-22 15:43:04 · 358 阅读 · 0 评论 -
Web前端 | CSS背景属性
文章目录一、背景属性1. 背景颜色2. 背景图片相关1)设置背景图片2)设置背景图片的重复方式3)设置背景图片的显示位置4)设置背景图片的尺寸3. 背景属性简写二、文本属性1. 字体相关1)设置字体大小2)设置字体粗细程度3)设置斜体4)设置字体名称5)字体属性简写2. 文本样式1)文本颜色2)文本装饰线3)文本内容的水平对齐方式4)行高一、背景属性1. 背景颜色background-col...原创 2019-08-22 14:45:33 · 276 阅读 · 0 评论 -
Web前端 | CSS布局方式
文章目录布局方式1. 普通文档流2. 浮动布局1)属性2)取值3)特点4)常见问题5)解决(清除浮动)3. 定位布局1)属性2)取值3)偏移属性4)分类5)堆叠次序布局方式1. 普通文档流 默认布局方式,按照代码书写顺序及标签类型从上到下,从左到右依次显示。2. 浮动布局 主要用于设置块元素的水平排列1)属性float2)取值可取 left 或 right,设置...原创 2019-08-22 10:40:26 · 426 阅读 · 0 评论 -
Web前端 | CSS盒子模型
文章目录一、盒子模型1. 基础概念2. 外边距3. 边框1) 边框实现2) 单边框设置3) 网页三角标制作4) 圆角边框5) 轮廓线2. 内边距3. 盒阴影4. 盒模型概念5. 标签最终尺寸的计算5. 标签最终尺寸的计算一、盒子模型1. 基础概念 盒子模型分别由外边距、边框、内边距和标签内容组成。[外链图片转存失败(img-t8QHMoga-1566298152236)(assets\盒...原创 2019-08-21 11:42:45 · 686 阅读 · 0 评论 -
Web前端 | CSS基础
文章目录CSS 基础使用一、CSS介绍二、CSS使用方式1. 行内样式/内联样式(单一页面中使用)2. 内嵌样式(少量页面中使用)3. 外链样式表(项目中使用)三、 样式表特征1. 层叠性2. 继承性3. 样式表的优先级四、CSS 选择器1. 作用2. 分类 :1. 标签选择器2. id选择器3. class选择器/类选择器4. 群组选择器5. 后代选择器6. 子代选择器7. 伪类选择器3. 选择...原创 2019-08-20 11:42:46 · 873 阅读 · 0 评论 -
Web前端 | HTML
文章目录一、Web前端介绍1. 什么是网页2. 网页的组成3. 网页的优势4. 开发前的准备二、 HTML语法介绍1. HTML介绍2. 元素3. 使用三、常用标签介绍1. 基本结构解析2. body中常用标签3. 常用结构标签4. 标签分类5. 标签比较6. 标签间的转换6. 标签嵌套6. 标签嵌套一、Web前端介绍1. 什么是网页网页是基于浏览器的应用程序,是数据展示的载体.2. 网页...原创 2019-08-19 16:24:39 · 261 阅读 · 0 评论