• 在 Linux 上复制和重命名文件

    Posted by : lon.y@qq.com on 2018年6月24日

    cp 和 mv 之外,在 Linux 上有更多的复制和重命名文件的命令。试试这些命令或许会惊艳到你,并能节省一些时间。 Linux 用户数十年来一直在使用简单的 cp 和 mv 命令来复制和重命名文件。这些命令是我们大多数人首先学到的,每天可能有数百万人在使用它们。但是还有其他技术、方便的方法和另外的命令,这些提供了一些独特的选项。 首先,我们来思考为什么你想要复制一个文件。你可能需要在另一个位置使用同一个文件,或者因为你要编辑该文件而需要一个副本,并且希

    阅读全文...

  • Webpack 4 配置最佳实践

    Posted by : lon.y@qq.com on 2018年6月23日

    Webpack 4 发布已经有一段时间了。Webpack 的版本号已经来到了 4.12.x。但因为 Webpack 官方还没有完成迁移指南,在文档层面上还有所欠缺,大部分人对升级 Webpack 还是一头雾水。 不过 Webpack 的开发团队已经写了一些零散的文章,官网上也有了新版配置的文档。社区中一些开发者也已经成功试水,升级到了 Webpack 4,并且总结成了博客。所以我也终于去了解了 Webpack 4 的具体情况。以下就是我对迁移到 Webpa

    阅读全文...

  • 浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层

    Posted by : lon.y@qq.com on 2018年6月23日

    开始之前 随着业务的不断累积,目前我们 ToC 端主要项目,除去 node_modules, build 配置文件,dist 静态资源文件的代码量为 137521 行,后台管理系统下各个子应用代码,除去依赖等文件的总行数也达到 100万 多一点。 代码量意味不了什么,只能证明模块很多,但相同两个项目,在运行时性能相同情况下,你的 10 万行代码能容纳并维护 150 个模块,并且开发顺畅,我的项目中 10 万行代码却只能容纳 100 个模块,添加功能也好,维

    阅读全文...

  • 8 个基本的 Docker 容器管理命令

    Posted by : lon.y@qq.com on 2018年6月23日

    利用这 8 个命令可以学习 Docker 容器的基本管理方式。这是一个为 Docker 初学者准备的,带有示范命令输出的指南。 在这篇文章中,我们将带你学习 8 个基本的 Docker 容器命令,它们操控着 Docker 容器的基本活动,例如 运行run、 列举list、 停止stop、 查看历史纪录logs、 删除delete 等等。如果你对 Docker 的概念很陌生,推荐你看看我们的 介绍指南,来了解 Docker 的基本内容以及 如何 在 Linu

    阅读全文...

  • 函数防抖与函数节流

    Posted by : lon.y@qq.com on 2018年6月23日

      函数防抖与节流是很相似的概念,但它们的应用场景不太一样。 我们先从概念上深刻理解它们。 先说函数防抖,debounce。其概念其实是从机械开关和继电器的“去弹跳”(debounce)衍生 出来的,基本思路就是把多个信号合并为一个信号。 单反也有相似的概念,在拍照的时候手如果拿不稳晃的时候拍照一般手机是拍不出好照片的,因此智能手机是在你按一下时连续拍许多张, 能过合成手段,生成一张。翻译成JS就是,事件内的N个动作会变忽略,只有事件后由程序触发的动作只是

    阅读全文...

  • 5 分钟掌握 JavaScript 实用窍门

    Posted by : lon.y@qq.com on 2018年6月21日

    简评:一开始 JavaScript 只是为网页增添一些实时动画效果,现在 JS 已经能做到前后端通吃了,而且还是年度流行语言。本文分享几则 JS 小窍门,可以让你事半功倍 ~ 1. 删除数组尾部元素 一个简单方法就是改变数组的length值: const arr = [11, 22, 33, 44, 55, 66]; // truncanting arr.length = 3; console.log(arr); //=> [11, 22, 33] //

    阅读全文...

  • React Fiber 初探

    Posted by : lon.y@qq.com on 2018年6月21日

    一、为什么需要React Fiber 在React Fiber之前的版本,当React决定要加载或者更新组件树时,会做很多事,但主要是两个阶段: 调度阶段(Reconciler):这个阶段React用新数据生成新的Virtual DOM,遍历Virtual DOM,然后通过Diff算法,快速找出需要更新的元素,放到更新队列中去。 渲染阶段(Renderer):这个阶段React 根据所在的渲染环境,遍历更新队列,将对应元素更新。在浏览器中,就是跟新对应的D

    阅读全文...

  • CSS动画:animation、transition、transform、tra…

    Posted by : lon.y@qq.com on 2018年6月20日

    前言 在平时开发过程中,由于都是自己捣鼓玩的项目,并没有UI设计给我的设计图,更没有什么特效要求,导致对css动画一直都不是很熟悉,但是作为即将进入实习单位的萌新程序员,要时刻准备着设计师要求的各种动画,于是有了这一篇文章。 容易混淆的几个css属性 css属性很多,并且有些无论是字母的拼写还是字面上的意思,都容易混淆,比如我列出来的几个属性,是不是也混淆过你~ 属性 含义 animation(动画) 用于设置动画属性,他是一个简写的属性,包含6个属性 t

    阅读全文...

  • JavaScript 的 this 原理

    Posted by : lon.y@qq.com on 2018年6月20日

    一、问题的由来 学懂 JavaScript 语言,一个标志就是理解下面两种写法,可能有不一样的结果。 var obj = { foo: function () {} }; var foo = obj.foo; // 写法一 obj.foo() // 写法二 foo() 上面代码中,虽然obj.foo和foo指向同一个函数,但是执行结果可能不一样。请看下面的例子。 var obj = { foo: function () { console.log(this

    阅读全文...

  • PacVim:一个学习 vim 命令的命令行游戏

    Posted by : lon.y@qq.com on 2018年6月20日

    你好,Vim用户!今天,我偶然发现了一个很酷的程序来提高 Vim 的使用技巧。Vim 是编写和编辑代码的绝佳编辑器。然而,你们中的一些人(包括我)仍在陡峭的学习曲线中挣扎。再也不用了!来看看 PacVim,一款可帮助你学习 Vim 命令的命令行游戏。PacVim 的灵感来源于经典游戏 PacMan,它以一种好玩有趣的方式为你提供了大量的 Vim 命令练习。简而言之,PacVim 是一种深入了解 vim 命令的有趣而自由的方式。请不要将 PacMan 与 p

    阅读全文...