从MVC到MVVM(为什么要用vue)

2018-11-11
阅读 17 分钟
7.7k
axios 功能类似于jQuery.ajax。 {代码...} 比jQuery.ajax功能更多 除了ajax功能之外没有其他功能(更庄专注) ajax操作使用axios,dom操作使用vue,从此可以不使用jquery Mock 使用axios模拟后台请求与响应就是Mock,也有专门的Moc库例如:[链接] 生成随机数据,拦截 Ajax 请求 使用axios和jQuery完成简单的前后台交互(...

CSS8:到底什么是BFC?

2018-11-04
阅读 4 分钟
3.6k
浮动,绝对定位元素,非块盒的块容器(例如,inline-blocks,table-cells和table-captions)和'overflow'不为'visible'的块盒会为它们的内容建立一个新的块格式化上下文

CSS 7:网页布局(传统布局,flex布局,布局套路)

2018-11-03
阅读 11 分钟
6.8k
width: 1000px; //或 max-width: 1000px;margin-left: auto;margin-right: auto;演示地址范例

CSS6:flex布局

2018-11-02
阅读 3 分钟
5.7k
前言:这是我看过最好的flex布局教程:30分钟彻底弄懂flex布局 传统的布局方法与flex属性通览 文档流:块级元素独占一行,从上往下排列,行级元素从左往右排列。 display inline-block主要用来做横向的布局。用分离负maigin用来产生位移。 元素的布局 学习flex我分成两个部分,第一个部分是元素布局。以下几个属性影响着...

webpack@3简单使用

2018-10-25
阅读 5 分钟
2.5k
这篇博客用的是webpack3的版本,作为入门理解学习非原创,只为学习记录。博客大部分内容引用来源如下: 作者:夕阳链接:[链接]来源:掘金著作权归作者所有。 如果侵权,立即删除! 前端为什么需要工程化工具? 语言多 变化快 webpack横空出世。 webpack:从入门到真实项目配置(注意文中作者配置的是webpack@3)————掘...

前端工程化

2018-10-24
阅读 3 分钟
2.5k
所谓前段工程自动化就是:由于前端分裂,有人写css代码,有人写scss,有人写es5,有人写es6,那么就需要翻译工具(命令行工具)翻译成ie或其他所有浏览器能运行的代码版本。

使用NPM

2018-10-23
阅读 5 分钟
3.1k
为了避免造轮子,我们有时候会用到其他人的劳动成果,比如一些优秀的框架,比如Express,我们直接使用NPM下载下来就可以用了,降低开发成本和时间。

HTTP缓存(Cache-Control、Expires 、ETag)

2018-10-16
阅读 3 分钟
11.6k
假设我们首页有一个请求,请求js文件<script src="./main.js"></script>如何让CSS和JS请求速度加快?

Cookie与Session、LocalStorage与Sessionstorage 对比

2018-10-15
阅读 1 分钟
2.4k
第一次创建Session的时候,服务端会在HTTP协议中告诉客户端,需要在 Cookie 里面记录一个Session ID,以后每次请求把这个会话ID发送到服务器,就可以依据此来识别不同客户端了。

LocalStorage、SessionStorage

2018-10-15
阅读 2 分钟
5.1k
localStorage是html5技术提供的API,html5中新增加的标签,技术(包括promise,localStorage等),统称为html5

Session

2018-10-15
阅读 2 分钟
5k
由于HTTP协议是无状态的协议,所以服务端需要记录用户的状态时,就需要用某种机制来识具体的用户,这个机制就是Session。典型的场景比如购物车,当你点击下单按钮时,由于HTTP协议无状态,所以并不知道是哪个用户操作的,所以服务端要为特定的用户创建了特定的Session,用用于标识这个用户,并且跟踪用户,这样才知道购...

以登录注册理解Cookie的作用过程

2018-10-01
阅读 6 分钟
9.6k
这篇文章是前一篇文章(Cookie理论知识)的实践性理解 完整代码: 完整代码 Cookie在注册登录时的作用过程: 注册 注册时把账号密码写入数据库 登录 第一次登录时服务器给浏览器发送Cookie. 后台的登录路由代码(nodejs): {代码...} 在登录成功的一瞬间,需要后台设置一个Cookie,记录一下登陆的用户id(这里用邮箱表示,代码在...

虚拟DOM

2018-09-28
阅读 6 分钟
3.4k
DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容)。DOM就是将网页转化为一个对象并提供操作这个对象接口(即操作这个对象的方法),所以可以通过DOM对网页中的元素进行操作。如对某个节点增加属...

Cookie

2018-09-12
阅读 3 分钟
4.6k
Cookie 本文章整理自:阮一峰Cookie参考「每日一题」简述 Cookie 是什么 什么是Cookie Cookie 是服务器保存在浏览器的一小段文本信息。浏览器每次向服务器发出请求,就会自动附上这段信息。 Cookie的作用 Cookie 主要用来分辨两个请求是否来自同一个浏览器 用来保存一些状态信息,例如: 对话(session)管理:保存登录、...

异步与回调/函数的作用域链

2018-08-24
阅读 4 分钟
4.5k
JavaScript 只在一个线程上运行,JavaScript 同时只能执行一个任务,其他任务都必须在后面排队等待。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。JavaScript 语言本身并不慢,慢的是读写外部数据,比如等待 Ajax 请求返回结果...

JS题目总结:原型链/new/json/MVC/Promise

2018-08-22
阅读 5 分钟
3k
第一个框:object是实例对象,他的模板对象(原型对象)在Object()构造函数里面.构造函数.prototype指向的是原型对象,即模板对象.由构造函数构造出来的实例对象.__proto__也指向的是原型对象,即模板对象.所以true.

JS面向对象二:this/原型链/new原理

2018-08-21
阅读 6 分钟
3.2k
JS面向对象二:this/原型链/new原理 阮一峰JavaScript教程:面向对象编程 阮一峰JavaScript教程:实例对象与 new 命令 阮一峰JavaScript教程:this 关键字 也可以看看这篇文章周大侠啊 进击的 JavaScript(六) 之 this先了解一下`this的四种绑定规则和箭头函数的this绑定 this 这两篇文章写的很好周大侠啊 进击的 JavaScrip...

JS面向对象一:MVC的面向对象封装

2018-08-20
阅读 6 分钟
2.4k
JS面向对象一:MVC的面向对象封装 MDNjavascript面向对象 面向对象(Object-Oriented) 面向对象里面向的意思是以...为主,面向对象编程既以对象为主的编程. 面向对象的一些概念: Namespace 命名空间允许开发人员在一个独特, 应用相关的名字的名称下捆绑所有功能的容器。Class 类定义对象的特征。它是对象的属性和方法的模板...

MVC中的M(model)、MVC总结

2018-08-13
阅读 2 分钟
9.5k
MVC中的M(model)、MVC总结 MVC封装message.js(重点明白M的封装) 这篇博客的源代码是我的正在写的在线简历,博客是继上一篇写的完整代码(项目暂未完成)预览地址 在本地预览项目的时候用的http-server将代码变得有结构 V与C 将message.js的代码封装为MVC模式,先分离V和C,让代码看上去有条理修改后的结构: 完整代码message.j...

使用leancloud给简历加数据库,实现留言功能

2018-08-13
阅读 4 分钟
3.1k
使用leancloud给简历加数据库,实现留言功能 这篇博客的源代码是我的正在写的在线简历完整代码(项目暂未完成)预览地址 在本地预览项目的时候用的http-server 前端的两大块: 操纵DOM:DOM API/jQuery Ajax:http请求和响应/XMLHttpRequest的API 但是无法存储数据! 买个服务器,带数据库 数据必须存在服务器上,这样任何设备访...

模块化、闭包与立即执行函数的使用、MVC里的V和C

2018-08-12
阅读 5 分钟
3.5k
模块化、MVC里的V和C、闭包与立即执行函数的使用 这篇文章记录我写在线个人简历过程中学习的知识完整代码(暂未完成)预览地址 轮播Swiper组件的使用 英文官网 中文网--Swiper4.x使用方法 模块化 学习写代码的方法:CRM抄,运行,修改 模块化:把对应功能放到块里面,这个块可以是文件,或者div或者别的等等 立即执行函数的使用 ...

回调、使用Promise封装ajax()、Promise入门

2018-08-08
阅读 6 分钟
30.4k
回调、使用Promise封装ajax()、Promise入门 1 回调是啥 call a functioncall a function back callback 看这里:Callback(回调)是什么?---方应杭知乎 callback 是一种特殊的函数,这个函数被作为参数传给另一个函数去调用。这样的函数就是回调函数。 1.1 回调例子 Callback 很常见$button.on('click', function(){})cl...

Ajax设置请求和接收响应、自己封装简易jQuery.Ajax、回调函数

2018-08-05
阅读 9 分钟
7k
Ajax设置请求和接收响应、自己封装简易jQuery.Ajax 这篇文章是承接前几篇博客的,是前几篇继续学习包括Ajax学习与理解和简化版自己实现jQuery等这篇文章只算是我的个人学习笔记,内容没有精心排版,一些错误请见谅. 所有代码都在这里,从历史commit可以看到所有代码,摆阔一个简易的node.js服务器所有代码在历史commit里(Ajax...

同源策略与CORS跨域

2018-07-31
阅读 4 分钟
5k
PS:这篇文章是紧接着JSONP原理和Ajax学习与理解写的,有些内容是承接了上两篇文章.这篇文章只算是我的个人学习笔记,内容没有经过精心排版,也没有认真校对格式,一些错误请见谅.

Ajax学习与理解

2018-07-31
阅读 7 分钟
3.2k
响应的第四部分是字符串,可以用 JSON 语法表示一个对象,也可以用 JSON 语法表示一个数组,还可以用 XML 语法,还可以用 HTML 语法,还可以用 CSS 语法,还可以用 JS 语法,还可以用我自创的语法

JSONP原理

2018-07-29
阅读 17 分钟
4.7k
jsonp javascript高级部分:前后端联动,浏览器+服务器 1数据库是什么 文件系统是一种数据库MySQL 是一种数据库,也是一个软件只要能长久地存数据,就是数据库 2前后端如何配合? 接下来我们用一个文件充当数据库(实际上数据库的存储内容本质就是一个带有结构的文件),捋一捋前后端交互的过程. 代码在这里几次代码的变更在历...

无缝轮播

2018-07-26
阅读 6 分钟
1.7k
工作中遇到轮播怎么办?千万不要自己写轮播我们学这么多基础是为了能够看懂大神的代码,然后用大神的代码因为如果自己写,一个轮播,就可能出现各种各样的bug,如果是在工作中,这样做无异于浪费自己的时间,降低工作效率.最好的方法是直接用大神写好的源码,然后看使用文档.可能是最厉害的轮播组件(预览与使用)可能是最厉害的轮...

DOM 事件模型2:阻止冒泡,popover,轮播BUG解决

2018-07-24
阅读 4 分钟
2.8k
当几个DIV嵌套,触发事件时,是先进行捕获阶段的触发,再进行冒泡阶段的触发的.例如一个popover的例子想要的效果是点击别处关闭浮层如图:

前端面试题(移动适配,闭包,this,HTTP状态码,排序思路,页面加载,数组去重)

2018-07-12
阅读 7 分钟
5.3k
前端面试题(移动适配,闭包,this,HTTP状态吗,排序思路,页面加载,数组去重) 1 请写出一个符合 W3C 规范的 HTML 文件 请写出一个符合 W3C 规范的 HTML 文件,要求 页面标题为「我的页面」 页面中引入了一个外部 CSS 文件,文件路径为 /style.css 页面中引入了另一个外部 CSS 文件,路径为 /print.css,该文件仅在打...

CSS9:动态 REM-手机专用的自适应方案

2018-07-10
阅读 6 分钟
4.9k
动态 REM是手机专用,是如何适配所有手机的方案,不是响应式方案,例如 : taobao.com 是专门的PC端m.taobao.com 是专门的手机端,如果用电脑短访问网页布局就很奇怪就像用手机访问pc端没有自适应的网站一样