dianqiaocu5692-优快云博客

转载 Form表单------AJAX------Fetch

1.在Ajax之前最开始，浏览器发起请求的过程如下：用户输入网址/a标签/img标签等 --> 服务器返回html/css/js --> 用户接收后重新加载页面。上面的请求发起方式，要么会导致页面刷新（form表单提交也是如此），要么只能请求特定类型的文件（图片，css，或JS)。2.AJAX的到来AJAX的实质就是用JS发起一个请求，并得到服务器返回的内...

2017-04-07 19:37:00 145

转载 cookie、session、localStorage

1.cookiecookie一般有2个作用：识别用户身份（服务器知道是谁在访问）；记录用户关键操作历史（比如购物网站，记录用户将哪些商品加入了购物车）。cookie是存储在浏览器上的一小段数据（最大容量为4k，而且过大会影响传输效率）每次发送网络请求Request headers中都会带上cookie。cookie的参数：path:表示cookie影响到的路径...

2017-03-28 00:42:00 140

转载 flex布局

Flex之前，主要的布局方式：Normal flowFloat + clearPosition relative + absoluteDisplay inline-block负marginFlex布局特点：Flex之前的布局，块级侧重垂直方向、行内布局侧重水平方向，而flex布局是与方向无关的。flex布局可以实现空间自动分配、自动对齐。f...

2017-03-15 18:33:00 120

转载什么是MVC？和前后端分离有何关系？

最开始，MVC是后端的一种设计模式。绝大部分后端服务器，都做一件事情：接收用户发来的请求，返回一段响应内容。根据不同的url，Router调用不同的Controller来处理。Router的作用就是让每个URL都有一段代码来负责响应。Controller的作用包括：1，获取数据（从Model对象获取）2，获取HTML内容3，将数据填入HTML（这个就是V...

2016-12-05 14:22:00 1597

转载 localStorage cache

工作中，为了按时完成项目，都是碰到问题一一解决，没有系统的进行过学习和总结。这也是正常的，毕竟，工作是必须要先完成的。可是，系统的学习也很重要，今天就把localStorage cache 总结一下，以后再遇到这些问题，也知道如何查资料解决。localStorage首先呢，这个是H5才有的。通过localStorage可以将数据存储在客户端（localstorage stor...

2016-11-29 14:51:00 418

转载 webpack的学习过程

公司里的项目，都用webpack了，上周忙于完成业务逻辑的实现，对webpack只是有个大概的印象。这周终于有时间来好好学习总结一番了。一般情况下学习新的东西，我喜欢去知乎去了解这个技术是用来做什么的、为何项目里需要用这个技术，然后再去官网学习。不过对于webpack，知乎和官网上都看的一头雾水。下面的3个链接，算是我找到的比较好的入门文章了。跟着教程敲了几遍代码，今天就把知识点...

2016-11-24 15:17:00 123

转载 npm install --save/--save-dev的区别

官方文档只是简单的说：--save: Package will appear in your dependencies.--save-dev: Package will appear in your devDependencies.真正的区别是：--save-dev:dev指的是development：This is useful when installing d...

2016-11-23 10:17:00 101

转载 .gitignore常见问题

