Moon里-CSDN博客

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

2024-03-25 19:01:47 959

原创【Vue】脚手架的介绍和搭建

脚手架 vue-cli（1）安装脚手架（npm版本3.0以上，查看npm版本：npm -v）npm install -g@vue/cli （全局安装）（2）通过脚手架搭建项目vue create 项目名（项目名使用小写英文）??>(*) Babel ---转码器(*) Router(*) Vuex?> 2.x?No??

2024-03-25 15:51:46 237

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

做想的事情不拘泥于原有的指令//设置自定义指令的 foucs : {//自定义指令的名称，在html中使用的时候就是v-foucs inserted : function(el) {//inserted函数表示当绑定了该指令的元素被插入到dom的时候就会立即触发它（el表示使用了自定义指令的页面元素） console . log(el);//当这个元素出现的时候，这个元素要干什么事情 console . log(el);

2024-03-25 15:26:53 849

原创【Canvas】图片的base64编码

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

2024-03-25 14:50:07 230

原创【Less】预处理语言

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

2024-03-25 14:10:09 319

原创【Canvas】图片裁剪

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

2024-03-24 20:50:34 644

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

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

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

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

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

2024-03-24 16:56:59 923

千里之行，始于足下

原创【Vue】关于生命周期

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

原创【Vue】脚手架的介绍和搭建

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

原创【Canvas】图片的base64编码

原创【Less】预处理语言

原创【Canvas】图片裁剪

原创【Canvas】画布

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

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

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

原创【JS】什么是jQuery

原创【JS】什么是对象

原创【JS】BOM浏览器对象模型

原创【Vue】基础语法

原创【JS】正则表达式

原创【JS】DOM文档对象模型

原创【JS】学生管理系统（弹出框版本）

空空如也

空空如也