细说后端模板渲染、客户端渲染、node 中间层、服务器端渲染（ssr）
前端与后端渲染方式的发展大致经历了这样几个阶段：后端模板渲染、客户端渲染、node 中间层、服务器端渲染（ssr）。 1. 后端模板渲染 前端与后端最初的渲染方式是后端模板渲染，就是由后端使用模板引擎渲染好 html 后，返回给前端，前端再用 js 去操作 dom 或者渲染其他动态的部分。 这个过程大致分成以下几个步骤： 说...
Vue 服务端渲染简介和实践
SSR , Server Side Render的简称, 服务端渲染. 首先服务端渲染并不神秘, 在 ajax 兴起之前, 所有 web 应用都是服务端渲染, 服务器直接返回 html 文本给浏览器, 用户操作比如在 A 页面注册提交表单, 跳转到B 页面, 服务器需要返回两个页面. 这样的弊端显而易见, 加大了服务器的消耗, 随着 JavaScript 的发展, ajax 技术的...
js知识总结—ES6篇(二)
1.Fetch替代Ajax Fetch并不是ES6的语法（应该是ES7），而是未来用于替代XMLHttpRequest的API， 它是W3C的正式标准。 Fetch API提供了一个fetch()方法，它被定义在BOM的window对象（全局方法）中。 该方法返回的是一个Promise对象。 fetch 规范与 jQuery.ajax() 不同： 当接收到一个代表错误的 HTTP 状态码时，从 fetch(...
js知识总结—ES6篇(一)
1.列举ES6的一些新特性 默认参数 模板字符串 解构赋值 增强的对象字面量 箭头函数 Promises 异步 generator和async/await 块作用域 和let和const Class 类 Modules 模块 2.let ,const,var及其区别 JS代码在执行前会进行预解析。预解析会进行变量提升。 var 声明的变量会发生提升（提升到当前作用域顶部）。虽然变量还...
纯CSS+HTML制作三角形和圆|实心+空心
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。 本文是流行的三角形和圆的绘制方法。 <style type="text/css"> .clearfix{zoom:1;} /* clearfix fo...
纯CSS+HTML制作饼图和条形图
使用html+css制作的图案或图形化内容响应速度最快，如下贴出我在开发过程中使用CSS+HTML制作的饼图和条形图，有需要的可以拿去。
js知识总结—理论知识篇(二)
1.js事件循环机制 js是一门单线程语言，但却能优雅地处理异步程序，在于js的事件循环机制。 浏览器是多进程的，浏览器每一个 tab 标签都代表一个独立的进程，其中浏览器渲染进程（浏览器内核）属于浏览器多进程中的一种，主要负责页面渲染，脚本执行，事件处理等 其包含的线程有：GUI 渲染线程（负责渲染页面，解析 HTML...
js知识总结—常用功能代码实现
这里是一些常用的功能、工具类代码写法，长期完善。 1.防抖 触发高频事件后n秒内函数只会执行一次(执行最后一次)，如果n秒内高频事件再次被触发，则重新计算时间。 将多次操作合并为一次操作进行。原理是维护一个计时器，规定在delay时间后触发函数，但是在delay时间内再次触发的话，就会取消之前的计时器而重新设置。这...
js知识总结—理论知识篇(一)
1. js 是由哪三部分构成？ ECMAScript(JavaScript语法 ) DOM 文档对象模型 BOM 浏览器对象模型 ECMAScript ECMAScript 是由ECMA 国际（ 原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用泛。ECMAScript 规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。 ...
Vue重点知识总结—基础篇(一)
1.Vue 中怎么自定义过滤器 可以用全局方法 Vue.filter() 注册一个自定义过滤器，它接收两个参数：过滤器 ID 和过滤器函数。过滤器函数以值为参数，返回转换后的值 Vue.filter('reverse', function (value) { return value.split('').reverse().join('') }) <!-- 'abc' => 'cba' --> <span v-text=...