ddf20050815-CSDN博客

转载跨域资源共享 CORS

CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。一、简介 CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。整个CORS通信过程，...

2017-08-24 17:48:00 70

转载 JS中的跨域问题

一、什么是跨域？ 1.定义：跨域是指从一个域名的网页去请求另一个域名的资源。比如从www.baidu.com 页面去请求 www.google.com 的资源。但是一般情况下不能这么做，它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。跨域的严格一点的定义是：只要协议，域名，端口有任何一个的不同，就被当作是跨域所谓同源是指，域名，协议，端口均相同。这里说...

2017-08-24 16:45:00 81

转载第五章与浏览者交互，表单标签

5.1 使用表单标签，与用户交互网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。语法： <form method="传送方式" action="服务器文件"> 讲解： 1.<form> ：<form>标签是成对出现的，以<fo...

2017-08-22 20:46:00 93

转载第四章认识标签（第三部分）

4.1 使用<a>标签，链接到另一个页面使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如： <a href="http://www.imooc.com" title=...

2017-08-22 20:26:00 85

转载第三章认识标签（第二部分）

3.1 使用ul，添加新闻信息列表在浏览网页时，你会发现网页上有很多信息的列表，如新闻列表、图片列表，如下图所示。新闻列表图片列表这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法： <ul> <li>信息</li> <li>信息</li> .....

2017-08-22 20:21:00 83

转载第二章认识标签（第一部分）

2.1语义化，让你的网页更好的被搜索引擎理解在这一章节我们要开始把网页中常用到的标签一一向大家介绍，学习这一章节的时候要记住学习html标签过程中，主要注意两个方面的学习：标签的用途、标签在浏览器中的默认样式。标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的...

2017-08-22 20:13:00 223

转载第一章 HTML介绍

1.1 Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： 1.HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2.CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改...

2017-08-22 20:03:00 103

转载 webpack入门指南-step03

一、webpack 的使用 webpack简单点来说就就是一个配置文件，所有的魔力都是在这一个文件中发生的。这个配置文件主要分为三大块 entry 入口文件让webpack用哪个文件作为项目的入口 output 出口让webpack把处理完成的文件放在哪里 module 模块要用什么不同的模块来处理各种类型的文件二、webpack 常用命令 webpack的...

2017-08-22 19:52:00 129

转载 webpack入门指南-step04

一、建立项目建一个文件夹，然后新建一个package.json的文件在项目根目录下如果你使用git管理你的这个项目的话，建议你新建一个.gitignore文件，不要让git提交一些node依赖的模块，你也可以参考github的例子https://github.com/github/gitignore/blob/master/Node.gitignore 我们这里就简单一...

2017-08-22 19:52:00 92

转载 webpack入门指南-step02

webpack 安装 1）安装前的准备：webpack是基于node环境的项目，所以使用前必须先安装node和npm。在安装 Webpack 前，你本地环境需要支持node.js。如果电脑没有装过node.js的话先安装Node.js, 可以去Node.js官网下载. 2）通过npm正式安装在Git或者cmd中输入下面这段代码, 通过全局模式先将webpack指令安装进电脑...

2017-08-22 19:51:00 81

转载 webpack入门指南-step01

一、webpack是什么？ web开发中常用到的静态资源主要有JavaScript、CSS、图片、Jade等文件，webpack中将静态资源文件称之为模块。webpack是一个模块打包工具（命令行工具），其可以兼容多种js书写规范，且可以处理模块间的依赖关系，具有更强大的js模块化的功能。官方网站中用下图清晰的描述了webpack采用不同的loader加载不同的资源文件，打包生成多个...

2017-08-22 19:50:00 109

转载前端开发知识点

一、HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级、 HTML5、CSS3、Flexbox 二、JavaScript：数据类型、运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、 DOM、BOM、内存泄漏、跨域、异步装载、模板引擎、前端MVC、路由...

2017-08-16 14:35:00 74

转载导航栏

1 <div class="navbar navbar-fixed-top"> 2 <div class="container"> 3  4 <div class="navbar-header"> 5 ...

2017-08-08 19:38:00 109

转载 CSS中水平居中设置的几种方式

1.行内元素：如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置text-align:center来实现的。 <body> <div class="txtCenter">我想要在父容器中水平居中显示。</div> </body> <style> .txtCenter{ ...

2017-08-06 16:27:00 194

转载 text-align与vertical-align属性的区别

1.text-align属性设置元素在水平方向（x轴）的位置 text-align：left；//文本居左 text-align：center；//文本居中 text-align：right； //文本居右 2.vertical-align属性设置元素的垂直方向（Y轴）对齐方式 vertical-align：top //顶部对齐 vertical-align：mi...

2017-08-06 16:17:00 625

转载后端编程语言PHP

2017-07-08 23:40:00 133

转载服务器基础知识

2017-07-08 21:41:00 99

转载 JS特效@缓动框架封装及应用

2017-07-01 16:10:00 70

ddf20050815的博客