TypeScript
TypeScript
简介
JavaScript 的超集(JavaScript 只是 TypeScript 的一部分)
添加了 类型系统 ,变量类型有明确的指定
添加了 接口 、枚举 、…
由微软开发;用于开发大型应用
let age: number = 18
应用场景:Vue3 使用了 TS、Angular、React
TS解析成JS
安装 typescript :npm i -g typescript
使用 typescript 的 tsc 命令实现 TS 解析成 JS: tsc ts文件
hello world TS
tsc hello.ts
node js文件,输出结果如下:
时间格式化工具
时间格式化工具学习笔记
常用的时间格式化工具:moment、date-fns
一个现代的 JavaScript 日期工具类库; 全面、简单,在浏览器和 Node.js 中操作 JavaScript 日期
date-fns 安装
yarn add date-fns | npm install date-fns –save
usage
format(new Date(), “yyyy-MM-dd HH:mm:ss”) 的使用
案例代码如下:
const dateFns = require('date-fns')
let year = dateFns.getYear(new Date()),
month = dateFns.getMonth(new Date()) + 1,
date = dateFns.getDate(new Date()),
week = dateFns.getDay(new Date()),
hour = dateFns.getHours(new Date()),
minute = date ...
Parcel打包工具的使用
Parcel 学习笔记
Parcel是一款零配置的打包工具; 打包速度快; 内部使用多线程打包; 可以快速构建前端应用程序;
Parcel 初始化
npm init
Parcel 安装
npm i parcel-bundler -D
Parcel 入口文件
HTML
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Parcel</title>
</head>
<body>
<script src="./main.js"></script>
</body>
& ...
Node.js学习笔记
Node.js 学习笔记zlib 模块的使用
实现文件压缩功能
模块引入: const zlib = require(“zlib”)
压缩算法: 1. gzip 2. deflate
案例代码如下:
const fs = require('fs')
const zlib = require('zlib')
const gzip = zlib.createGzip()
const deflate = zlib.createDeflate()
var inputFile = fs.createReadStream('已经存在的文件的路径')
var outputFile = fs.createWriteStream('自定义文件名称')
inputFile.pipe(gzip).pipe(outputFile)
inputFile.pipe(deflate).pipe(outputFile)
《GitHub Actions 入门》
GitHub Actions 简介
GitHub 的持续集成服务(2018年10月推出);
持续集成(Continuous integration,简称CI)
Travis CI
行为、操作 即 actions,一个独立脚本,可以存入远程代码仓库
actions仓库 | actions仓库
awesome-actions仓库
action 引用方式
userName/repoName 就表示 github.com/userName/repoName
workflow (工作流程)
持续集成一次运行的过程; GitHub Actions 的配置文件; 一个代码仓库可以有多个配置文件
存放在代码仓库的 .github/workflows 目录; workflow 文件采用 YAML 格式; 代码仓库自动运行这些配置文件
workflow 文件的配置字段
workflow 文件的配置字段
name: workflow 的名称 —> name: GitHub Actions Demo
on: 触发 workflow 的条件,通常是某 ...
《微信小程序学习笔记》
微信小程序 —- 学习笔记
微信小程序简介
一种不需要下载安装即可使用的应用
实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用
状态模式-单向数据流;
微信小程序 官网
微信小程序开发文档
账号注册地址
使用笔记
查询 微信小程序账号 AppID
查看 地址
项目结构
实例demo
Hello World !
代码展示,如下:
//index.js
//获取应用实例
const app = getApp()
Page({
data: {
str: 'Hello World !'
},
onLoad: function () {
}
})
页面结构代码,如下:
<!--index.wxml-->
<view class="container">
<!-- 数据绑定 {{}} 绑定内容 -->
{& ...
《Node.js 学习笔记之服务器静态资源托管服务》
《Node.js 学习笔记之服务器静态资源托管服务》引入 http 服务
const http = require(‘http’)
开启服务器并指定端口const server = http.createServer((req,res) => {
// code
}).listen(3000,() => {
console.log('服务开启成功, 请访问 http://localhost:3000/')
})
express 中间件的使用
它是处理过程中的一个环节; 是一个函数
可以执行任何代码
可以修改请求和响应对象
可以终结请求-响应循环
可以调用堆栈中的下一个中间件
引入 express
const express = require(‘express’)
返回对象
const app = express()
托管静态资源
app.use(express.static(‘test’))
app.listen(3000, () => { console. ...
《CSS(层叠样式表) 学习笔记之 cursor》
《CSS(层叠样式表) 学习笔记之 cursor》cursor 简介
cursor 是 CSS 属性设置光标的类型(如果有),在鼠标指针悬停在元素上时显示相应样式
cursor: help;
cursor: wait;
cursor: crosshair;
cursor: not-allowed;
cursor: zoom-in;
cursor: grab;
cursor: help; 指示帮助 效果如下:
cursor: wait; 效果如下:
cursor: crosshair; 效果如下:
cursor: not-allowed; 效果如下:
cursor: zoom-in; 效果如下:
cursor: grab; 效果如下:
语法
cursor属性为零个或多个值,它们之间用逗号分隔,最后必填一个关键字值。每个指向一个图像文件。浏览器将尝试加载指定的第一个图像,如果无法加载则返回下一个图像,如果无法加载图像或未指定图像,则使用关键字值代表的指针类型
关键字值
cursor: pointer;
cu ...
《JavaScript 学习笔记 之 日常练习案例》
JavaScript 学习笔记
日常练习案例
字符串操作// 'abcEFG' 重新排序 ---> 规则是 把大写字母放前面,小写字母放后面
// realization
/**
explain:
operationStr 操作字符串
应用了: String.split() 切割字符串返回数组、
Array.join() 将数组中的元素以某种操作符连接起来、
正则表达式的使用
*/
function operationStr(str)
{
return str.split(/[a-z]/g).join('') + str.split(/[A-Z]/g).join('')
}
// Test
var str = 'abcEFG', // expect output: 'EFGabc'
result = operationStr(str)
console.log(result) // output: ' ...
《一次推送本地项目同步至多个平台的远程仓库》
开发者学习笔记
项目数据同步
平常我们写项目,写好后就分别提交到源代码管理仓库 github 和 gitee问题来了,一旦项目多了,我的需求来了,想要一次提交 ,实现 github 和 gitee 数据同步
step1: 创建 一个 文件夹 sync_github_gitee
step2: 初始化一个空的git本地仓库, 即 git 文件夹(如果看不到,可能隐藏了)
step3: 进入 git 文件夹,修改 config 内容
step4: cd ..
step5: 执行 git add . 将当前目录下的文件从工作区存入暂存区
step6: 设置 提交的 message ---> git commit -m "message"
step7: 提交 --> git push -u origin master
[core]
repositoryformatversion = 0
filemode = false
bare = false
logallrefupdates = true
symlinks ...