搭建NPM私有仓库

在公司内部有时因为业务需要我们建立自己的npm包私有仓库,以方便各个项目代码共用。verdaccio是比较方便搭建npm私有仓库的包。

NPM指南

logo

npm 全称:Node Package Manager (Node 包管理器),目前是Web前端开发重要依赖工具之一。安装Node.js默认会安装npm,前端各种资源都可以通过一个npm命令下载到自己的本地计算机上。

用户通过一个命令将npm上发布的包下载自己本地计算机并在项目中使用,也可以将自己的包发布到npm上供全球Web前端开发者下载使用。

npm的出现极大提升了前端开发体验。

Canvas文本和图片处理

canvas提供了对文字和图片操作的接口,可以方便我们对文字或图片进行处理。

文字

canvas文字操作和CSS操作文字一样可以设定文字的大小,字体,和文字间对齐方式。

Canvas入门

通过<canvas>标签可以让我们使用JavaScript脚本绘制图形,制作照片,创建动画,甚至可以进行实时视频处理或渲染。

WebGL也使用<canvas>元素在网页上绘制硬件加速的3D图形。

Babel7手册

Babel7是Babel最新的一个大版本的更新,它启用新的包名方式以区分官方包和非官方包,它现在也开始支持TypeScript。它引入了新的配置方式babel.config.js

之前对Babel有所了解,工作中也有使用,但一直觉得自己对它认识很模糊,所以整理一篇文章让自己对它认识更清晰。

Git使用技巧(merge,alias)

merge –no-ff

git进行代码合并时一般操纵是git merge feature。这表示快速合并两个分支,将HEAD指针快速指向最远的那个节点。

JavaScript的数据类型和它们之间的转换

JavaScript是个动态语言,它的变量是没有类型的,但变量代表的值是有类型的。不同的类型值使得变量拥有特定的能力。

JavaScript内置7种数据类型:

  • null — 空值
  • undefined — 未定义
  • boolean — 布尔值
  • number — 数字
  • string —字符串
  • object — 对象
  • symbol — 符号

注意:数组和方法都属于object

通过 typeof可以获得一个变量的值类型。

管理多个小程序

在项目开发中,有些商户要求用自己的资料注册小程序。这样就会有多个小程序需要开发,他们代码一摸一样只是一些配置参数不一样而已。

管理这种功能和代码一样,只是个别配置参数不一样的小程序,通过NodeJS写给脚本就可以方便管理了。原理很简单,以一个小程序项目为模版,每次开发之需要编辑它。其它小程序都是它的克隆而已。

关于使用UIKit开发应用程序

了解UIKit和Xcode为你的iOS和tvOS应用程序提供基础支持。

概述

UIKit框架为你提供了构建iOS和tvOS应用程序所需的核心对象。你可以使用这些对象在屏幕上展示内容,于内容交互,以及管理与系统的交互。应用程序的基本行为依赖于UIKit,UIKit为你的定制话行为提供了多种方法以便满足你的特殊需求。

Webpack4配置指南

webpack是目前web前端最流行的项目管理工具,它的概念繁多配置繁琐但功能及其强大可以应对各种项目管理需求。

webpack4是webpack一个大的升级,自带一些默认设置项一些之前可以使用的插件也不在兼容。本文记录webpack4下主要会用到的模块和插件。

webpack核心功能是前端Javascript代码的模块管理,而对于css,png等其它类型的文件处理,是通过loader调用第三方提供的处理库。webpack4核心模块有:Entry,Output,Module,Optimization,Plugins,Mode

1
$ yarn add -D webpack  webpack-cli

Shell脚本入门

Shell脚本(英语:Shell script),又称Shell命令稿、程序化脚本,是一种计算机程序与文本文件,内容由一连串的shell命令组成,经由Unix Shell直译其内容后运作。被当成是一种脚本语言来设计,其运作方式与解释型语言相当,由Unix shell扮演命令行解释器的角色,在读取shell脚本之后,依序运行其中的shell命令,之后输出结果。利用shell脚本可以进行系统管理,文件操作等。

shadowsocks安装

一名合格的程序员必备技能之一应该就是能够翻越那堵墙,而Shadowsocks在这方面是好用的工具。

A fast tunnel proxy that helps you bypass firewalls

rpm重装Python,yum

阿里云Python自带版本是2.x想升级到3.x。就把自带的Python删掉了,最后发现yum居然用不了了!因为yum依赖于Python2.x。最后通过google找到一个最简单好用的重新安装Python,yum方法。通过Linux软件包RPM安装。

Koa实战手册

Koa一款简洁,轻量级的HTTP中间件框架。它本身不包含任何中间件,你可以根据自己业务需求来添加使用中间件,中间件支持链接调用。

中间件是一个函数(异步或者同步)处在 HTTP request(请求)与 HTTP response (响应)之间,用来实现某种中间功能 app.use() 来加载中间件。基本上,Koa 所有功能都是通过中间件来实现的,中间件函数会被传入两个参数:1) ctx context 对象,表示一次对话的上下文(requset和response);2) next 函数,调用 next 函数可以把执行权交给下一个中间件,下一个中间件执行完会把执行权再交回上一个中间件。如果中间件中有异步操作,需要使用 async、await 关键字,将其写成异步函数

Swift语法笔记

好奇心驱使,最近在学习Swift这门语言。第一次接触了解概况时觉得它像Javascript,Python等脚本语言,随着深入学习让我领略到了强类型语言的严谨慎密。

此篇文章记录在阅读Swift官方教程中文版中的重点摘要笔记。

Flask部署

开发时我们是通过Flask内置得服务器进行调试,但在生成环境我们不应再使用Flask内置服务器而应该用更稳定的服务器接受客户端的请求,Flask应用处理业务。

Python应用的线上部署离不开WSGI

Web服务器网关接口(Python Web Server Gateway Interface,缩写为WSGI)是为Python语言定义的Web服务器和Web应用程序或框架之间的一种简单而通用的接口。

PIL入门

PILPython中长用的图像处理库。但是它更新较慢,现在都是使用它的一个分支Pillow
Pillow继承了PIL接口并提供能更多功能。