- 博客(11)
- 收藏
- 关注
RSS订阅原创 数组迭代七种方法(map、filter、forEach、some、every、findIndex、reduce)
一 、map 1. 作用: 映射数组 举例: 全场8折 , 数组中每一个元素*0.8 2. map方法特点 2.1 回调函数执行次数 == 数组长度 2.2 回调函数内部的return * return 新数组的元素 * 如果没有return, 则map的返回值都是undefined 2.3 map方法的返回值 * 返回映射之后的新数组 3. 示例 二 、filter 1. 作用: 筛选数组 应用场景: 将符合条件的元素放入新数组中 2. filter方法特点; 2.1 回
2022-05-08 20:08:07
1492
原创 vue组件 - 封装使用
1. 什么是组件化开发 一个页面 可能有一个或多个组件 组成完整的页面功能 * 封装思想: 把页面上 可重用的部分 封装为 组件 , 从而方便项目的开发和维护 2. 封装和使用 第一步 : 定义组件 例如: 定义一个名为MyCom的组件,并在App.vue中使用 (结构如下) 第二步 : 在 App.vue中 引入 、注册 并 使用组件 注意: 组件名不能与现有的html标签名一致 3. 用scoped实现组件的私有样式 (1) 问题: 默认组件...
2022-05-06 20:31:00
1558
原创 reduce 、every 、forEach
一 、 reduce 1.了解reduce的作用 : 数组累加器方法 *对数组每一个元素执行一次回调函数,累加最后一次回调的结果 2. reduce场景: 数组元素求和 、求数组元素最大值 3. 语法 数组名.reduce( ( 上一次值 , 当前值 , 当前下标 ) =>{ } , 初始值 ) 4. 参数意义 第一个参数 : 回调 (上一次值 , 当前值 , 当前下标) =>{} *默认下标不是从0开始,而是从1开始 开发中一般需要设置默认值 第二个参数 : 初始值 (一般需
2022-05-05 20:36:30
515
原创 vue 插值表达式 与 指令
一 、插值表达式 作用: 数据渲染语法 { { } }注: 中间可以写 算术运算 三元运算 拼接 不能写 分支 循环 声明变量 且 不能是data之外的自定义变量 二、vue指令 1. v-bind 用来 动态绑定标签上的属性值 语法: <元素 v-bind : 属性名1 = "值1" v-bind : 属性名2 = "值2"></元素> 简写 <元素 :属性名1 = "值1" :属性名2 = "值2">...
2022-05-03 20:49:50
1910
原创 前端高频面试题
一 、webpai 1.1 - 事件委托面试点: 1. 什么是事件委托. 给父元素注册事件 , 委托给子元素处理 2. 事件委托原理: 事件冒泡 3. 事件委托注意点: (1). this : 指向父元素 (2). e.target: 指向触发事件的子元素 4. 事件委托场景 : 给动态新增元素注册委托事件 1.2 - localStorage与sessionStorage区别 1.相同点: (1) 作用一致: 都是用于存储数据 (2) 都是只能存储字符串类型数据(上限5MB)
2022-05-02 21:29:24
210
原创 webpack实时打包使用说明
使用工具:[webpack-dev-server] 注意： 项目开发都是对src目录内部的文件进行更新，不要去修改dist打包好的文件 现在对src内部的任何文件做修改操作后，都需要重新打包，才可以看到对应效果 使用步骤: 1. 安装 : npm i webpack-dev-server -D 2. 在webpack.config.js中做如下配置 3. 在package.json中补充一个script 4. 启动命令 现在通过 npm run dev就可以实现 ...
2022-05-02 20:31:45
461
原创 webpack基本使用和配置文件
1. 了解webpack (1) webpack是静态模块打包器 (2) 能翻译和压缩代码 (3) 减小代码包体积,让浏览器更快速打开网页 2. 使用webpack的方法 注意: webpack是基于nodejs的,所以一定要安装了node才能使用 比如: (1) 任意新建一个空文件夹 , 进入文件内部 用 npm init --yes 命令生成一个package.json (2) 创建三个文件 index.html index.js tool.js 并书写自己的...
2022-05-02 20:15:47
1343
1
原创 post接口
1. post接口---普通键值对 const express = require('express') const app = express() //加了之后,可以直接在req中通过body来接收 普通键值对格式的参数 app.use(express.urlencoded()) //使用apifox发起一个post请求//post: 本机ip:3009/testpost app.post('/testpost', (req, res)...
2022-04-29 19:37:16
3452
原创 npm包.
1.下载与使用 (1)初始化项目: 输入npm init --yes (2)安装包 : 输入npm i 包名 (3)使用包 : const 常量名 = require( ' 包名 ' ) 2.全局安装包与本地安装包 (1)全局安装包: 包被安装到了系统目录 命令: npm install -g 包名 或 npm install 包名 -g 查看全局包的安装目录: npm root -g (2)本地安装包: 安装在当前项目的根目录下 命令: npm install 包名 ...
2022-04-27 16:18:15
235
原创 nodejs
1. nodejs是什么 是基于 Chrome V8 引擎的 JavaScript 运行时 2. nodejs的下载方式 (1)去官网自行下载LTS版本； (2)安装完成之后，页面没有图标按钮； (3)上班之后，要问同事，具体的node版本是什么； 3. 打开小黑窗的4种方法 (1)cmd窗口: window+R 输入cmd 回车 (2)在资源管理器中,打开任意目录,直接在地址栏中输入cmd,回车 (3)在资源管理器中,按下 shift 的同时点击鼠标右键,选择'在此处打开powershe
2022-04-25 19:45:37
516
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人