- 博客(39)
- 收藏
- 关注
原创 前端基础-jsonp(ajax+php)
ajax跨域请求:1、首先在本地建立一个PHPStudy服务器2、在根目录下建立一个“php”文件夹3、文件夹里面建立一个p.php文件4、p.php内容:<?phpheader("Access-Control-Allow-Origin:*");//使用ajax原生请求需要写这一句话,表示此文件允许跨域请求$data = '{"name":"xiaoming"}'...
2019-05-12 11:01:17
306
原创 前端基础-less(全集)
初识less:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X...
2019-05-09 14:22:32
1141
原创 前端基础-vue(生命周期)
html部分:<!doctype html><html><head><meta charset="utf-8"><title>vue-生命周期</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script...
2019-05-06 13:24:49
970
原创 前端基础-vue(非父子组件通信)
html部分:<!doctype html><html><head><meta charset="utf-8"><title>vue-非父子间组件通信</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scri...
2019-05-06 13:18:23
281
原创 前端基础-vue(父子组件通信)
html部分:<!doctype html><html><head><meta charset="utf-8"><title>vue-父子间组件通信</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip...
2019-05-06 13:15:36
585
原创 前端基础-vue(基本组件)
html部分:<!doctype html><html><head><meta charset="utf-8"><title>vue组件</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>...
2019-05-04 11:37:22
412
原创 前端基础-vue(单选/复选)
html部分:<!doctype html><html><head><meta charset="utf-8"><title>vue单选双选</title><link href="../css/vue-6.css" type="text/css" rel="stylesheet"/><scri...
2019-05-04 11:34:40
1146
原创 前端基础-vue(购物车)
html部分:<!doctype html><html><head><meta charset="utf-8"><title>购物车示例</title><link href="../css/vue-shop.css" rel="stylesheet" type="text/css"/><scr...
2019-05-03 15:46:33
348
原创 前端基础-vue(条件循环)
HTML部分<!doctype html><html><head><meta charset="utf-8"><title>vue条件循环语句</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script&g...
2019-04-29 16:23:05
486
原创 前端基础-vue(样式改变)
html部分<!doctype html><html><head><meta charset="utf-8"><title>vue动态改变样式</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script&g...
2019-04-29 16:17:19
1366
原创 前端基础-vue(计算属性)
HTML部分<!doctype html><html><head><meta charset="utf-8"><title>vue计算属性</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>...
2019-04-29 16:06:51
434
原创 前端基础-vue(双向绑定)
html部分<!doctype html><html><head><meta charset="utf-8"><title>vue双向绑定</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>...
2019-04-29 16:02:07
338
原创 前端基础-vue(绑定事件)
html部分<!doctype html><html><head><meta charset="utf-8"><title>vue绑定事件</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>...
2019-04-29 15:57:30
373
原创 前端基础-ajax(访问api接口)
这里只粘贴了代码部分,如若不懂可以先看我的上一篇介绍ajax的文章<body><button id="button">获取GitHub api接口的数据</button><div id="gituser"></div><script> document.getElementById("button").addEv...
2019-04-28 13:46:17
3012
原创 前端基础-ajax(实现异步加载)
<button id="button">请求纯文本</button> <h1 id="h1">请求存文本</h1> <button id="button2">请求json单个用户</button> <h2 id="h2">请求json单个用户</h2> <butt...
2019-04-28 13:13:19
2377
原创 前端基础-前端框架(vue-第一节)
前端三大框架包括:Angular、React和Vue,这里推荐学习Vue框架为什么前端要用框架?先来看一下前端框架的特点:(1)基于组件化(2)都有强大的社区(3)有很多第三方库(4)对单页面应用友好(5)有浏览器插件debugging根本原因是(底层原因):保持UI和状态同步,因为js的逻辑很好实现,但操作dom元素的时候特别的麻烦,用前端框架的可以把UI层面的东西通过前端实现。...
2019-04-23 21:18:17
356
原创 前端基础-github入门教程(github)
学习github1、svn和git的区别:(1)svn是许多的个人的文件及代码通过(放到)svn的托管网站版本库(中央仓库)进行交互,如果没有网就无法访问中央仓库。(2)git是分布式版本控软件,每个人都有一个自己的版本库(中央仓库),版本库又有许多的分支(许多的版本库),默认主分支是master,本地仓库又称本地分支。每个人都可以将自己的代码放到自己的版本库当中。两个人之间通过互相推送版本...
2019-04-20 14:55:14
848
1
原创 前端基础-css3(3D小作品)
1、3D导航栏效果body{margin:0;padding:0;}.nav{height:40px;margin-top:50px;text-align:center;/设置字体居中/list-style:none;/去除ul的小点点/}li{margin-left:2px;/设置距左边的外边距为2px/width:120px;height:40px;line-h...
2019-04-13 11:07:15
335
原创 前端基础-css3(2D转换变形)
1、transformrotate缩放.div1 img{width:200px ;float:left;transition:all 3s;/设置过渡效果的名称为all,过渡的时长为3秒钟,鼠标移除后自动还原,时长3秒/}.div1:hover img{transform: rotateY(180deg);/设置移入时图片图片以X轴旋转180度,rotateY以Y轴旋转18...
2019-04-11 14:52:32
658
原创 前端基础-HTML5(绘图2)
图形的组合var cxt=document.getElementById(“mycanvas”);var c=cxt.getContext(“2d”);c.beginPath();//开始一个绘图//一个矩形,一下叫旧图c.rect(10,10,200,200)//设置一个矩形,在坐标10,10处创建一个200.200的矩形;c.fillStyle="#ff0000";//设置矩形的填...
2019-04-09 21:46:17
271
原创 前端基础-HTML5(表单元素)
1、form表单属性<fieldset>标签:组合表单中的相关元素,将表单内的相关元素分组。<legend>表单</legend>:给表单命名一个标题。2、input输入框的属性maxlength:设置文本的最大长度;request:表单的字段不能为空;autofocus:自动获得焦点;placeholder=“请输入姓名”:输入框中的提示语;...
2019-04-08 13:17:34
433
原创 前端基础-前端面试(HTML-2)
1、Label的作用是什么?是怎么用的?label标签来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单控件上。<label for=“Name”>Number: <input type=“text“name=“Name” id=“Name”/><label>Date:<input type=“text” name=“...
2019-04-07 14:27:07
9496
2
转载 前端基础-前端面试(HTML-1)
1、Doctype作用?严格模式与混杂模式如何区分?它们有何意义?声明位于位于HTML文档中的第一行,用来告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。2、HTML5 为什么只需要写 ?...
2019-04-07 13:29:40
632
原创 网络基础-TCP/IP协议
TCP/IP协议按照层次分为以下四层。应用层、传输层、网络层、数据链路层。1、IP协议IP 负责计算机之间的通信。IP 负责在因特网上发送和接收数据包。IP协议的作用在于把各种数据包准确无误的传递给对方,其中两个重要的条件是IP地址,和MAC地址,MAC地址是全球唯一的,IP地址就如同是我们居住小区的地址,而MAC地址就是我们住的那栋楼那个房间那个人。IP地址应用于OSI第三层,即...
2019-04-07 10:22:24
338
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人