前端工匠公众号

我是浪里行舟，努力打造一系列适合初学者能够看得懂的优质文章。

144

写技术博客那点事

浪里行舟 2月14日发布
81 收藏

写文章是一个短期收益少，长期收益很大的一件事情，人们总是高估短期收益，低估长期收益。往往是很多人坚持不下来，特别是写文章的初期，刚写完文章没有人阅读会有一种挫败感，影响了后期创作。

164

常见六大Web 安全攻防解析

浪里行舟 1月31日发布
123 收藏

在互联网时代，数据安全与个人隐私受到了前所未有的挑战，各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据？本文主要侧重于分析几种常见的攻击的类型以及防御的方法。

321

九种跨域方式实现原理（完整版）

浪里行舟 1月25日发布
252 收藏

同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。同源...

JS 异步编程六种方案

浪里行舟 1月14日发布
57 收藏

我们知道Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。

深入浅出HTTPS工作原理

浪里行舟 2018年12月28日发布
75 收藏

在HTTP协议中有可能存在信息窃听或身份伪装等安全问题。使用HTTPS通信机制可以有效地防止这些问题。本文我们就了解一下HTTPS。文章首发地址为我的GitHub博客，敬请关注！

浅拷贝与深拷贝

浪里行舟 2018年12月24日发布
70 收藏

数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和对象数据类型。

112

前端模块化详解(完整版)

浪里行舟 2018年12月21日发布
85 收藏

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等...

fetch 如何请求数据

浪里行舟 2018年12月20日发布
37 收藏

在传统Ajax 时代，进行 API 等网络请求都是通过XMLHttpRequest或者封装后的框架进行网络请求,然而配置和调用方式非常混乱，对于刚入门的新手并不友好。今天我们介绍的Fetch提供了一个更好的替代方法，它不仅提供...

Ajax原理一篇就够了

浪里行舟 2018年12月17日发布
79 收藏

AJAX即“Asynchronous Javascript And XML”，是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。它可以令开发者只向服务器获取数据（而不是图片，HTML文档等资源），互联网资源...

Vue2.0入门与父子组件间通信

浪里行舟 2018年12月14日发布
28 收藏

Vue.js是一套构建用户界面的渐进式框架。本文将介绍一些重要入门的知识点，比如：运行环境的搭建、定义组件的方式、引用模板、动态组件和父子组件间数据通信等等。本文首发地址为GitHub博客,写文章不易，请多多支...

122

vue全家桶制作一个精致的美团项目

浪里行舟 2018年12月12日发布
93 收藏

注意：如果gif动态图看不了，麻烦大家点击github美团项目中mt-app/src/assets/美团.gif便可以观看！

DOM事件机制

浪里行舟 2018年12月05日发布
68 收藏

本文主要介绍DOM事件级别、DOM事件模型、事件流、事件代理和Event对象常见的应用，希望对你们有些帮助和启发！

118

函数节流和防抖

浪里行舟 2018年12月03日发布
96 收藏

一些浏览器事件:window.onresize、window.mousemove等，触发的频率非常高，会造成浏览器性能问题

166

从URL输入到页面展现到底发生什么？

浪里行舟 2018年11月29日发布
132 收藏

打开浏览器从输入网址到网页呈现在大家面前，背后到底发生了什么？经历怎么样的一个过程？先给大家来张总体流程图，具体步骤请看下文分解！本文首发地址为GitHub博客,写文章不易，请多多支持与关注！

192

ES6核心特性

浪里行舟 2018年11月26日发布
143 收藏

ES6 虽提供了许多新特性，但我们实际工作中用到频率较高并不多，根据二八法则，我们应该用百分之八十的精力和时间，好好专研这百分之二十核心特性，将会收到事半功倍的奇效！写文章不容易，请大家多多支持与关注...

Vue2.0组件的继承与扩展

浪里行舟 2018年11月23日发布
27 收藏

本文将介绍vue2.0中的组件的继承与扩展，主要分享slot、mixins/extends和extend的用法。

Vue数据通信详解

浪里行舟 2018年11月20日发布
56 收藏

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。组件间如何传递数据就显得至关重要。本文尽可能罗列出一些常见的数据传递方式，如props、$emit/$on...

JavaScript预解释是一种毫无节操的机制

浪里行舟 2018年11月16日发布
22 收藏

编译阶段: 编译阶段就是我们常说的JavaScript预解释（预处理）阶段，在这个阶段JavaScript解释器将完成把JavaScript脚本代码转换到字节码

107

深入理解浏览器的缓存机制

浪里行舟 2018年11月14日发布
82 收藏

关于页面性能优化，浏览器缓存必定是一个绕不过的话题，判断一个网站的性能最直观的就是看网页打开的速度，而提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟...

如何清除浮动

浪里行舟 2018年11月12日发布
31 收藏

W3school中给出的浮动定义为浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框脱离文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。