所谓前段工程自动化就是：由于前端分裂，有人写css代码，有人写scss，有人写es5，有人写es6，那么就需要翻译工具（命令行工具）翻译成ie或其他所有浏览器能运行的代码版本。

为了避免造轮子，我们有时候会用到其他人的劳动成果，比如一些优秀的框架，比如Express，我们直接使用NPM下载下来就可以用了，降低开发成本和时间。

localStorage是html5技术提供的API，html5中新增加的标签,技术(包括promise,localStorage等),统称为html5

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

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

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

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

第一个框:object是实例对象,他的模板对象(原型对象)在Object()构造函数里面.构造函数.prototype指向的是原型对象,即模板对象.由构造函数构造出来的实例对象.__proto__也指向的是原型对象,即模板对象.所以true.

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

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

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

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

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

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

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

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

响应的第四部分是字符串，可以用 JSON 语法表示一个对象，也可以用 JSON 语法表示一个数组，还可以用 XML 语法，还可以用 HTML 语法，还可以用 CSS 语法，还可以用 JS 语法，还可以用我自创的语法

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

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

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

前端面试题（移动适配，闭包，this，HTTP状态吗，排序思路，页面加载，数组去重） 1 请写出一个符合 W3C 规范的 HTML 文件 请写出一个符合 W3C 规范的 HTML 文件，要求 页面标题为「我的页面」 页面中引入了一个外部 CSS 文件，文件路径为 /style.css 页面中引入了另一个外部 CSS 文件，路径为 /print.css，该文件仅在打...

因为transition和display有冲突,只要dispaly,transition就不起作用,在开始css,变display为block,然后setTimeout设置为1秒后,在改变其他的css,如opcity或right等可以过渡的css

DOM level3没有对事件进行修订,所以DOM事件模型的标准就是DOM level2 制定的标准规定了事件捕获event capture事件冒泡event bubbling事件取消event cancelation

轮播图 1DOM一些题目详解 题目: 前端教材都在互联网上. 现在为了节省时间,要学js就在阮一峰javascript上面学 js高程只适合当工具书,如果哪里不清楚,或者想深入,就去看js高程,比如面向对象想深入学习,就去看js高程. 全局变量,window里面本身就有的不能用.比如parent,不然会覆盖 1.1立即调用函数,使用局部变量 全局变量容...

简化版自己实现jQuery 1. == 与=== 尽量不要用 == 规则太复杂 用===只需要注意两点,1.NaN===NaN,false,2.所有对象===也都是false,因为地址不一样. 2.自己写jQuery与用jQuery {代码...} 01_myjQuery1.js {代码...} UseJquery.js {代码...} 3.this 和 arguments {代码...} 其中 asThis 会被当做 this，[input1,input2] 会...

JavaScript函数 面试考点比较密集参考阮一峰JavaScript函数我的博客:关于作用域,变量提升,函数提升的个人理解笔记 1.函数的五种声明方式 1.1 具名函数 var 声明一个变量,七种数据类型function 声明一个函数,是个特例不写return自动加上return undefined {代码...} 1.1.1 关于console.log() console.log()返回undefined c...

Document Object Model文档对象模型在文档与对象做一个模型映射,就是文档对象模型把文档变成对象的模型.就是DOMElement元素, Text 文本.Document是html标签的父元素.只要看到一个节点,浏览器就构造出来一个对应的对象,放在内存中.页面中的节点通过构造函数变成对象,想要操作节点,就操纵对象相应的API就行了

栈,堆,栈里面存一个window/global对象的地址,指向对内存,堆内存存一个hash表.里面有标准库.标准库里有Object()函数,String()函数,Number(),Boolean().这篇文章记录Array(),Function()

(个人笔记)在给在线简历添加js特效过程中遇到的问题及解决方法 二 github预览 点击菜单滚动动画首页 {代码...} tween.js库(缓动动画) 缓动函数速查表tween.js库GitHubcdnjs搜索tween引入 {代码...} tween.js一个网站的教程 基本使用指南 {代码...} 张鑫旭简便用法 张鑫旭的文章如何使用tween.js,且衍生了自己的animation...

元素的 scroll 事件处理函数。语法 element.onscroll = functionReference 参数 functionReference是一个函数的引用。当该元素滚动时，会执行该函数。