翾的博客

如果有一天我们淹没在人潮里,那是因为没有努力活得丰盛。

JavaScript行为型设计模式

javascript设计模式读书笔记 模板方法模式 父类定义一组操作骨架,而将一些实现步骤推迟到子类中。 这节自己没有想到很好用到生产中的例子 // e.g. const Alert = function (data) { this.content = data.content; this...

2019-05-21 17:39:56

阅读数 4

评论数 0

JavaScript结构型设计模式

javascript设计模式读书笔记 外观模式 这个很简单,就是指当一个复杂的系统提供一系列复杂的接口方法时,对接口的二次封装隐藏其复杂性。 // e.g. const api = { getabc: () => { // 调用各种函数 // 处理很多 return '...

2019-05-08 14:52:03

阅读数 13

评论数 0

JavaScript对象设计模式

简单工厂模式 为了尽量减少地创建全局变量,同一类对象在不同需求中的重复性使用。通过对简单工厂来创建一些对象,可以让这些对象共用一些资源而又私有一些资源。对于简单工厂模式来说,它的使用场合通常也就限制在创建单一对象。 // e.g. function createPop(type, text) { ...

2019-05-06 11:15:56

阅读数 11

评论数 0

使用canvas给图片增加滤镜

类似操作像素的博主还写过一篇文章:原生JavaScript + Canvas实现图片局部放大器 1. 效果图 2. 实现原理 滤镜效果主要使用的均为canvas的getImageData以及putImageData。 (以上两个api详细介绍可以点击蓝色链接,跳转到MDN查看) 操纵getIma...

2019-04-26 19:42:19

阅读数 19

评论数 0

原生JavaScript + Canvas实现图片局部放大器

