- 博客(11)
- 收藏
- 关注
RSS订阅原创 数组迭代七种方法(map、filter、forEach、some、every、findIndex、reduce)
一 、map1. 作用: 映射数组举例: 全场8折 , 数组中每一个元素*0.82. map方法特点2.1 回调函数执行次数 == 数组长度2.2 回调函数内部的return* return 新数组的元素* 如果没有return, 则map的返回值都是undefined2.3 map方法的返回值* 返回映射之后的新数组3. 示例二 、filter1. 作用: 筛选数组应用场景: 将符合条件的元素放入新数组中2. filter方法特点;2.1 回
2022-05-08 20:08:07
1335
原创 vue组件 - 封装使用
1. 什么是组件化开发 一个页面 可能有一个或多个组件 组成完整的页面功能* 封装思想: 把页面上 可重用的部分 封装为 组件 , 从而方便项目的开发和维护2. 封装和使用第一步 : 定义组件例如: 定义一个名为MyCom的组件,并在App.vue中使用 (结构如下)第二步 : 在 App.vue中 引入 、注册 并 使用组件注意: 组件名不能与现有的html标签名一致3. 用scoped实现组件的私有样式(1) 问题: 默认组件...
2022-05-06 20:31:00
1446
原创 reduce 、every 、forEach
一 、 reduce1.了解reduce的作用 : 数组累加器方法*对数组每一个元素执行一次回调函数,累加最后一次回调的结果2. reduce场景: 数组元素求和 、求数组元素最大值3. 语法数组名.reduce( ( 上一次值 , 当前值 , 当前下标 ) =>{ } , 初始值 )4. 参数意义第一个参数 : 回调 (上一次值 , 当前值 , 当前下标) =>{}*默认下标不是从0开始,而是从1开始 开发中一般需要设置默认值第二个参数 : 初始值 (一般需
2022-05-05 20:36:30
404
原创 vue 插值表达式 与 指令
一 、插值表达式作用: 数据渲染语法 { { } }注: 中间可以写 算术运算 三元运算 拼接 不能写 分支 循环 声明变量 且 不能是data之外的自定义变量二、vue指令 1. v-bind用来 动态绑定标签上的属性值语法: <元素 v-bind : 属性名1 = "值1" v-bind : 属性名2 = "值2"></元素>简写 <元素 :属性名1 = "值1" :属性名2 = "值2">...
2022-05-03 20:49:50
1746
原创 前端高频面试题
一 、webpai1.1 - 事件委托面试点:1. 什么是事件委托.给父元素注册事件 , 委托给子元素处理2. 事件委托原理: 事件冒泡3. 事件委托注意点: (1). this : 指向父元素(2). e.target: 指向触发事件的子元素4. 事件委托场景 : 给动态新增元素注册委托事件1.2 - localStorage与sessionStorage区别1.相同点: (1) 作用一致: 都是用于存储数据(2) 都是只能存储字符串类型数据(上限5MB)
2022-05-02 21:29:24
153
原创 webpack实时打包使用说明
使用工具:[webpack-dev-server]注意：项目开发都是对src目录内部的文件进行更新，不要去修改dist打包好的文件 现在对src内部的任何文件做修改操作后，都需要重新打包，才可以看到对应效果使用步骤:1. 安装 : npm i webpack-dev-server -D2. 在webpack.config.js中做如下配置3. 在package.json中补充一个script 4. 启动命令现在通过 npm run dev就可以实现 ...
2022-05-02 20:31:45
358
原创 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
1140
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
3174
原创 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
108
原创 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
448
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人