- 博客(23)
- 收藏
- 关注
RSS订阅原创 解析javascript数组方法 find 和 filter 有何区别
首先用一个案例可以很直观的看到 find 和 filter 的区别；相同点：两者分别可以接受三个参数：当前元素、当前索引、整个数组； 两者都可以用来查找数组中符合条件的元素；不同点：find： 用于查找单个符合条件的元素；返回的是符合条件的元素； 在同一个数组中有多个符合条件的元素的时，只查找第一个符合条件的元素，找到后终止循环；如果我们不需要找到所有符合条件的元素，使用这个方法会更高效； filter： 用于查找多个符合条件的元素；返回的是元素的集合（一个新的数组）；
2023-11-28 15:35:59
593
原创 yarn运行报错 - yarn : 无法加载文件 C:\Users\sherl\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本
在桌面打开 powerShell ，以管理员身份运行输入命令： set-ExecutionPolicy RemoteSigned输入：A报错之后输入后面的提示内容：Set-ExecutionPolicy -Scope CurrentUser；然后就会提示我们输入RemoteSigned会出现第一次的结果，再次输入A，就搞定了再次在项目中运行 yarn 就不会报错啦！...
2022-04-02 22:31:33
552
原创 前端面试题精选 - 描述一下组件的通信方式
组件通信分为 2 种：父子组件之间的通信、非父子组件之间的通信；父子组件通信：父组件通过props向子组件传值，子组件通过$emit将数据发送给父组件；非父子组件通信又分为：兄弟组件、隔代关系组件等；通信方式一：通过eventBus（事件总线）实现跨组件传输，原理就是将它作为连接组件之间的桥梁，所有组件共用相同的事件中心，向事件中心发送或接收事件，并可以通知其他组件；=>eventBus使用步骤：1、初始化，创建一个事件总线并导出，以便其他模块可以使用并监听它；.
2021-12-22 20:45:44
633
原创 前端面试题精选 - vue的生命周期钩子函数
回答这道题我们可以采用总 - 分 - 总 的方式；比如：- 总 - ：我们把一个对象从出生 （new）到销毁（destroy）的过程称为生命周期；也就是从开始创建、编译模板、挂载DOM => 渲染、更新 => 渲染、卸载等一系列过程，我们称之为vue的生命周期；而生命周期函数，就是某个时刻会自动执行的函数；- 分 - ：常用的钩子函数有 8 个，分为三个阶段，分别是创建、运行、销毁；创建阶段：初始化前beforeCreate、初始化后created、挂载前beforeMount、挂载后m
2021-12-22 15:37:46
337
原创 vue打包优化流程
1.配置vue.config.js// 覆盖默认的webpack配置module.exports = { publicPath: './', //设置以相对路径作为访问方式 devServer: { // 配置服务器参数 port: 3000, //设置默认端口号 open: true //设置自动打开页面 }}2.配置路由懒加载// 原来的形式：此种方式会在初始化时便将所有路由加载import login from '../views/login
2021-12-13 11:59:35
129
原创 代码报错 : - Warning: You provided a `value` prop to a form field without an `onChange` handler. This
报错截图:翻译:报错原因:在 input 标签里,没有定义 onChange 事件, 但是提供了 value 属性, 这时React会抛出警告，并将元素设置为只读;如果目标是只读字段，最好使用readOnly属性明确加以定义。这不仅会消除警告，也会确保代码的只读性;解决方案一:可以添加readOnly={true} ，或者直接添加readOnly属性，而不设置值，React会默认将该属性的值设为true;解决方案二:...
2021-12-09 21:46:13
2571
原创 随笔:前后端交互
在数据交互中，前端会发起ajax请求，请求方式如下示例：\$.ajax({type:'post', // 请求方式类型url:'http://127.0.0.1:8080/user',// 该请求对应的api接口地址data:{name:'zs'}, //提交的数据success:function(res){ // 请求的回调函数console.log(res)}})后端api会对前端的请求产生如下响应：const express = require('express.
2021-11-23 20:11:23
1282
2
原创 npm淘宝镜像
npm是非常重要的npm管理工具,由于npm的服务器位于国外, 所以一般建议 将 npm设置成国内的淘宝镜像,这样我们下载包的时候速度会更快设置淘宝镜像$ npm config set registry https://registry.npm.taobao.org/ #设置淘宝镜像地址$ npm config get registry #查看镜像地址...
2021-11-12 16:27:37
925
1
原创 vue初始项目快速搭建
一、创建一个项目文件夹 -- project；二、在project下打开终端 -- cmd；三、输入命令 - 创建项目文件 -- vue create vue-demo（vue-demo是自己取的文件夹名，可以随意更改，但要是英文）；四、剩余操作参照如下图解即可；接下来就是回车，然后输入-- n （如果项目要求history就可以不写 或y）下面一直回车就好了然后就等待项目文件搭建完成就可以了...
2021-11-12 14:13:50
682
原创 快速创建@vue/cli脚手架
►由于我们用webpack自己配置环境很麻烦，需要下载很多包,因此我们可以下载@vue/cli包,直接用vue命令创建脚手架项目；►那么创建@vue/cli脚手架的好处是什么呢？➜可以0配置webpack；babel支持；css、less支持；开发服务器支持；►那接下来我们来讲讲脚手架是如何安装的：➜目标: 把@vue/cli模块包按到全局, 电脑拥有vue命令, 才能创建脚手架工程步骤一：安装脚手架：1、全局安装命令：yarn global add @vue/cli# O
2021-10-28 17:01:32
682
原创 一分钟带你了解vue
vue是什么？它可以为我们代码开发带来哪些便利？为什么它会成为市场主流？它和我们之前使用的js原生有什么区别？相信很多小白都会有这样的疑惑，下面我将带你一一解答；
2021-10-23 20:40:52
436
6
原创 webpack开发服务器运作过程
webpack本身是node的一个第三方模块包, 用于打包代码；它支持所有类型文件的打包；那么它是如何实现这些打包过程的呢？下面带你一探究竟...
2021-10-18 20:58:32
477
1
原创 ⭐Js改变函数内部this指向--- call()、apply()、bind()三种方法
call() 方法：call() 方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的this指向；应用场景：经常做继承语法示例：fun.call(thisArg, 参数1，参数2，......)thisArg：在 fun 函数运行时指定的 this 值； 参数1，参数2，......：就是函数的传参，中间用逗号隔开； 返回值就是函数的返回值，因为它实质上就是调用函数，只是添加了一个改变this指向的功能而已；代码示例：var o = { ..
2021-10-14 20:50:27
145
3
原创 sql执行语句
1.什么是SQLSQL是结构化查询语言，专门用来访问和处理数据库的编程语言。能够让我们以编程额形式来操作数据库。那SQL到底能做什么呢，下面我用一张图带你了解SQL执行语句是如何操作数据库的：语法一：SELECT语句用于从表中查询数据。执行结果被存储在一个结果表中（称为结果集）。语法格式如下：-- * 号表示查询表格中的所有数据SELECT * FROM 表名称-- 如果我们要查询表格中指定字段的数据SELECT 列名称 FROM 表名称注意：SQL 语句中的关键字对大小写
2021-10-12 23:33:00
4236
4
原创 jQuery 效果 - fadeTo() 方法
语法示例：$('.btn').click(function () { $(this).fadeTo(1000, .4)})参数一：毫秒数；（1000 = 1秒）参数二：透明度；
2021-10-12 16:11:02
259
2
转载 详解split()使用方法
split 方法将一个字符串分割为子字符串，然后将结果作为字符串数组返回。1.按空格分开public static void main(String[] args) { String a = "hello world wk"; String[] a1 = a.split(" "); System.out.println("a1-->"+Arrays.toString(a1)); }结果是：a1-->[hello, world
2021-10-11 21:47:13
43739
3
原创 JS中join()、splice()、slice()和split()函数用法示例
join()方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目，那么将返回该项目而不使用分隔符。代码示例：arr.join() // 返回的是一个字符串,如果数组为空 则返回一个空字符串var a = ['a', 'b', 'c'];var val1 = a.join(); // val1的值变为"a,b,c"var val2 = a.join(', '); // val2的值变为"a, b, c"var val3 = a..
2021-10-11 21:37:03
1299
原创 三分钟学会用nodejs操作mysql数据库
步骤一：--准备工作--建立(projiect)文件夹 打开当前文件下的终端--输入命令--创建包管理文件npm i npm init -y 或 npm init // 生成package.json源文件；如果项目文件夹命名有中文就用 npm init ，如果全英文就直接 npm init -ynpm i mysql // 下载mysqlnpm i express // 安装express模块创建好之后显示如下：创建app.js文件步骤二：通过vs code打开a...
2021-10-11 21:30:13
5031
原创 js生成一个特定范围内的随机整数的方法
function rander(m, n) { return Math.floor(Math.random() * (n - m + 1))}console.log(rander(1,20))举例：利用上述代码实现随机点名 （直接复制即可）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Co.
2021-10-09 20:45:50
416
1
原创 手把手教你写个包
包的分类：项目包：被安装到项目的node_modules 目录中的包，都是项目包；开发依赖包，被记录到 devDependencies 节点中的包，只在开发期间会用到； 核心依赖包，被记录到 dependencies 节点中的包，在开发期间和项目上线之后都会用到；npm i 包名 -D // 开发依赖包 （会被记录到 devDependencies 节点下）npm i 包名 // 核心依赖包 （会被记录到 dependencies 节点下）全局包：...
2021-10-07 20:59:17
676
3
原创 node 模块化的概念
目录什么是模块化？为什么要使用模块化？模块化的规范CommonJS模块化规范nodeJS有三种类型的模块什么是包为什么需要包npm 安装包什么是模块化？一个js文件中可以引用另一个js文件中的数据；（这个特点是很基础的要求，只要是js语言都有，但是js没有（因此在15年之前，多个js都只能放在一个html文件，而不能互相引用））；2015年之后推出了es6，因此在语法层面js支持模块化，但浏览器不支持，所以前面在学习传统开发时，还是将多个js放在一个.
2021-10-06 20:26:13
268
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人