Vue后台管理项目总结

简介

本文总结的是一个后台管理的前端项目,本项目主要介绍使用Vuex渲染深层复杂组件、table表格封装。table表格封装主要是因为后台管理项目有很多的表格展示,本项目使用的UI框架为Element-UI,但是不管是Vue还是React,对于表格封装的思路都适用。

Read More

javascript中的事件循环和任务队列

1. 从一道面试题说起

相信大部人都遇到过下面这个题目:

1
2
3
4
5
6
// Q:请问这段代码会输出什么
for(var i=0;i<5;i++){
setTimeout(function(){
console.log(i);
}, 0);
}

这道题目有两个知识点:1.变量作用域 2.setTimeout的执行时机。

因为setTimeout内的函数会在for循环完成时再执行,且console.log(i)中的i在自己的函数作用域中未定义,只能使用上级作用域中的i。在经过几次循环之后i值是5,所以这段代码输出的结果是5 5 5 5 5

今天我们就来讨论一下javascript中类似setTimeout这种异步函数的执行时机问题。另外由于浏览器引擎和node的javascript执行机制并不完全相同,且不同版本的node之间也存在着差异,所以本文章所有内容基于当前最新的浏览器JS引擎(V8 8.4.371.23)。

Read More

GraphQL 探索之路

GraphQL 一直是热度很高的技术,就以技术社区掘金上的数据为例,GraphQL话题的关注者是 8429,文章数量是303,远超 RESTful 的 2366 关注者和 74 篇文章。

Read More

我学习ssr的那些事

起因

学习 ssr 还是因为需要加深自己的技能,不然被淘汰了。它的好处相信大家都了解,我也不多说了。对我而言,其实用处也不是很大。你说加载快吧?现在 spa 项目代码分割后其实也可以很快,但是这种东西肯定更快。那么有利于 seo 吧?据说现在大厂的爬虫是有技术可以对 spa 进行爬取信息的,具体不详,但是这应该算是它最大的优势吧。但是存在即合理,学习了上不了当。

Read More

如何按目录统计OSS对象大小

随着云服务的不断发展,越来越多的资源被存储在云上。
对象存储就是其中一种应用非常广泛的存储方式,比如阿里云的OSS、百度云的BOS、亚马逊的S3。
虽然对于用户来说使用比较方便,但对于开发者来说却往往会受限于 SDK,面临不少问题。
比如统计OSS对象的大小这么一个看似简单的功能就是如此。

Read More

记录前端页面狗,第一次接手Python的后台项目踩的坑

简介

故事要从2019年11月份左右说起,本人怀着学习、探知、努力追赶团队平均技术水平的心态,作为一个前端页面狗也很有必要学习一门后端语言,于是在网上找Python教程,跟着廖雪峰老师的《Python教程》走了一遍,然后三分热度一过,这学习的事情就再也没管了。大概过了两个月,刚好有一个项目适合Python练手,很荣幸接手了这个项目(本人的同事也是刚学习完Python教程自己搭建的后台,后来因为他有其他安排,换成了本人继续接着开发,如何搭建后台开发环境《Python教程》),凭着残存的记忆开始了Python、mysql的踩坑之旅…

Read More

数组处理的神兵利器-reduce

前言

reduce,这个高级函数,大家最开始应该是用于求和。我也是,仅仅在求和中遇到它。后来数组越来越复杂,想查找简单解决办法的时候发现了这个大杀器的更多使用。现在,它成为了我最爱的高阶函数,没有之一。reduce参数说明我就不多介绍了,下面主要是一些实战小技巧。

1
[1,2,3].reduce((c,n)=>c+n);

Read More

阿里云serverless踏坑之旅

本文总结了使用阿里云severless(以下简称“serverless”)开发时碰到的一些问题以及解决思路,非入门教程,所以建议对Serverless有一定了解或者使用之后再阅读。

Read More