FlyKnows

Record My Life and Front-End

Hash规则

本文主要介绍通过webpack打包生成出来的hash策略及相应的规则。 1、hash与chunkHash的区别文件的hash指纹通常作为前端静态资源实现增量更新的方案之一,在Webpack编译输出文件的配置过程中,如果需要为文件加入hash指纹,Webpack提供了两个配置项可供使用:hash和chunkhash。那么两者有何区别呢?其各自典型的应用场景又是什么? 首先我们先看一下官方文档......

React+Flow使用指南

本文主要介绍如何在React项目中使用Flow.js进行静态代码检查,接入的过程中也遇到了很多的问题,flow相关的资料比较少,因此这里把遇到的问题和解决方案同时也一并记录下来。 一、flow解决的问题?其实问题的根源就是因为javascript太灵活了,在代码运行期间几乎可以做任何的修改,没有东西可以在代码运行前就保证某个变量,某个函数跟预期的一致。所以要加入类型系统来确保代码的可靠性,在......

如何去写PPT

本文主要介绍和总结一下写PPT的一些技巧和方法。 前言忙碌了将近一个月的时间,终于这次P6的晋升顺利的通过,感觉自己终于迈过了职业中的一道坎,接下来的挑战更加让我兴奋。说实话这次PPT花了很多的时间去准备,一开始按照自己的之前写PPT的写法,自我感觉良好,但是预讲下来,反应很差,明显自己没有领悟的做ppt的思路和精髓。不过就算这次晋升没有成功,我也不会太失望,毕竟是对过去一年很好的总结与回顾......

阿里云上搭建node环境

本文介绍一下如何在阿里云环境或者其他虚拟主机上如何搭建一个nodejs环境,并且启动服务以供访问。最近在学习nodejs+koa,本地环境实在不过瘾,就在阿里云上买了个ECS云服务器,但是感觉稍微还是有点贵的,所以下个月打算还是换到搬瓦工的VPS上去。之前也买过虚拟主机,用来鼓捣了一下php等,环境都是一键搭建好的,所以也没怎么接触一些linux命令、shell等等。好了,废话不多说,我们来......

学习如何发布包到npm

本文主要介绍一下我们平时写的一些公共或者常用的包,如何发布的npm上,以供别人下载使用。在平时的开发过程中,用惯了第三方的npm包,有没有萌生一个自己发布一个的想法,今天就来介绍一下如何将自己封装的包文件上传到npm。 目录结构首先,我们需要建立自己的包目录,一般会包含哪些文件和路径呢?当然我们也可以使用较为简洁的方法,通过npm init来对目录进行初始化,在console下填写一堆信息后......

node.js中module.exports与exports的区别

本文主要介绍一下nodejs中module.exports与exports的区别以及如何去理解。在学习nodejs的时候对module.exports与exports有什么区别一直没弄清楚,今天看到一篇文章讲的很不错,然后自己动手实践了一下,终于算是能够理解二者的一些区别和用法。本文也以此作为基础,来对这两个概念进行讲解。参考链接:传送门 二者关系1exports = module.expo......

JS中数组slice,splice,split的区别

本文主要说明一下js中slice,splice,split的区别。因为这几个函数长的实在太像,每次都会弄混淆它们的用法,这里简单的总结一下,也算是给自己提个醒。 1.slice它的作用是基于当前数组中的一个或者多个,创建一个新的数组。当只有一个参数的时候,返回指定位置到当前数组末尾位置的所有项。如果两个参数,返回起始位置和结束位置之间的项,但是不包括结束位置的项。123var arr = [......

学习资料总结

学习技术的过程中一些积累以及相关资料。最近又接触了不少的技术框架和知识点,发现自己的总结能力真的有点偏弱,没办法像很多人那样,技术文章写的洋洋洒洒,只能慢慢的适应了,希望能有更好的文笔。本文的目的是为了记录下自己在学习技术的过程中参考的一些资料和学习的过程。方便日后进行回顾和知识点的查阅,也便于更好的复习和总结。感觉学习资料太零散,自己随手就扔了,没有一个好的习惯。 Vue vue构建单页......

图片加载慢导致元素空白

本文主要介绍在处理图片加载的时候遇到的一些问题。在做大众点评的一个运营活动的时候遇到了一个图片加载的问题,因为图片是按照宽高百分比进行布局的,当网速比较慢的时候图片还没有加载出来,导致div元素没有被撑起了,使得文字等内容全部都被堆积在一起。 解决方法如下(当图片比例不会发生变化的时候):1.设置图片宽度度为100%,自适应,算出宽高的百分比比例,例如图片比例为1:22.设置元素height......

cavas绘制标注框

项目中如何对图片来进行标注,使用cavas绘制标注框。1.首先用cavas来对图片进行展示:123456789var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); var img = new Image(); img.onloa......