Moon里-优快云博客

express ( 框架 )；/xxx.do ( 发起请求 )；route ( 路由拦截 )；controller ( 业务逻辑 )；config ( 配置文件 )；404 ( 页面 )；自动更新工具；ajax ( 原生ajax的封装 )；增删改查/分页；dao ( 数据库交互 ) 、promise ( 对象 )；ajax ( jQueryAjax请求 )；ejs ( 视图模板 )；‌cookie、session、token ( 身份识别验证 )；multer文件上传；websocket；本地存储

2024-12-30 18:12:22 1283

原创【TS】TypeScript基础语法

安装、卸载、运行、使用；变量；数据类型；元组；枚举；其他类型；函数；类；多态；抽象；接口

2024-11-19 04:18:01 418 1

原创【JSOO】设计模式

单例模式；工厂模式；状态模式；观察者模式；桥接模式

2024-11-17 18:12:59 939

原创【JSOO】面向对象

Object；原型链；Prototype；ObjectFunction方法；封装函数自执行；继承；es6 继承组件封装；jQuery的Extend：关于对象的扩充；this 指向谁；闭包

2024-11-17 16:45:21 1222

原创【JS】ES6

对象；Symbol；Set；Map；模块化；解构赋值；箭头函数；扩展运算符；async 异步；filter 过滤；yield 关键字

2024-11-16 01:29:21 948

原创【CSS】兼容处理

