- 博客(18)
- 收藏
- 关注
RSS订阅原创 Vue2 打包优化首屏加载速度
之前做的Vue2项目，上线后，第一次加载时，发现特别慢，打开控制台后，发现是一个名字叫chunk-vendors.js的文件体积过大，导致首屏加载速度特别慢。这个js文件是项目中引入的第三方库打包而成的，如何解决打包后文件体积过大问题？
2024-04-24 11:32:52
823
1
原创 Vue3：自定义指令
每个自定义指令的定义对象都提供几个钩子函数，类似组件生命周期函数：// 在绑定元素的 attribute 前 // 或事件监听器应用前调用 created(el , binding , vnode , prevVnode) {// 下面会介绍各个参数的细节 } , // 在元素被插入到 DOM 前调用 beforeMount(el , binding , vnode , prevVnode) {
2023-04-19 17:55:44
1407
原创 Vue3: v-model
Vue 有一些内置的修饰符，比如 .trim、.lazy 和 .number。在某些场景下，我们可以使用自定义修饰符。我们在组件上的 v-model中使用修饰符时，父组件会向子组件传递 一个props：，这个属性名也是固定的，这个属性是一个对象，我们可以在这个对象中访问到这个修饰符。这个props默认是一个空对象。比如下面的栗子中，modelModifiers的值是 {capitalize: true}，我们可以通过判断这个修饰符对应的属性值，对modelValue进行一些操作。})
2023-04-18 16:29:55
22509
4
原创 powershell可以识别的命令VScode终端却识别不了？
修改PowerShell的脚本执行权限，解决vscode等内置终端执行命令报错的问题（无法将xx识别cmdlet、函数、脚本文件或者可运行程序的名称）3、RemoteSigned: 运行本地脚本不需要数字签名，但是运行从网络上下载的脚本必须要有数字签名。4、Unrestricted: 允许所有的脚本运行, 但是在运行前会提示是否进行操作。5、Bypass: 允许所有的脚本运行, 没有任何的提示和警告。2、AllSigned: 只能运行经过数字证书签名的脚本。
2023-04-04 15:55:02
1085
原创 TypeScript入门
ts是什么？the shy？不，ts是由微软公司研发，是js的超集。众所周知，js是弱类型的语言，变量在声明时，不需要说明类型，变量可以赋予任何值。这样写起来非常方便，但是也带来了一些安全隐患，比如涉及到运算时，就会出现一些问题。另外，js是解释型(即时编译型)语言，代码不会进行预编译，所以我们在编写时，可能不会出现问题，但运行时就会bug满天飞。使用ts可以大大减少上述问题，提高项目的可维护性。
2023-04-04 11:56:23
304
原创 Vue3响应式原理
响应式是一种可以使我们声明式地处理变化的编程范式。举个栗子，在excel表格中，A3中的值是由A1和A2中的值相加而来，如果改变A1和A2中的值，A3则会自动计算。在js中怎么实现呢？我们需要定义一个函数update()，其中会返回A1和A2的和。这个update函数就被称为副作用effect，而其中用到的A1和A2则被视为这个作用的依赖。然后我们要在依赖变化时，调用这个副作用函数。如何知道依赖变化了呢？JavaScript 中有两种劫持 property 访问的方式：getter。
2023-03-23 12:10:54
262
原创 HTTP入门
http协议即按一定规则，客户端向服务器发送数据，而服务器按一定规则回应数据。请求：1. 请求行（1）请求方法 有GET、POST、HEAD、PUT、DELETE、PATCH、OPTIONS、TRACE等。 HEAD 和 GET 基本一致，只是不返回内容。 比如我们只是确认一张图片是否还存在，不需要返回这张图片。 TRACE：是使用了代理上网，比如用代理访问www.baidu.com，你想看看代理有没有修改你的HTTP请求，可以用TRACE来测试一下，www.bai
2022-06-21 01:34:22
282
原创 Express 入门
express 是一个创建web服务器的工具，它基于node中的 http 模块，但功能更加强大。1. express创建一个基本的服务器// 1. 导入 expressconst express = require('express')// 2. 创建 web 服务器const app = express()// 3. 启动 web 服务器app.listen(8080, () => { console.log('express server running at http:
2022-03-20 18:32:30
1293
原创 模块的加载机制
模块化开发中的模块分为三类：内置模块、自定义模块、第三方模块。这些模块会优先从缓存中加载。模块在第一次加载后会被缓存，所以多次调用require() 不会导致模块的代码被执行多次。1. 内置模块内置模块是node内置的api，比如 fs、http、path等。内置模块可以用直接引入的方式来使用。const fs = require('fs');内置模块的优先级最高，如果有第三方模块名字与内置模块冲突，引入的还是内置模块2. 自定义模块自定义模块引入时，必须要写入完整的文件路径，指定
2022-03-16 22:34:55
511
原创 npm 入门
node package manager 简称npm，是一个node包管理工具。在模块化开发中，使用第三方模块（也叫包），可以大大提高我们开发的效率，而npm就是用来管理这些包的。一般安装了node之后，npm也会自动安装上。1. 快速创建package.json使用 npm init -y 命令可以快速创建一个package.json文件，这个文件包含了第三方包的名称和版本号。注意事项：(1) 该命令只能在英文目录下运行成功，所以项目文件夹的...
2022-03-16 17:31:32
1461
原创 Node.js 入门
Node.js是一个基于chrom V8引擎的一个JavaScript的运行环境。它可以用来开发后端程序。Node.js像浏览器一样，也内置有一些API，这些api中最主要的有 fs模块、path模块、http模块三大模块。一、fs模块1. fs.readfile() 读取指定文件中的内容fs.readfile() 语法格式：fs.readfile( path[, options], callback)参数1：必选，字符串，表示文件的路径；参数2：可选，表示以什么编码格式来读取文
2022-03-13 22:12:23
1102
原创 Host Windows 配置
一、什么是Host，有什么作用Hosts是一个没有扩展名的系统文件，其基本作用就是将一些常用的网址域名与其对应的IP地址建立一个关联"数据库",当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从Hosts文件中寻找对应的IP地址，一旦找到，系统会立即打开对应网页，如果没有找到，则系统再会将网址提交DNS域名解析服务器进行IP地址的解析，如果发现是被屏蔽的IP或域名，就会禁止打开此网页！二、如何 配置1.输入cmd，找到命令提示符，右键以管理员身份运行，如果不以管理员身份...
2021-10-12 23:43:43
35619
原创 Vue路由
一、vue-router 基本用法（1) 先声明两个组件模板对象 var login = {template: "#login"} var reg = {template: "#reg"}（2）创建路由对象var router = new VueRouter({ routes:[ {path:'/login',component: login}, .
2021-07-11 22:56:11
337
原创 Vue组件
一、创建公有组件（1）先创建组件模板 template（注意：模板是创建在vue视图区外面的）<template id="tem"> <p>第一个组件template模板</p></template>（2）将组件挂载到 vue对象身上 Vue.component('com',{ template:'#tem' }); var vm =new Vue({ .
2021-07-06 18:03:31
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人