自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

多啦的博客

梦里青草香

原创 JS中图片的处理与合成(生成水印)

以美图的图片处理为例子,学习JS中对图片的处理。处理图片时需要使用canvas 1 图片的跨域 使用canvas处理图片,首先需要加载图片,如果是在线图片需要针对图片进行跨域的处理。具体的处理方法是: 在图片服务器上设置跨域头,并且在前端加载图片之前将<img&gt...

2018-07-31 17:22:18

阅读数 11622

评论数 0

原创 FormData对象

1 form标签 <form>标签用于为用户输入创建HTML表单,向服务器传输数据。 表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含menus、textarea、fieldset、legend和label元素。 注释:...

2018-07-18 21:24:58

阅读数 1457

评论数 0

原创 Vue风格指南

组件名为多个单词 除了根组件App之外,组件名应该始终是多个单词的,这样做可以避免和现有的以及未来的HTML元素冲突 组件的data必须是一个函数 如果不是函数,那么会在组件的所有实例之间共享,导致会被随意修改,且无法维护。 Vue.component('some-com...

2018-07-17 19:25:17

阅读数 261

评论数 0

原创 Git17 webstorm中git中文乱码

用着webstorm+git bash,用着好好看,突然发现git的提交记录中的中文全都变成乱码或者十六进制编码的样子了: <E6><B7><BB> 咋地了?...

2018-07-09 17:35:26

阅读数 805

评论数 0

原创 webpack05 多入口文件页面打包配置

大多数情况,我们使用webpack打包单页面应用,有的时候也会遇到多页面的项目 单入口配置 一般情况下的配置模板如下: module.exports = { entry: {}, output: {}, module: {}, plugins: [], devSe...

2018-07-09 10:00:00

阅读数 721

评论数 0

原创 webpack04 resolve

resolve是webpack的配置项中一个比较重要的属性,主要用来配置模块如何解析。 例如在ES2015中调用import 'lodash',resolve能够对webpack查找lodash的方式进行修改 resolve.alias 创建import或者requi...

2018-07-09 09:59:40

阅读数 685

评论数 0

原创 构建工具03 Webpack模块热重载(HMR)

使用webpack-dev-server 实现的Hot Moudle Replacement(HMR)让我们在开发时修改代码并保存后,不必手动刷新浏览器,而是让浏览器通过新的模块替换老的模块。这样可以让我们在保证当前页面状态的前提下,让新的代码生效,就如同在Chrome的控制台修改CSS样式一样。

2018-07-09 09:58:59

阅读数 1223

评论数 0

原创 webpack02 优化第三方库的打包性能

在引入第三方的库之后使用webpack打包时,默认会将这些第三方的库重新打包,但是实际上需要重新打包的只有业务代码,这些第三方库是完全不用重新打包的,所以需要对这个过程进行优化。 1 externals Webpack可以配置externals来将依赖的库指向全局变量,从而不再打包这个库,...

2018-07-09 09:58:37

阅读数 569

评论数 0

原创 webpack01 简介

什么是webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用 与gulp/grunt的区别 Gulp/Grunt是...

2018-07-09 09:58:09

阅读数 50

评论数 0

原创 Node03 Package.json

1 概述 每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。pm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。 命令提示符执行npm instal...

2018-07-06 11:28:35

阅读数 153

评论数 0

原创 Node02 NPM

说明 npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等),npm已经在Node.js安装的时候顺带装好了、 安装插件 npm install <name> [-g] [--save...

2018-07-06 11:28:20

阅读数 39

评论数 0

原创 Webstorm08 Webstorm下调试Node

在代码中打断点的方式和在chrome中是相同的,需要完成一些配置即可 首先点击菜单栏中的run→edit configuration 然后新建一个配置名,大部分都应该默认配置好的,没有配置好按照下图配置就行,需要注意的是Node parameters配置为--harmony来启用一些Nod...

2018-07-06 08:46:57

阅读数 376

评论数 0

原创 Node11 process.env对象

process对象 process对象是Node的一个全局独享,提供当前Node进程的信息。他可以在脚本的任意位置使用,不必通过require命令加载 属性 process对象提供了一系列的属性,用于返回系统信息 process.argv:返回一个数组,成员是当前进程的所有命令行参数...

2018-07-06 08:42:40

阅读数 248

评论数 0

原创 Node12 AMD、CDM、UMD模块的写法

AMD AMD是一步模块规范,RequireJS就是采用这种规范实现 // 文件名: foo.js define(['jquery'], function ($) { // 方法 function myFunc(){}; // 暴露公共方法 ...

2018-07-06 08:42:13

阅读数 257

评论数 0

原创 JS42 利用JWT实现登录

1 什么是JWT JWT是JSON WEB TOKEN的缩写,是为了在网络应用环境建传递声明而执行的一种基于JSON的开放标准。该Toekn被设计为紧凑并且安全的,特别适用于分布式站点的单点登录(SSO) 2 传统的session认证 传统的session认证是为了让我们的而英勇能识别是...

2018-07-02 15:33:59

阅读数 1842

评论数 0

原创 bcryptjs 加密

简介 bcryptjs是一个第三方加密库,用来实现在Node环境下的bcrypt加密 bcrypt,是一个跨平台的文件加密工具。由它加密的文件可在所有支持的操作系统和处理器上进行转移。它的口令必须是8至56个字符,并将在内部被转化为448位的密钥。 安装和引入 安装: n...

2018-07-01 13:08:45

阅读数 2690

评论数 0

提示
确定要删除当前文章?
取消 删除