- 博客(15)
- 收藏
- 关注
RSS订阅原创 npm包的概念
执行npm install命令时，npm包管理工具会先读取package.json中的dependencies节点，读取到记录的所有依赖包名称和版本后，npm包管理工具会把这些包一次性下载到项目中。在项目根目录中，创建一个叫package.json的配置文件，即可用来记录项目中安装了那些包，从而方便剔除node_modules目录之后，在团队成员之间共享项目的源代码。package-lock.json配置文件用来记录node_modules目录下的每一个包的下载信息，例如包的名字，版本号，下载地址等。
2023-03-01 11:28:11
105
原创 模块化的基本概念
什么是模块化?编程领域中的模块化,就是遵守固定的规则,把一个大文件拆成独立并且互相依赖的多个小模块模块化的好处:1)提高了代码的复用性2)提高了代码的可维护性3)可以实现按需加载模块化规范就是对代码进行模块化的拆分与组合时,需要遵守的规则好处:降低了沟通成本,极大的方便了各个模块之间的相互调用,利人利己。
2023-02-28 18:22:20
116
原创 http模块
在Node.js中，我们不需要使用IIS,Apache等这些第三方web服务器软件，因为我们可以基于Node.js提供的http模块，通过几行简单的代码，就能轻松的手写一个服务器软件，从而对外进行web服务。服务器和普通电脑的区别在于，服务器上安装了web服务软件，如IIS，Apache等，通过安装这些服务器软件，就能把一台普通电脑变成一台web服务器。在网络节点中，负责消费资源的电脑，叫做客户端；3）为服务器绑定request事件，监听客户端的请求。3）将资源的请求url地址映射为文件的存放路径。
2023-02-28 15:30:29
122
原创 path路径模块
path路径模块是Node.js官方提供的，用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理需求。2)path.basename(path[.ext]) 用来从路径字符串，将文件名解析出来。const path=require('path')//导入path路径模块。1)path.join() 用来将多个路径片段拼接成一个完整的路径字符串。3)path.extname()获取路径中的文件扩展名。path表示一个路径的字符串。返回表示路径中的最后一部分。什么是path路径模块？
2023-02-28 09:56:27
96
原创 fs文件系统模块
fs.writeFile(path,data[.option],callback)方法，用来向指定的文件中写入内容。fs模块是Node.js官方提供的，用来操作文件的模块，它提供了一系列的方法和属性，用来满足用户对文件的操作需求。fs.readFile(path[,option],callback)方法，用来读取指定文件中的内容。5）将处理完的成绩数据，调用fs.writeFile()方法写到新文件中。将素材目录下的文件成绩.txt，整理到整理后的文件.txt。[.option]写入文件的编码格式。
2023-02-27 22:24:09
144
原创 初始Nodejs
Node.js是一个基于Chrome V8引擎的JavaScript运行环境。2）内置API是由运行环境提供的特殊接口，只能在所属的运行环境中被调用。3）Node.js中无法调用DOM和BOM等浏览器内置API。2）Node.js是JavaScript的后端运行环境。1）浏览器是JavaScript的前端运行环境。3）使用esc键，能够快速清空当前已输入的命令。1）使用^键，可以快速定位到上一次执行的命令。2）使用tab键，能够快速补全路径。运行环境是指代码运行的必要环境。4）使用cls清空终端。
2023-02-27 18:27:04
39
原创 js由当前时间获取任意时间
const before=new Date(beforeTime) //如下格式：Fri Oct 07 2022 18:35:28 GMT+0800 (中国标准时间)const beforeTime=currentTime-N*24*60*60*1000 //前N天的时间戳。const afterTime=currentTime+N*24*60*60*1000 //前N天的时间戳。2.获取当前时间的前N天。3.获取当前时间的后N天。1.获取当前时间时间戳。
2022-10-27 18:49:23
154
原创 Vue中计算属性和监听属性
computed和method对比：两个效果都是一样的，只不过computed基于它的依赖缓存，只有相关依赖发生变化才会重新获取值，而使用methods在重新渲染时，函数总会调用执行。4.只会去监测数据值是否发生变化，而不会去监测数据的地址是否发生变化，要深度监测，需要配合deep:true属性使用。Vue中可以通过watch进行某个值的监听，当值发生变化时，运行对应的逻辑。1.watch的函数名必须和data中的数据名保持一致。3.watch中的函数是不需要调用的。1.必须有return返回。
2022-09-28 15:41:45
853
原创 Vuex实现任意组件间通信
3）mutations：提交更新数据的方法，必须是同步的，如果需要异步使用action,每个mutations都有一个字符串的事件类型（type），和一个回调函数（handler）。①Action提交的是mutations，而不是直接变更状态，Actions里不可以更改state里的数据，state里的数据只能在Mutations里更改。简单的说，它就是一个Promise方法，通过不同的状态执行不同的方法，执行方法可以是Actions里的方法，也可以是Mutations里的方法。
2022-09-23 17:17:33
481
1
原创 Vue 组件间通信常用的五种方式
在子组件中修改了值，父组件也会立即更新，此时v-model就可以实现这种需求，使用v-model的过程中，父组件我们还是需要正常将子组件引入，只是传值的方式变成了v-model。在上面例子中，子组件通过$emit绑定一个自定义事件，并携带需要传递给父组件的数据，父组件通过v-on绑定该事件来监听子组件的触发事件。主要用于父子组件间通信，父组件向子组件传递数据是通过props传递的，子组件向父组件传递数据是通过$emit触发事件做到的。使用 this.$children查找当前组件的直接子组件，可以。
2022-09-23 10:00:31
677
原创 Vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“.
当我们在使用编程式路由进行页面跳转时，多次执行会抛出NavigationDuplicated的警告错误是因为"vue-router"3版本之后 底层引入了。而我们通过声明式导航没有出现此类问题是因为vue-router底层已经处理好了。今天在开发的过程遇到了上述问题，通过查阅资料得到了解答，以自己的理解进行了整理。因为我此次开发的项目是2.0的项目，所以我选择了第二种方案。
2022-09-21 13:33:32
1039
原创 Vue中this.$set()的使用场景和用法以及与Vue.set()的区别
Vue.set( ) 是将 set 函数绑定在 Vue 构造函数上，this.$set() 是将 set 函数绑定在 Vue原型上。当我们给一个对象添加属性时，在控制台上可以打印出来，但是视图却没有更新，此时this.$set()就派上用场了。2）在使用this.$set()的情况下：（直接修改methods中handleClick方法）target：要更改的数据源(可以是对象或者。key：要更改的具体数据。value ：重新赋的值。
2022-09-21 11:09:19
2707
原创 函数式编程-----函数柯里化
函数柯里化（Haskell Brooks Curry），当一个函数有多个参数的时候先传递一部分参数并且 调用它（这部分参数后续不会进行改变），然后返回一个新的函数接收剩余的参数并返回结果
2022-09-05 09:14:15
97
原创 2022最新前端开发常见基础面试题（篇二）
大厂常见面试题1.Array数组常用的方法**1. 检测数组 Array.**isArray()******2. push()** 添加到数组末尾**3. pop()** 移除数组的最后一项**4. unshift()** 插入到数组头部**5. shift()** 移除数组第一项**6. join()** 将数组的每一项拼接成一个字符串，数组的每一项默认以逗号隔开，也可以传入特定的分隔符......
2022-06-26 09:55:46
210
原创 2022最新前端开发常见基础面试题（篇一）
设置元素水平垂直居中一、利用margin:auto元素有宽度和高度时，利用margin:auto设置元素水平垂直居中position: absolute;left: 0px;top: 0px;bottom: 0px;right: 0px;margin:auto;二、利用position: absolute1.当已知元素宽度和高度时，可以设置position: absolute和margin为负的宽高的一半.........
2022-06-25 23:08:08
392
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人