记录与分享

Do you have a dream ?

NPM 介绍

npm 为你和你的团队打开了连接整个 JavaScript 天才世界的一扇大门。它是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,包含超过 600000 个 包(package) (即,代码模块)。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。

私有 NPM

需求背景

平时在项目工作中可能会用到很多通用性的代码,比如,框架类、工具类以及公用的业务逻辑代码等等,通过打包发布到 npm 中央仓库或者私有仓库,来进行维护和托管代码,方便公用代码的使用,如果涉及到不方便公开的代码组件可以发布到私有仓库。

私有 npm 组件库的优势

  • 私有 npm 包只对公司内部局域网开放
  • 速度比直接在 npm 下载包更快,也比使用淘宝镜像快,毕竟是在公司内部局域网
  • 对于发布和下载 npm 包可以配置权限管理
    阅读全文 »

起因

前不久,有个需求要往地图上拖放添加设备图标,自然想到的就是ondragstart 、ondrop、ondragover,中间涉及传递拖曳设备的id、name等信息,这时就需要dataTransfer。所以就正常的开始撸:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function dragstart(event) {
var itemData ={id:1,name:"demo"};
event.dataTransfer.setData("data", JSON.stringify(itemData));
}

function allowDrop(event) {
event.preventDefault();
}

function drop(event) {
event.preventDefault();
console.log(event.dataTransfer.getData("data"));
// TODO
}

<div id="div_drag" draggable="true" ondragstart="dragstart(event);">可拖曳元素</div>
<div id="div_drop" ondrop="drop(event)" ondragover="allowDrop(event)">拖曳放置区</div>

阅读全文 »

写在前面

关于 Git,大家想必都很熟悉,因为我们几乎每天都在重复着git addgit commitgit push等命令,自然也就留下很多“痕迹”,如果没有好的规范和工具来约束,可能就会出现以下情况:

因此,规范和工具的重要性就体现出来了:

关于 Git Commit message 的写法规社区有多种,本文采用的的 Angular 规范是目前使用最广的写法,比较合理和系统化,并且有配套的工具。

阅读全文 »

说在前面

俗话说好记性不如烂笔头,考虑到每次安装部署都要各种查阅资料,很是不便,故决定重头开始安装一遍常用服务,作为以后的参照。

第一步:确定发行版本,安装系统

首先明确自己需要的版本,本人不习惯桌面版(作为服务器,推荐熟悉命令行系统,毕竟效率上不是一个量级的),而且也不喜欢集成好的第三方镜像,故直接在官网下载最小化版本Minimal ISO。这里我们以目前最新版本 CentOS7 64 位系统为例进行安装(具体安装过程不在叙述,大家肯定可以的)。

阅读全文 »

前言

闭包(closure)这个词是在学习JavaScript过程中经常被提到的,很多人一开始都对此有些迷惑,然后在不断地参考学习中逐渐掌握,本文主要简述下自己学习过程中对闭包的理解。

什么是闭包

MDN官方解释:

Closures are functions that refer to independent (free) variables (variables that are used locally, but defined in an enclosing scope). In other words, these functions ‘remember’ the environment in which they were created.

closure是拥有独立变量(在封闭空间中定义的可以在本地环境中使用的变量)的函数,换句话说,就是这种函数可以”记住”他们创建的环境。
简而言之,就是闭包是一个函数,能将创建的变量的值始终保持在内存中,以供本地环境使用。

阅读全文 »
0%