Moon里-优快云博客

原创【MySQL】数据库可视化工具，MySQL命令

Navicat ( 可视化工具 )；MySQL ( 下载 / 启动 )；SQL ( 结构化查询语言 )

2025-01-08 17:45:34 458

原创【Node】常见 Http 状态码

状态码：1XX ( 消息 )；2XX ( 成功 )；3XX ( 重定向 )；4XX ( 请求错误 )；5XX ( 服务器错误 )

2024-12-30 18:21:29 924

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 1111

原创【TS】TypeScript基础语法

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

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

原创【JSOO】设计模式

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

2024-11-17 18:12:59 926

原创【JSOO】面向对象

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

2024-11-17 16:45:21 1207

原创【JS】ES6

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

2024-11-16 01:29:21 913

原创【CSS】兼容处理

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

2024-10-02 00:43:41 918

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

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

2024-09-23 02:04:34 603

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

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

2024-09-23 02:01:58 4480

原创【CSS】变换

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

2024-09-23 01:57:46 1231

原创【CSS】定位

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

2024-09-23 01:56:03 1007

原创【CSS】盒子模型

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

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

原创【CSS】字体文本

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

2024-09-23 01:52:35 1170

原创【CSS】背景

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

2024-09-23 01:46:11 1080

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

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

2024-09-18 18:59:47 672

原创【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 1178

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

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

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

原创【HTML】Html标签

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

2024-09-12 18:22:06 1550

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

关于Vue3的生命周期

2024-09-08 08:53:59 580

原创【Vue】状态管理库 Vuex

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

2024-09-07 18:58:26 992 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 2948

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

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

2024-08-20 03:12:04 404

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

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

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

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

生命周期：Vue2 / Vue3

2024-03-27 15:19:41 307

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

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

2024-03-25 19:01:47 1124

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

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

2024-03-25 15:51:46 295

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

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

2024-03-25 15:26:53 905

原创【Canvas】图片的base64编码

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

2024-03-25 14:50:07 343

原创【Less】预处理语言

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

2024-03-25 14:10:09 407

原创【Canvas】图片裁剪

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

2024-03-24 20:50:34 791

原创【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 699

原创【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 1138

原创【JS】数据双向绑定原理

双向数据绑定原理：Object.defineProperty()，会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回该对象。//get、set（使用get和set时不能同时使用value或者writable会报错）// object1.name="lmy"（从前的添加属性方式）set:undefined（默认），可选。writable:false（默认）//false时，value不能被赋值。//enumerable（可枚举）//writable（可改写）//false时，属性不可枚举。

2024-03-24 17:00:23 517

原创【JS】H5为元素新增的属性draggable（拖拽）

/被拖物在释放区放下时触发（阻止ondragover的默认行为，ondrop事件才起作用）/*被拖物在释放区内移动，释放区的状态*//*被拖拽时原本的地方不显示拖拽物*///拖动过程中原始位置的被拖物不显示。//被拖物进入释放区占据的空间时触发。/*被拖拽时被拖拽物的状态*///被拖物在释放区内移动时触发。//被拖动元素进入放置目标时。//被拖物离开释放区时触发。//每个释放区都有的事件。//被拖动元素放入目标时。/*被拖拽物div*//*释放区div*///被拖物-拖动开始。//被拖物-拖动结束。

2024-03-24 16:56:59 1114

空空如也

空空如也