20190330 前端开发日报-前端开发博客

小火柴的前端小册子；关于React的一些小知识；JavaScript算法之递归；JavaScript实现无限级递归树；回到基础：理解 JavaScript DOM；原生JS如何实现包含各种类型数据的深克隆；DIY一个前端监控平台（上）；前端动画演绎排序算法

#前端技术#【小火柴的前端小册子】详见：这个小册子是小火柴总结的前端知识结构，内容涉及 HTML/CSS/JS 基础知识、HTTP、前端框架等内容，希望能够帮到更多人。（作者：小火柴）
关于React的一些小知识这里搜集了几个关于react的零散知识，有些虽然知道了也不一定能帮你写出更好的代码，但能够扩展一下知识。
JavaScript算法之递归今天来了解下既爱又恨的 — 给你讲一个故事就明白了，什么故事呢？从前有座山，山里有个庙，庙里有个老和尚在给小和尚讲故事，讲的是从前有座山，山里有个庙，庙里有个老和尚在给小和尚讲故事，讲的是从前有座山。。。这就是一个典型的递归，在不考虑岁数等自身的条件下，这将是个死递归，没有终止条件。再举…
JavaScript实现无限级递归树最近遇到一个需求，平时被后台惯着直接返回了树形结构给到前端，前端对这种嵌套类型的数据（如地区的级联或菜单的树形结构）省掉了一层处理。换了个后台开发返回了扁平化的数组数据给到前端自己去处理如下data。…
回到基础：理解 JavaScript DOMJavascript DOM（文档对象模型）是一个允许开发人员操纵页面内容、结构和风格的接口。在本文中，我们将理解什么是 DOM 以及如何用 Javascript 去操作它。本文还可以作为基本 DOM 操作的参考。
原生JS如何实现包含各种类型数据的深克隆在各个社区查找使用原生js实现深克隆的方法，众说纷纭，大多数实现效果并不理想，在此将各家之言总结一下，得出一个完美的解决方案。本文参考以下文章，感兴趣者请移步到原文链接。 JS类型判断、对象克隆、数组克隆 JS中如何进行对象的深拷贝关于JSON.parse(JSON.str…
DIY一个前端监控平台（上）你只有竭尽全力之后，才有资格说运气不好。目录为什么要有监控平台第三方平台流量分析平台自己DIY一个日志采集平台 SPM 埋点流程自己DIY一个 Hiper 前言我认为，流量分析平台 + 日志采集平台 + 异常信息采集 + ajax信息采集 + 性能指标 = 监控平台。之前我写过两…
前端动画演绎排序算法文章包含多个可交互案例，可通过博客原文实时查看案例在学习了常用的排序算法之后，打算用动画Demo来生动形象的展现它们。这里包含6种排序算法，其中一半是简单算法，另一半是高级算法: 冒泡排序选择排序插入…
前端 CSS : 7# 纯 CSS 实现像极了爱情介绍最近突然回想到之前看过的一个动画，是一个正方体向球体表示爱意，被拒绝，改变自己的小动画。找了半天终于找到了，个人感觉是一个很棒的动画，强烈安利：《方块》效果预览 github.io 浏览源代码地址 […
CSS 火焰？不在话下正文从下面开始。今天的小技巧是使用纯 CSS 生成火焰，逼真一点的火焰。嗯，长什么样子？在 CodePen 上输入关键字 CSS Fire，能找到这样的：或者这样的：我们希望，仅仅使用 CSS ，效果能再更进一步吗？能不…
前端面试总结之：js跨域问题金三银四，这会到了招聘的高峰期，最近很多朋友都向我发来了面试题，特此来自我留下笔记和分享，希望对大家有帮助，有所提升。什么是跨域？我们经常会看到上边类似的报错，Access-Cotrol-Allow-Origin 这是典型的跨域报错。其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。那什么是…
JS数据类型判断–避坑指南instanceof测试构造函数的prototype属性是否出现在对象的原型链中的任何位置。如果你了解原型链，你会知道原型链的复杂性，instanceof得到的值并不是固定不变的，它会沿着原型链查找，最明显的是所有的基本数据类…
我在阿里云做前端今年是我毕业的第10个年头，半路出家做了前端，title一直是前端，你可以说我很专注，有时候也有些遗憾。一直以来，当别人问起你是做什么的，我说前端或者全栈，别人说：哦，做页面的啊！心里难免有些失落。前端是…
记录一次爬“坑”的经历（Json序列化问题）在重写我的课程后台时，发现报错为Json序列化，数据循环了，其实这种错误很简单，加上JsonView就可以，但是我加上了问题依然存在。（而且还没有加错）
Nodejs教程27：Node.js项目之二：实现路由在之前的例子中，我们总是要通过if else语句来判断请求的接口路径，并进行相应操作。这样会极大地降低开发效率，也不利于后期代码维护。因此，通常的开发中，都会使用路由对不同的接口进行操作。现在我们就来自己实现一个简单的路由：代码示例：/lesson27/lib/router.js 1. 先创建一个router对象，用于存…
webpack学习(四) — css tree shaking 在html文件中写一些结构创建css文件，在里面写一些页面中有的和没有的css样式，没有的用来验证css抖动在入口文件index.js中将依赖的css文件引入执行npm run dev css样式被打包到出口文件中，可以看到在打包好的文件里搜索background-color能够搜到两个插件 min…
angular单元测试遇到the icon user-o does not exist or is not registered这篇博客本不应由我写，但由于团队要求每周最少一篇，而这周又实在不知道写啥，又正好我也遇到了这个问题。所以我就“抢”了过来……在此，感谢潘哥！
vue+axios+eggjs post请求参数问题之万恶的ctrl+c/v大法最近呢想用vue+axios+eggjs做一个小东西练练手，碰到一个axios post请求参数没办法被后端获取的问题，查阅了一下网上的资料呢，解决方法有许多种，当然我得挑选一个最接近自己问题情况的解决办法啦；大都是以下类似的方法： 1、 2、好吧！既然找到方法了，也是蛮简单的操作嘛，搞！以…
监测与调试 Vue.js 的响应式系统：计算属性树（Computed Tree）原文地址： Tracing or Debugging Vue.js Reactivity: The computed tree 原文作者： Michael Gallagher 译文出自：掘金翻译计划本文永久链接： https://github.com/xitu/gold-miner/blob/master/TODO1/tracing-or-debugging-vue-js-reactivity-the-computed-tree.md 译者： SHERlocked93 校…
JSON、XML、TOML、CSON、YAML 大比拼 | 我们坚持使用 web 系统可以理解或不需要太多努力就能理解的特殊格式，而且对人类可读性特别有用的格式。每个都有各自的优缺点和适当的用例场景。 …
node(koa2) web应用模块介绍在自己的koa2 web项目中，用到了几个模块，感觉都是不错的，特地来分享下这些模块。一、前言我们都知道可以通过koa2 工程名的方式来初始化koa2项目，官方为我们增加了koa-bodyparser、koa-josn、koa-router等非常不错的模块，但是，仍不够，所以我将搜集到的有用的包介绍下，当然，有好的包仍然会添加到其中。整…
【HTTP常见面试题】干货分享！详见（来自：Java3y）
#开源项目#【301 道常见的 React 面试题 & 回答】详见：这个项目是翻译自《Reactjs-Interview-Questions》项目，分享了 301 道常见的 React 面试题和回答，帮助你巩固相应的知识点。
JavaScript 中为什么会有 Symbol 类型？原文地址： JavaScript Symbols: But Why? 原文作者：Thomas Hunter II 译文出自：掘金翻译计划本文永久链接： github.com/xitu/gold-m… 译者： xionglong58 校对者： EdmondWang , Xuyuey 作为最新的基本类型，Symbol 为 JavaScript 语言带来了很多好处，特别是当其用在对…