查询工具 ( https://caniuse.com/ )；-XXX-兼容 ( 前缀针对不同内核的浏览器 ) ；META兼容 ( meta强制解析模式 )；HACK兼容 ( 老版本IE6 7 8 9浏览器 )

2024-10-02 00:43:41 970

原创【CSS】鼠标、轮廓线、滤镜、堆叠层级

鼠标，轮廓线，滤镜，堆叠层级

2024-09-23 02:04:34 627

原创【CSS】透明度、过渡、动画、渐变

透明度（只影响元素的背景不影响其中的内容），过渡，动画，渐变（线性渐变、重复线性渐变，径向渐变、重复径向渐变，锥形渐变、重复锥形渐变）

2024-09-23 02:01:58 4737

原创【CSS】变换

变换：空间概念，平移，旋转，缩放，倾斜，案例（六面骰子，旋转照片）

2024-09-23 01:57:46 1287

原创【CSS】定位

定位：默认定位，相对定位，绝对定位，固定定位，粘性定位

2024-09-23 01:56:03 1018

原创【CSS】盒子模型

盒子模型：宽度，高度，内边距，外边距，边框，圆角，阴影，溢出，浮动，外边距合并问题，子元素外边距传递塌陷问题，浮动塌陷问题

2024-09-23 01:53:22 1059 1

原创【CSS】字体文本

文本：颜色，大小，字体，样式，加粗，下划线，阴影，大小写变换，缩进，水平对齐、垂直对齐，溢出，换行、截断、空白符，单词间隔、字母间隔，行高，排布，字体图标、字体引入

2024-09-23 01:52:35 1202

原创【CSS】背景

背景：颜色，图像，平铺，定位，裁剪区域，缩放，开始区域，滚动方式；mask 遮罩层，clip-path 剪切路径

2024-09-23 01:46:11 1105

原创【CSS】变量的声明与使用

css中声明变量，以及变量的使用；root伪类选中根元素，在其中定义变量

2024-09-18 18:59:47 694

原创【CSS】选择器（基础选择器、复合选择器、属性匹配选择器、结构伪类选择器、伪元素选择器）

优先级：id选择器 > 类选择器 > 标签选择器 > 通配符选择器；后代选择器直系选择器； :first-of-type :nth-of-type(2n) :last-child :link :visited :hover :active :disabled :checked；::after ::before ::selection ::first-letter ::first-line ::placeholder

2024-09-14 22:46:39 1199

原创【HTML】元素的分类（块元素、行内元素、行内块元素）

如何消除行内块元素之间的空隙；转为行内块元素；转为行内元素；转为块元素

2024-09-13 17:21:46 1402 1

原创【HTML】Html标签

文本标签、表格标签、表单标签、列表标签、媒体标签、特殊字符、转义字符

2024-09-12 18:22:06 1629

原创【Vue】关于Vue3的生命周期

关于Vue3的生命周期

2024-09-08 08:53:59 599

原创【Vue】状态管理库 Vuex

Vuex是Vue的状态管理工具。new Vuex.Store({ }) 包括：state、getters、mutations、actions、modules；使用组件中绑定的辅助函数：mapGetters、mapActions、mapMutations、mapState；如何拆分store 创建module 模块

2024-09-07 18:58:26 1034 6

原创【HTML】弹性盒子 (display: flex) 布局

容器属性：flex-direction (主轴的方向)，flex-warp (主轴的项目换行)，justify-content (项目在主轴上的对齐方式)，align-items (项目在交叉轴上的对齐方式)，align-content (项目在交叉轴上的对轴线对齐方式)；项目属性：order (排列顺序)，flex-frow (放大比例)，flex-shrink (缩小比例)，flex-basis (项目初始占据的主轴空间)，align-self (自己单个项目的交叉轴对齐方式)

2024-08-21 12:08:59 3176

原创【Git】分支的创建、提交、合并、冲突解决、删除

可以将项目不断修改调整的过程放到分支上，修改定性之后再将分支内容向主支合并。git分支的创建、分支更改的提交、分支的合并、冲突文件的解决、分支的删除

2024-08-20 03:12:04 416

原创【Git】常见命令的使用

Git：分布式版本控制器；并非将所有版本放在中央服务器，它将每一个人的电脑都看做是一个服务器，不需要联网也可以提交；目前最先进主流的版本控制器，Git相对于SVN会复杂一些，因为它有很多命令。

2024-08-19 15:38:09 447 1

原创【Vue】生命周期 ( Vue2 / Vue3 )

生命周期：Vue2 / Vue3

2024-03-27 15:19:41 345

原创【Vue】父子组件间的传参、插槽的使用

子组件的模板里预留的空位（slot ），父组件使用子组件时可以在子组件的插槽内插入内容（可以是一个东西，也可以是一个结构，或是组件）//子组件通过$emit触发父组件上的事件：this.$emit("自定义触发事件的名称")组件传参：props属性接收传递来的参数，只能单向（父=>子），不能反向传递，不能跨级传递。//可以写成函数（子组件被点击时触发父组件的事件）组件传参：子组件通过$emit触发父组件上的事件。//接收父组件传过来的参数（数据是一个对象）//props属性接收，父组件传过来的参数。

2024-03-25 19:01:47 1153

原创【Vue】安装脚手架，搭建项目

安装脚手架 npm install -g@vue/cli (全局安装)，通过脚手架搭建项目 vue create 项目名 (项目名使用小写英文)

2024-03-25 15:51:46 322

原创【Vue】自定义指令directives、过滤器filters、计算属性computed、数据变化监测watch、Vue.set(target,key,value)方法、nextTick方法

自定义指令directives，过滤器filters，计算属性computed，数据变化监测watch，set方法，nextTick方法

2024-03-25 15:26:53 926

原创【Canvas】图片的base64编码

参考地址：https://blog.youkuaiyun.com/qq_43382853/article/details/105821589。可以找在线转码工具，把需要转码的图片转为base64编码格式，在src中的内容就是这些编码，代表了图片的全部信息。

2024-03-25 14:50:07 352

原创【Less】预处理语言

less：css预处理语言 .less，减少开发的代码量，将css变成更加动态的编程方式sass：css预处理语言 .sass（使用服务器解析不是基于nodejs；sass是最大的预处理语言，它由Ruby服务器运行环境解析）使用：1.less文件浏览器无法解析，需要重新编译成css文件浏览器才能识别（借助第三方工具）2.less文件可以通过服务器解析，直接运行。

2024-03-25 14:10:09 413

原创【Canvas】图片裁剪

/画布提供了一个方法：getImageData(要获取的图片的起始x坐标,要获取的图片的起始y坐标,要获取的像素宽度,要获取的像素高度)，可以获取指定区域所有的像素信息。//将获取的信息放入小画布：putImageData(imgData,在此画布中放的x坐标,放的y坐标)//将小canvas的内容传到服务器，canvas的内容服务器无法识别，需要转为base64编码格式。//鼠标在框中按下的时候，框移动到鼠标移动的位置（有图片的时候才可以移动）//鼠标弹起：获取裁剪框内的内容，用小canvas画出。

2024-03-24 20:50:34 810

原创【Canvas】画布

/方法3：drawImage(图片对象,切割的起始坐标x,切割的起始坐标y,切割的宽度,切割的高度,绘制的坐标x,绘制的坐标y,绘制的宽度,绘制的高度)// myCanvas.arc(100,100,50,0,360*Math.PI/180,true);//clearRect(x,y,宽,高)，清空画布（也可以避免看到**上一次**画的东西）// myCanvas.fill() //画实心，默认填充黑色。/*画圆： x,y,r,起点弧度,终点弧度,布尔值*///角度 * Pi / 180 = 弧度。

2024-03-24 19:29:54 706

原创【JS】ECMA标准的脚本语言规范

ECMA关于js变量数据运算符数据类型的转换编程三大结构单分支选择结构if的嵌套循环基本结构while循环、循环嵌套数组数组的方法Math对象堆-栈的理解函数function匿名函数es6-Functionarguments字符串字符串方法日期对象let与var的区别关于js1.什么是js（JavaScript）：轻量级的脚本语言 2.能做什么：交互，行为 3.js包含： a.核心（ECMAScript） b.Dom（Docum

2024-03-24 18:37:04 1168

空空如也

空空如也