20190330 前端开发日报

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

  1. #前端技术#【小火柴的前端小册子】详见: 这个小册子是小火柴总结的前端知识结构,内容涉及 HTML/CSS/JS 基础知识、HTTP、前端框架等内容,希望能够帮到更多人。(作者:小火柴)

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

    JSON、XML、TOML、CSON、YAML 大比拼
  21. node(koa2) web应用模块介绍 在自己的koa2 web项目中,用到了几个模块,感觉都是不错的,特地来分享下这些模块。 一、前言 我们都知道可以通过koa2 工程名的方式来初始化koa2项目,官方为我们增加了koa-bodyparser、koa-josn、koa-router等非常不错的模块,但是,仍不够,所以我将搜集到的有用的包介绍下,当然,有好的包仍然会添加到其中。整...
  22. HTTP常见面试题】干货分享!详见 (来自:Java3y)

    HTTP常见面试题
  23. #开源项目#【301 道常见的 React 面试题 & 回答】详见: 这个项目是翻译自《Reactjs-Interview-Questions》项目,分享了 301 道常见的 React 面试题和回答,帮助你巩固相应的知识点。

    301 道常见的 React 面试题 & 回答
  24. JavaScript 中为什么会有 Symbol 类型? 原文地址: JavaScript Symbols: But Why? 原文作者:Thomas Hunter II 译文出自: 掘金翻译计划 本文永久链接: github.com/xitu/gold-m… 译者: xionglong58 校对者: EdmondWang , Xuyuey 作为最新的基本类型,Symbol 为 JavaScript 语言带来了很多好处,特别是当其用在对...

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20190330 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20190330.html)