04 2018 档案

了解Web及网络基础
摘要：一，HTTP的历史 1，HTTP的概念 HTTP（HyperText Transfer Protocol，超文本传输协议）是一种通信协议，它允许将超文本标记语言（HTML）文档从Web服务器传送到客户端（如浏览器） 它是一个应用层的协议，承载于TCP之上 由请求和响应构成，是一个标准的客户端服务器模 阅读全文
posted @ 2018-04-30 22:07 水墨墨心 阅读(395) 评论(0) 推荐(0)
hybrid
摘要：一，hybrid是什么，为何用hybrid？ 二，hybrid更新和上线流程 三，hybrid和h5区别 四，前端js和客户端如何通讯？ 一，hybrid是什么，为何用hybrid？ 1，文字解释 hybrid即“混合”，即前端和客户端的混合开发 需前端开发人员和客户端开发人员配合完成 某些环节也可 阅读全文
posted @ 2018-04-27 17:51 水墨墨心 阅读(926) 评论(0) 推荐(0)
组件化和 React
摘要：一，对组件化的理解 1，组件的封装 -视图 -数据 -变化逻辑（数据驱动视图变化） 例： 2，组件的复用 -props传递 -复用 例： 二，JSX本质 1，JSX语法： 例： 2，JSX解析成JS： JSX语法根本无法被浏览器所解析，那么它如何在浏览器运行？-转换成JS运行 思考：为何react组 阅读全文
posted @ 2018-04-27 09:46 水墨墨心 阅读(1037) 评论(0) 推荐(0)
MVVM 和 VUE
摘要：一，使用jquery和使用vue的区别 二，对MVVM的理解 三，vue中如何实现响应式 四，vue如何解析模版 五，vue整个实现流程 一，使用jquery和使用vue的区别 jquery实现todo-list <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2018-04-26 13:53 水墨墨心 阅读(4201) 评论(0) 推荐(0)
虚拟 DOM
摘要：虚拟DOM ：virtual dom（以下简称vdom，是vue和react的核心），使用比较简单。 一，vdom是什么，为何会存在vdom 1，什么是vdom：用js模拟DOM结构，DOM操作非常‘昂贵’，DOM变化的对比，放在JS层来做（图灵完备语言），提高重绘性能 需求：根据给出的数据，将该数 阅读全文
posted @ 2018-04-25 17:23 水墨墨心 阅读(448) 评论(0) 推荐(0)
ES6模块化与常用功能
摘要：目前开发环境已经普及使用，如vue，react等，但浏览器环境却支持不好，所以需要开发环境编译，下面介绍下开发环境的使用和常用语法： 一，ES6模块化 1，模块化的基本语法 ES6 的模块自动采用严格模式，不管你有没有在模块头部加上"use strict";。 模块功能主要由两个命令构成：expor 阅读全文
posted @ 2018-04-24 10:07 水墨墨心 阅读(467) 评论(0) 推荐(0)
npm install、npm init、npm update、npm uninstall和package.json
摘要：npm install 安装本地包 npm install <package_name>:这个命令将在当前目录中创建node_modules目录（如果尚不存在），并将该软件包下载到该目录。该命令默认本地安装。 安装了哪个版本的软件包？ 如果本地目录中没有package.json文件，则会安装最新版本 阅读全文
posted @ 2018-04-24 06:43 水墨墨心 阅读(7064) 评论(0) 推荐(0)
JavaScript面向对象
摘要：一，类与实例 1，类的声明 2，生成实例 二，类与继承 1，如何实现继承 借用构造函数，使用原型链，组合继承 2，继承的几种方式 （1）借助构造函数实现继承 （2）借助原型链实现继承 （3）组合方式 （4）组合方式优化1 （5）组合方式优化2 附：Object.create的实现方式 未完待续... 阅读全文
posted @ 2018-04-23 19:21 水墨墨心 阅读(183) 评论(0) 推荐(0)
JavaScript原型与原型链，原型的实际应用
摘要：原型链是js面向对象的基础，非常重要。 一，创建对象的几种方法： 1，字面量 var o1 = { name:'o1' }; 2，构造函数 var M = function(name){ this.name = name; }; var o2 = new M('o2'); var a = {} 其实 阅读全文
posted @ 2018-04-23 17:16 水墨墨心 阅读(2680) 评论(0) 推荐(1)
浏览器缓存：强缓存和协商缓存
摘要：缓存是指代理服务器或客户端磁盘内保存的资源副本。利用缓存可减少对服务器的访问，因此也就节省了通信流量和通信时间。 浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。 浏览器缓存的优点有： 减少了 阅读全文
posted @ 2018-04-22 09:34 水墨墨心 阅读(6482) 评论(0) 推荐(4)
html5的web存储与cookie的区别
摘要：以下从3个方面进行比较： 1，容量：cookie只有4KB，localStorage和sessionStorage最大容量5M 2，是否会携带到ajax中：cookie由每个对服务器的请求来传递，会影响获取资源的效率，localStorage和sessionStorage只有在请求时使用数据。它使在 阅读全文
posted @ 2018-04-22 05:48 水墨墨心 阅读(492) 评论(0) 推荐(0)
JavaScript作用域和闭包
摘要：以下内容针对ES5 一，先说下变量提升： 1，全局执行上下文中（一段script）：变量定义，函数声明（执行之前） 以上代码等同于： 再看函数声明： 以上代码等同于： 备注：还是要规范编写函数。不推荐上述写法，要先定义后执行，增加可读性。 另外，注意函数声明和函数表达式的区别，函数声明可以在定义之前 阅读全文
posted @ 2018-04-21 22:28 水墨墨心 阅读(266) 评论(0) 推荐(0)
JavaScript异步和单线程
摘要：一，同步和异步的区别： 同步会阻塞代码执行，而异步不会。（比如alert是同步，setTimeout是异步） 二，前端使用异步的场景：<!--5f39ae17-8c62-4a45-bc43-b32064c9388a:W3siYmxvY2tUeXBlIjoicGFyYWdyYXBoIiwic3R5bG 阅读全文
posted @ 2018-04-21 21:43 水墨墨心 阅读(1263) 评论(0) 推荐(1)
JavaScript中何时使用===，何时使用==
摘要：建议尽量都使用 ，原因如下： 一致性：使用==对一致性没有任何好处，那么为什么不避免使用呢。 简单和性能：一般来说， 是最简单的操作符，因为它不用进行类型转换。JavaScript引擎的性能参差不齐，但是在大部分浏览器中 比==速度更快。 即使会自动转换，但并不总是按你需要的方式转换：比如7+“3” 阅读全文
posted @ 2018-04-21 21:31 水墨墨心 阅读(2408) 评论(2) 推荐(2)