文章目录1. 效果图2. 原理2.1. 拖拽放大2.2. hover放大3. 代码 1. 效果图 有两种放大模式,分别为拖拽放大以及单纯的hover放大,已下是效果图: 2. 原理 两种局部放大效果主要使用的均为canvas的getImageData以及putImageData。 (以上两个a...

2019-04-26 15:00:55

阅读数 33

评论数 0

JavaScript拖动文件上传并展示缩略图代码示例

最近又温习了一下H5的知识,因此小小整理一下 效果图 asd那个就是文件上传请求 说明 此处应用到的知识点只要是H5的拖放操作,有两种缩略图展示方式,一种为使用URL,另一种是使用FileReader,详情见下面代码 代码 <!DOCTYPE html> &l...

2019-04-16 13:28:27

阅读数 40

评论数 0

前端人脸识别--两张脸相似度

博主才疏学浅, 刚研究此项目没多久, 以下内容主要以实用角度, 略带一些概念自己的理解, 如果有错误, 麻烦大佬们多多指点. 代码传送门, 安装即用, 记得给老弟点个star https://github.com/TheKiteRunners/face-recognition-browser 测试...

2019-02-23 13:12:31

阅读数 375

评论数 2

pre-commit使用commit之前的检测办法

npm地址: https://www.npmjs.com/package/pre-commit 第一步 安装pre-commit包 npm install pre-commit --save-dev 第二步 修改package.json, 增加pre-commit字段 // 例子, 在提交之前运...

2019-02-16 11:42:24

阅读数 172

评论数 0

Session, Token和Cookie的区别

文章目录1. Session 与 Cookie的区别及关联关系1.1. Cookie原理1.2. Session原理1.3. 总结2. token 1. Session 与 Cookie的区别及关联关系 cookie数据存放在客户的浏览器上,session数据放在服务器上(不同容器, 不同框架存储...

2019-01-24 14:48:17

阅读数 67

评论数 0

Service Worker概念和应用介绍

Service workers 本质上充当Web应用程序与浏览器之间的代理服务器,也可以在网络可用时作为浏览器和网络间的代理. Service worker是一个注册在指定源和路径下的事件驱动worker。它采用JavaScript控制关联的页面或者网站,拦截并修改访问和资源请求,细粒度地缓存资源...

2019-01-15 16:28:41

阅读数 167

评论数 0

MongoDB入门系列(四) ===> 应用补充

1. 数据库引用 可以在一条数据里面, 保存相关数据库的引用 格式: { $ref : , $id : , $db : } 三个字段表示的意义为: $ref:集合(表)名称 $id:引用的id $db: 数据库名称,可选参数 例: // 有一条这样的数据 { &q...

2019-01-12 15:05:32

阅读数 133

评论数 5

MongoDB入门系列(三) ===> 基本操作:增删改查

数据库 创建数据库 语法: use DATABASE_NAME > use gkd switched to db gkd 但如果不插入数据, 数据库是显示不出来的. db.集合名(表名).insert({key: va...

2019-01-08 13:12:29

阅读数 67

评论数 0

MongoDB入门系列(二) ===> 创建用户

本文代码测试环境: win10, MongoDB 4.0.5 刚安装好的mongodb会提示: 2019-01-05T11:22:42.470+0800 I CONTROL [initandlisten] ** WARNING: Access control is not enabled for...

2019-01-05 13:00:11

阅读数 135

评论数 0

MongoDB入门系列(一) ===> 概念解析

学习笔记记录, 内容出自菜鸟教程http://www.runoob.com/mongodb/mongodb-databases-documents-collections.html 文章目录和sql术语的对比数据库常用命令1. "show dbs&...

2019-01-04 15:04:53

阅读数 68

评论数 0

TypeScript与JavaScript不同之处系列(九) ===> 命名空间, 三斜线指令

本系列目的: 列出TypeScript与JavaScript的不同点, 缩小文档内容, 提高学习速度. 原文档地址: https://www.tslang.cn/index.html

2019-01-02 14:00:36

阅读数 104

评论数 0

2018年总结, 2019年规划

今天是19年的1月1日, 在家里写下的这篇文章, 今天天气还算不错, 还能看得见填空的蓝. 2018年回顾 18年四处奔波, 从大三升到了大四. 从18年的1月份我就开始了实习生活, 1月6号去的北京网易有道生活了三个月, 住在回龙岗那边; 每天过的很开心, 当初还吐槽过周边环境太偏僻, 不过这么...

2019-01-01 11:18:27

阅读数 2506

评论数 2

TypeScript与JavaScript不同之处系列(八) ===> 高级类型

本系列目的: 列出TypeScript与JavaScript的不同点, 缩小文档内容, 提高学习速度. 原文档地址: https://www.tslang.cn/index.html 这节内容比较多, 但也很实用 文章目录高级类型交叉类型联合类型(Union Types)类型保护用户自定义的类型保...

2018-12-31 15:31:47

阅读数 338

评论数 0

TypeScript与JavaScript不同之处系列(七) ===>类型推论, 类型兼容性

本系列目的: 列出TypeScript与JavaScript的不同点, 缩小文档内容, 提高学习速度. 原文档地址: https://www.tslang.cn/index.html 类型推论 基本 let x = 3; // 推断x为数字 let zoo = [new Rhino(), new...

2018-12-30 12:53:52

阅读数 47

评论数 0

TypeScript与JavaScript不同之处系列(六) ===>枚举

本系列目的: 列出TypeScript与JavaScript的不同点, 缩小文档内容, 提高学习速度. 原文档地址: https://www.tslang.cn/index.html 枚举 简单使用 enum Direction { a = 3, b, c, d} // 手动赋值, b c d的...

2018-12-29 14:50:53

阅读数 135

评论数 0

TypeScript与JavaScript不同之处系列(五) ===> 泛型

本系列目的: 列出TypeScript与JavaScript的不同点, 缩小文档内容, 提高学习速度. 原文档地址: https://www.tslang.cn/index.html 泛型 简单使用 泛型解决的问题: 一种方法使返回值的类型与传入参数的类型是相同的. 下面是小例子: functio...

2018-12-29 12:55:45

阅读数 54

评论数 0

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