git作为一个工具，用的熟练，确实可以大大提高工作效率，但如果不熟，就会遇到各种奇奇怪怪的问题上周公司的一个项目，由于.gitignore配置问题，每次commit，都会提示系统文件需要git add，即使往.gitignore里进行添加，也不起作用。/*.gitigonre文件 */env/*.pycnode_modules//logs//staticfil...

2016-11-22 14:40:00 78

转载 jQuery的优点与缺点

工具是用来解决“人类”的问题的，而不是机器的问题：用jQuery可以很方便的使用JavaScript。具体而言，jQuery有如下优势：1，提供了用css选择符来选择dom元素的api（现在已经被浏览器内置支持）2，提供了浏览器的检测api3，提供了兼容的功能性api4，提供了DOM的批处理操作（批处理思想永远都不会过时）5，提供了dom操作的链式操作6，提供了插件机制（代码复用...

2016-05-09 21:16:00 254

转载 JSONP是什么

JSONP(JSON with padding)：」1. JSONP是通过 script 标签加载数据的方式去获取数据当做 JS 代码来执行2. 提前在页面上声明一个函数，函数名通过接口传参的方式传给后台，后台解析到函数名后在原始数据上「包裹」这个函数名，发送给前端。换句话说，JSONP 需要对应接口的后端的配合才能实现。When you place an AJAX r...

2016-05-04 21:24:00 79

转载常用的Chrome f12 调试

　　Chrome调试窗口有9个标签：工作中常用的几个：Elements, Console, Sources, NetWork, ApplicationElementsElements 中，可以查看并且编辑页面元素，在左侧可以点选某一个元素，该元素会在页面上高亮，同时在右侧显示该元素的所有样式。ConsoleConsole...

2016-04-27 20:09:00 367

转载为什么要用Ajax

在 AJAX 被发明之前，浏览器是怎么发起请求的？地址栏。用户在地址栏输入http://baidu.com，按回车，就向http://baidu.com发起了一个请求。（同时页面刷新）a 标签。用户点击页面中的 a 链接，也会发起一个请求。（同时页面刷新）img 标签。页面中如果有 img 标签，那么就会发起一个对此图片的请求（页面没有刷新，但是只能请求图片）类似...

2016-04-26 23:06:00 124

转载 Event Listeners

Event ListenersThe addEventListener() method attaches an event handler to an element without overwriting existing event handlers.You can add many event handlers to one element.You can add many ...

2016-04-18 11:30:00 333

转载 Handling Events

Handling EventsThere are several ways to handle events, including the following.Write the code directly into the HTML. <button onclick="alert('This is an alert');"> Click Me</button&g...

2016-04-18 11:28:00 101

转载 DOM Events

DOM EventsHTML DOM allows JavaScript to react to HTML events. A JavaScript can be executed when an event occurs, such as when a user clicks on an HTML element.This list shows just a few examp...

2016-04-18 11:26:00 97

转载 Form Tags

Fieldset and legend tagsfieldset: grouping form fields.legend: specify a title for each fieldset.<form action="#" method="POST"> <fieldset> <legend>Con...

2016-04-15 22:45:00 103

转载 HTML elements 分类别介绍

The HTML elements below are grouped by function.1.Basic elementsBasic elements are the backbone of any HTML documents.<html>2.Document metadataMetadata contains information about the page. ...

2016-04-14 14:28:00 253

转载行内元素、块级元素、空元素各有哪些？

行内元素：a, b, span, img, input, strong, select, label, em, button, textarea块级元素：div, ul, li, dl, dt, dd, p, h1-h6, blockquote空元素：br, meta, hr, link, input, img转载于:https://www.cnblo...

2016-04-13 22:43:00 169

转载 null 和 undefined的区别

null: 没有对象，转化为数字时为0。undefined: 有对象，还没初始化，转化为数字是NaN。转载于:https://www.cnblogs.com/guojunru/p/5389115.html

2016-04-13 22:40:00 119

转载 prototype & constructor

Examples: Displaying the constructor of an objectThe following example creates a prototype, Tree, and an object of that type. The examplethen displays the constructor property for the object t...

2016-04-12 13:58:00 96

转载 What is the DOM?

What is the DOM?When a web page is loaded, the browser creates a Document Object Model(DOM) of the page.The DOM defines the logical structure of the page.The HTML DOM is a standard for how to g...

2016-04-11 14:19:00 162

转载 Code Guide (CSS)

Golden ruleEvery line of code should appear to be written by a single person, no matter the number of contributors.1.SyntaxUse soft tabs with two spaces—they're the only way to guarantee ...

2016-04-10 11:38:00 123

转载 Code Guide (HTML)

Golden ruleEvery line of code should appear to be written by a single person, no matter the number of contributors.1.SyntaxUse soft tabs with two spaces—they're the only way to guarantee ...

2016-04-10 11:05:00 167

转载为何Math没有构造函数，而String, Array，Date有？

创建object时，可以用object literal方法来创建一个对象，也可以通过constructor（关键词function）来创建object type，再通过关键词new，结合不同的arguments来创建很多个对象。String:一般通过literal方法来创建。常用属性：length；常用方法：charAt(), concat(), indexof(), toUpper...

2016-04-09 22:59:00 248

转载 var, function, object, parameter怎么理解？

var是用来存放data value的（container）。data type包括number, string, array, math, date等(其中string, array, math, date都是object)。function是a block of code，优势：通过不同的arguments（和parameters一个意思）来实现code reuse。obje...

2016-04-09 22:41:00 175

转载文档流的概念、定位的理解

文档流的概念：CSS元素要么in normal flow, 要么out of normal flow。Normal flow就是盒子flow down the page，默认的static position; out of normal flow包括position absolute/position relative/position fixed/float。不同的定位有什么区别呢...

2016-04-08 22:30:00 206

转载 overflow:hidden为何能清除浮动？

设置float之后，比如在一个容器里，一个图片后面有一段文字，图片设置了float。会有3个变化：1、被float的元素会脱离标准文档流。(如果float的是inline element，会变成float-box)。shift to the left or right,到包含他的盒子边缘或者其他float元素边缘。2、段落会上移。3、段落内容会shorten来适应float...

2016-04-08 22:27:00 326

dianqiaocu5692的博客