CSS重点知识总结—flex布局
1.理解flex Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。可以随着页面大小的改变自适应页面布局。 块级元素 .box{ display:flex; } 行内元素也可以设置成flex布局 .box{ display:inline-flex; } 设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 2....
浏览器HTTP的缓存机制详解
当我们的页面发起资源请求时，浏览器会通过缓存等手段来尽快响应，避免不必要的http消耗，所以我们经常见到：Memory Cache、Disk Cache、Push Cache，现在又多了一种ServiceWorker。我们来简单对比如下： ServiceWorker Service worker是一个注册在指定源和路径下的事件驱动worker。它采用JavaScript控制关联的页面或者...
前端算法：JavaScript实现字符串全排列
我个人认为前端工程师笔试题中，算法题一般不难，也就这个难度，甚至比这还要简单。这是我在笔试过程中遇到的一个题~下面分享一下解题思路。 大体结构：定义一个方法，传入str变量，返回一个数组，包含所有排列： function fun(str){ var result = []; return result; } 主要逻辑：肯定是需要递归...
ES6常用方法总结—Promise
1.Promise用法 Promise的then方法会返回一个新的Promise let p = function(){ return new Promise((resolve, reject) => { try { setTimeout(()=>{ return resolve() },500) } catch (error) { return reject(error) } ...
细说后端模板渲染、客户端渲染、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制作的饼图和条形图，有需要的可以拿去。