- 博客(14)
- 收藏
- 关注
RSS订阅原创 作用域插槽
vue中的插槽组件通过插槽传入自定义结构 用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容 vue提供组件插槽能力, 允许开发者在封装组件时，把不确定的部分定义为插槽一般是子组件通过slot标签占一个坑 然后在父组件中写结构传入子组件...
2022-05-11 21:58:39
119
原创 生命周期函数(钩子函数)
vue 框架内置函数，随着组件的生命周期，自动 按次序 执行作用：特定的时间点，执行某些特定的操作四个阶段:初始化 => 创建组件 => beforeCreate created 挂载 => 渲染显示组件 => beforeMount mouted 更新 => 修改了变量 => 触发视图刷新 => beforeUpdate updated 销毁 => 切换页面 => 会把组件对象从内存删除 => beforeDe...
2022-05-09 21:57:55
240
原创 Vue组件 - 封装使用
1. 什么是组件化开发一个页面 可能有一个或多个组件 组成完整的页面功能封装思想: 把页面上 可重用的部分 封装为 组件 , 从而方便项目的开发和维护2. 封装和使用第一步 : 定义组件例如: 定义一个名为MyCom的组件,并在App.vue中使用 (结构如下)第二步 : 在 App.vue中 引入 、注册 并 使用组件// 局部注册组件// 进入到当前组件内部// 1. 导入组件import 组件名 from './MyCom.vue'// 2. 局部注册
2022-05-08 21:49:23
673
原创 JS高级 数组的七种迭代方法
1.map方法按照某种映射关系, 把数组的每一个元素给修改了回调函数执行次数等于数组的长度使用场景: 全场8折 数组内每个元素都 *0.82.filter方法filter方法使用 筛选数组 挑选出需要的元素放入新的数组中也需要遍历数组 判断元素是否是需要的元素 是的话就放入新数组 不是则跳过filter方法的特点:回调函数执行次数 == 数组长度回调函数内部的return: return true : 符合筛选条件，放入新数组中return false : 不符合
2022-05-06 22:03:31
252
原创 ES6语法
1.声明变量关键字1. ES5声明变量 var有变量预解析 没有块级作用域预解析 : 变量的声明会提升到当前作用域最顶端2.ES6声明变量 let const没有变量预解析 有块级作用域3. let与const区别let : 变量。 可以修改 const : 常量。 不可以修改2.解构赋值解构赋值 ： 变量赋值的简写(解构精髓：当变量名 和 对象属性值一致的时候，只需要写一个)1对象解构赋值2.数组解构赋值3.函数参数解构解构原理:当函数参数是
2022-05-05 21:46:58
130
原创 Vue脚手架的安装和第一个项目的创建
安装vue-cli这是一个第三方的包 首先电脑要安装Node.js全局安装命令npm install -g @vue/cli注意: 如果半天没动静(95%都是网速问题), 可以ctrl + c 停止安装，换一个网络环境来继续重新安装。npm config set registry https://registry.npm.taobao.org/ 设置淘宝镜像地址npm config get registry 查看镜像地址检查是否安装成功在任意小黑窗中：vue --ve
2022-05-04 15:26:43
472
原创 webpack实时打包
webpack实时打包可以实现实时打包预览效果。当我们修改了代码时，立即运行打包命令，并显示效果工具：[webpack-dev-server]npm官网 配置手册注意：项目开发都是对src目录内部的文件进行更新，不要去修改dist打包好的文件 现在对src内部的任何文件做修改操作后，都需要重新打包，才可以看到对应效果步骤1.安装npm i webpack-dev-server -D-------------------------------+ webpack
2022-05-02 20:11:20
286
原创 express写接口
expresss 是一个第三方模块（在npm上可以下载），在使用它之前要先去下载它，在下载包之前要先创建项目，并通过npm init 创建package.json文件。创建一个全新的文件夹，假设名字为 learn-express（目录名不要有汉字，也不要某个包的名字），在此目录下运行npm init -y 命令来生成package.json文件如果post涉及文件上传操作，则需要在服务器端额外使用第三方multer这个包（不属于express）来获取上传的信息。与安装其他的第三方包一致，本地安装
2022-04-29 21:36:56
174
原创 Node.js服务器
用http 模块写一个简单的web服务器在同一个区域网下自己完成的网页可以让别人访问在小黑窗引入nodejs中的核心模块：http使用createServer来创建服务使用listen方法来启动服务第一步：新建一个文件，名为 D:/src/01http.js( 文件名及路径名可以自行设置，建议均不使用中文字符)， 内容如下第二步：运行js代码，启动服务。在小黑窗中进入到01http.js所在的目录，键入命令 node 01http.js，此时会弹出一个小黑窗，不要关。
2022-04-28 20:45:26
261
原创 npm包从创建到发布
1.npm项目初始化在本地磁盘上创建一个空项目，自己决定文件夹名（不能取中文名）。注意请先去npm网官去确定一下，这个项目名是否已经被占用了。（如果这个名字已经被占用了，则你是无法向npm上上传的）npm init --yes命令来创建一个package.json文件，对你项目myNpm信息进行设置.2.完成功能开发index.js写入自己的代码，index.js是这个项目的入口文件。3.切换当前npm源到官网由于我们需要把包上传到npm上，所以要先确保当前的npm源是npm
2022-04-26 21:30:43
81
原创 node.js 模块化
什么是模块化一个js文件可以引入其他的js文件，能使用引入的js文件的中的变量、数据，这种特性就称为模块化。使用模块化开发可以很好的解决变量、函数名冲突问题，也能灵活的解决文件依赖问题常见的模块化规范有CommonJS 规范(nodejs 默认支持的)ES6 模块化规范CMD 和 AMD 模块化规范（不再推荐使用）CommonJS 规范导入其它模块时，统一使用 require() 函数。每个 .js 文件，都是一个独立的模块，模块内的成员都是私有的。在每个 JS 模块
2022-04-26 21:00:44
55
原创 Node.js 完成文件内容获取修改
在yourfile.js里面写代码node yourfile.js 之后，会在data.json中添加一条记录,{"name":"小张"}先简单说一下思路 ：1.先获取data.js里面的内容注意点 两个文件不再同一级 所以获取路径要搞清楚 获取到的是字符串类型 要新增需要修改为数组类型然后push（新增元素）2.然后添加 需要新增的内容3.然后重新添加到data.js里面注意点：重新添加 要是字符串类型最后效果...
2022-04-25 20:36:36
1520
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人