自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

seaalan的博客

“岁月不饶人,我亦未曾饶过岁月。”

  • 博客(145)
  • 收藏
  • 关注

原创 牢记 - JS类型转换

六种原始值string number boolean null undefined symboltypeof 对于原始类型都可以正确判断(除了null)typeof 10"number"typeof '10'"string"typeof false"boolean"typeof undefined"undefined"typeof Symbol()"symbol"typeof null"object"typeof 对于对象(数组、对象、Data、正则都是对象)都会显示为ob

2020-08-19 00:46:11 25

原创 VSCode - 格式化配置,单引号变双引号问题

文件 - 首选项 - 设置 - 右上角 打开设置(json);填充下列内容:{ "workbench.iconTheme": "vscode-icons", // tab 大小为2个空格 "editor.tabSize": 2, // 100 列后换行 "editor.wordWrapColumn": 120, // 保存时格式化 "editor.formatOnSave": true}有时在上面设置中添加 “prettier.singleQuote”: tr.

2020-08-03 23:20:17 708

原创 VSCode - 推荐使用插件

插件说明vscode-icons文件图标显示Prettier - Code formatter代码格式化Chinese (Simplified) Language Pack for Visual Studio Code中文简体语言包ESLint代码检查工具

2020-08-03 00:05:51 45

原创 图 - Flex布局

2020-04-06 21:39:07 59

原创 图 - JS递归函数

2020-04-06 16:23:24 44

原创 图 - JS数组方法

2020-04-04 18:49:33 40

原创 AR - AR.js - basic

简介AR.js是一个用于Web增强现实的轻量级库,具有基于标记和基于位置的AR等功能。基于Web的:这是一个纯Web解决方案,因此无需安装。基于three.js + jsartoolkit5的完整javascript。AR.js使用artoolkit,因此它是基于标记的。 artoolkit是具有多年从事增强现实经验的软件。它可以做很多事情!它支持多种标记:多种类型的标记图案 / 条形码...

2020-03-01 20:12:45 101

原创 AR - three.js加载fbx

示例:https://threejs.org/examples/#webgl_loader_fbx_nurbs示例文件结构:加载步骤:初始化渲染器 (可以放在初始化fbx模型之后) renderer = new THREE.WebGLRenderer({ antialias: true,alpha: true }); // 初始化渲染器 renderer.setPixelRat...

2020-03-01 19:11:22 744

原创 CSS - Jquery操作样式

1 直接添加style添加一个css属性$(".channel").css({ "position": "static" });添加多个css属性$(".channel").css({ "position": "fixed", "width": "100%", "top": "0" });2 添加删除class定义一个class.channel-fixed { position...

2020-02-20 13:58:53 33

原创 CSS - flex

div { display: flex; /* 定义容器为弹性布局 */ flex-direction:column; /* 定义主轴为垂直方向 */ align-items: center; /* 定义子元素垂直居中 */ justify-content: center; /* 定义子元素水平居中 */ flex-wrap: wrap; /* 换行,第一行在上方 */}...

2020-02-19 16:25:48 48

原创 CSS - 透明度

1. rgba 推荐 background-color: rgba(0, 0, 0, 0.3); color: #fff;2. opacity 文字也会透明 background-color: rgb(0, 0, 0); opacity: 0.3; color: #fff;

2020-02-19 13:18:21 152

原创 CSS - 响应式图片

1 max-width<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2020-02-18 15:33:49 133

原创 CSS布局 - 左列定宽,右列自适应

1 float margin-left<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...

2020-02-18 11:55:56 106

原创 CSS布局 - 水平垂直居中

1 table-cell<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...

2020-02-18 11:40:10 34

原创 CSS布局 - 垂直居中

1 line-height vertical-align<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...

2020-02-17 18:02:42 33

原创 CSS布局 - 水平居中

1 text-align<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...

2020-02-17 16:56:55 30

原创 AngularJS8 - 绑定数据和属性

绑定数据:public protected private,不写则默认为publicimport { Component, OnInit } from '@angular/core';@Component({ selector: 'app-home', templateUrl: './home.component.html', styleUrls: ['./home.comp...

2020-02-06 18:32:00 172

原创 AngularJS8 - 组件

ng g --help (命令帮助)ng g component components/home (创建组件命令)创建的组件包括: home.component.css home.component.html home.component.spec.ts home.component.tshome.component.ts文件:import { Compo...

2020-02-06 18:21:24 101

原创 AngularJS8 - 项目结构

文件说明e2eend to end testnode_modules依赖src项目文件.editorconfigEditor configuration, see https://editorconfig.org.gitignorehttp://help.github.com/ignore-files/angular.jsonbr...

2020-02-03 11:13:11 176

原创 AngularJS8 - 环境搭建

准备ng --version (Node and Angular CLI version)Node: 10.16.0Angular CLI: 8.3.24node -v (NPM version)NPM: v10.16.0搭建npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install -...

2020-02-02 22:23:39 90

原创 AngularJS - 按需加载 - require

index.html<html> <head> <style> .active { color: red; font-weight: bold; } </style> </head> <body> <a ui-sref="...

2019-11-02 14:27:42 157

原创 部署 - PM2 - 启动express项目

使用pm2来启动express项目。先生成一个express项目,并通过npm start启动。express -e learn-expresscd learn-expressnpm install learn-expressnpm start启动后可以看到控制台输出:> learn-express@0.0.0 start D:\github\express\learn-ex...

2019-05-23 16:03:09 1144

原创 Express - express-generator

安装express-generatorcnpm install express-generator -g生成一个express项目learn-expressexpress -e learn-express安装依赖并启动cd learn-expressnpm install learn-expressnpm start启动后控制台输出> learn-express@0....

2019-05-23 15:49:32 386

原创 NodeJS - nodemon

使用nodemon来避免每次修改文件时都要重新手动启动。安装cnpm install nodemon -g使用nodemon server替换node server来启动项目。此时代码有任何变化,nodemon会重新启动项目。...

2019-05-23 12:02:51 202

原创 NodeJS - cnpm

安装:npm install -g cnpm --registry=https://registry.npm.taobao.org检测安装是否成功:cnpm version直接使用cnpm进行包安装即可。

2019-05-23 11:30:31 431

原创 AngularJS - 使用的模块

"angular-resource": "~1.5.0", 我们并不是直接通过$resource服务本身同服务器通信,$resource是一个创建资源对象的工厂,用来创建同服务端交互的对象。return $resource('app/activityLogs/:activityLogId',"angular-animate": "~1.5.0", $animate服务提供了基本的DOM操作功能如...

2019-05-16 18:31:22 66

原创 NodeJS - mocha

// mocha是nodejs下的自动化测试框架,可以大大简化异步测试的复杂度,并且提供相关的报告。安装:npm install --global mochavar request = require('supertest'), // superTest是一个Http封装的测试库,其简化了Http的请求和测试。 should = require('should'); // shou...

2019-05-15 11:15:25 214

原创 NodeJS - oauth2 验证中的三种策略

1.LocalStrategy 本地策略This strategy is used to authenticate users based on a username and password.Anytime a request is made to authorize an application, we must ensure that a user is logged in before...

2019-05-14 08:55:04 660

原创 JS - 利用slice复制新数组

var arr1 = [1, 2, 3];var arr2 = arr1.slice(0);arr2.push(4)console.info(arr2); //[1, 2, 3, 4]console.info(arr1); //[1, 2, 3]

2019-05-10 17:58:59 2059

原创 JS - 日期 - 使用时间戳比较2个日期的大小

let date1 = new Date('2019-05-08');let date2 = new Date('2019-05-08');console.log(date1.getTime() == date2.getTime()); // trueconsole.log(date1 - date2 === 0); // true

2019-05-08 16:04:17 2213

原创 JS - 日期 - 获取某月的最大天数

函数new Date(y, m, 0).getDate();天 的值是0,js会返回上一个月的最后一天,即最大天数。示例new Date(2019, 6, 0).getDate(); // 30

2019-05-07 17:37:24 2671 1

原创 JS - 日期 - 获取当前时间是本月第几周

函数function _getMonthWeek(theDate){ let currentDay = new Date(theDate); console.info(currentDay); // 2019-05-07T07:36:00.883Z let theSaturday = currentDay.getDate() + (6 - currentDay.getDa...

2019-05-07 15:42:29 896

原创 JS - 日期 - 使用setDate(0)获取上个月的最大一天

获取上个月的最大一天var y = new Date('2019-02-02');y.setDate(0); // 1548892800000y.getDate(); // 31

2019-05-06 16:51:24 1015

原创 JS - 日期 - 获取一个日期的星期

函数function _getDayOfWeek(theDate) { let dayOfWeek = new Date(theDate).getDay(); switch (dayOfWeek) { case 0: dayOfWeek = 'Sunday'; break; case 1: ...

2019-05-06 14:54:36 351

原创 Mongoose - 一次删除多条数据deleteMany

ItemCheckOfArchive.deleteMany({_id: {$in: itemCheckLists}})

2019-05-05 18:31:19 6947

原创 ES6 - 不改变原数组的方法

示例数据let users = [ { "firstName" : "alex", "lastName" : "guo", "age" : 18 }, { "firstName" : "fff", "lastName" : "LLL", "age" : 20 }, ...

2019-05-05 10:25:17 3184

原创 Webpack4.x - 入门

参考链接:https://www.webpackjs.com/guides/getting-started/安装方式本地安装npm install webpack webpack-cli --save-dev全局安装(不推荐全局安装 webpack。这会将你项目中的 webpack 锁定到指定版本,并且在使用不同的 webpack 版本的项目中,可能会导致构建失败。)npm...

2019-04-30 17:42:36 43

原创 微软服务 - 识别手写体

功能:识别图片中的手写体文字。API文档:https://westus.dev.cognitive.microsoft.com/docs/services/5adf991815e1060e6355ad44/operations/587f2c6a154055056008f200示例:https://azure.microsoft.com/en-us/services/cognitive-serv...

2019-04-30 11:35:19 498

原创 CSS - 常识 - float

使块元素在一行显示。float: left;.section1 { float: left;}<div> 使块元素在一行显示。float: left;</div><div> <section class="section1">section1</section> <section cla...

2019-04-29 12:24:37 67

原创 CSS - 行内元素水平居中

方法一:父级设置 text-align : center;.parent { text-align: center;}.parent > div{ text-align: left;}<div class="parent"> <div>行内元素水平居中方法一:父级设置 text-align : center;</div&g...

2019-04-29 11:39:58 3113

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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