- 博客(123)
- 收藏
- 关注
RSS订阅原创 如何快速搭建一个react项目？如何使用react脚手架快速搭建项目？
1、在合适的文件夹中打开命令行窗口cmd2、全局安装react脚手架。在cmd输入以下命令：npm install -g create-react-app3、创建项目。在cmd输入以下命令：create-react-app react-app其中下面的react-app是项目名称，可自定义。注意：项目名不能有大写字母，否则会报错，可使用小写字母或者中线、下划线。此时被创建好的项目目录如下：4、切换到项目所在路径下cd react-app
2023-09-27 16:43:58
276
转载 什么是虚拟DOM？虚拟DOM和真实DOM
什么是虚拟DOM?virtual DOM 虚拟DOM，用普通js对象来描述DOM结构，因为不是真实DOM，所以称之为虚拟DOM。虚拟 dom 是相对于浏览器所渲染出来的真实 dom而言的，在react，vue等技术出现之前，我们要改变页面展示的内容只能通过遍历查询 dom 树的方式找到需要修改的 dom 然后修改样式行为或者结构，来达到更新 ui 的目的。
2023-09-22 15:20:48
232
原创 Webstorm怎么导入插件
1.点击“File”，选择“Settings”2.选择“Plugins”3.如下图所示继续操作。4.选择想要导入的插件。
2023-09-21 16:06:58
399
原创 vuex的state,getters,mutations,actions,modules
Vuex核心概念：1、State1）全局state2）使用modules中的state2、Getters1）全局Getters2）使用modules中的getters3、Mutations1）全局Mutations2）使用modules中的mutations（namespaced:true）4、Actions1）全局Actions2）使用modules中的actions（namespaced:true）5、有无modules的目录结构对比
2023-09-21 11:17:19
433
原创 二、怎么简单使用vuex
vuex的相关操作：一、安装vuex：二、项目配置VUEX：三、创建相关文件：1、state2、getters3、mutations4、actions5、modules
2023-09-20 17:52:12
443
原创 npm install --save 和 npm install --save-dev区别，dependencies和devDependencies
npm install name --save-dev简写为：npm install name -DdevDependencies用于本地环境开发时候所需要的依赖包。只是我们在本地或开发坏境下运行代码所依赖的，若发到线上，其实就不需要devDependencies下的所有依赖包；(比如各种loader，babel全家桶及各种webpack的插件等)只用于开发环境，不用于生产环境，因此不需要打包；npm install name --save简写为：npm install name -S
2023-06-12 18:05:52
765
转载 怎么在vue2基础上快速掌握vue3
一、Vue3 的 script 现在支持三种写法：1、最基本的 Vue2 写法2、setup() 属性3、 script setup二、如何使用 script setup 编写组件1、data2、methods3、props4、emits 事件5、computed6、watch7、生命周期
2023-06-05 16:51:35
595
原创 怎么快速搭建Vue+Vite项目？
6.此时会有提示，根据提示依次输入以下内容。其中vite-project是自己刚刚设置的项目名，而我没有修改所以用的是默认的。3.输入以下命令查询电脑是否已经安装了node.js，此时需注意node版本需要>=12.0.0才能让Vite正常运行。1.随便创建一个文件夹，用来放项目。我这里创建的文件夹名称是my-vite。2.在当前目录的路径显示框输入cmd,快速打开cmd命令窗口。到这里，一个简单的vue+vite项目就搭建完成了。
2023-06-02 15:59:58
874
原创 怎么从零搭建vue项目（使用webpack手动搭建）
一、前提条件二、手动搭建vue项目的步骤：1. 创建项目2. 生成package.json文件3. 引入webpack和创建webpack.config.js文件4. 创建index.html，main.js文件5. 使用webpack命令编译6. 引入vue2，修改index.html，main.js文件7. 引入babel8. 再次执行webpack命令，完成搭建三、Webpack的常用配置
2023-03-01 16:40:28
1064
1
原创 正则表达式的[A-Za-z]和[A-z]一样吗？
[A-z] 匹配从 65 到 122 的每一个字符，其中包括 91 到 96 的字符：[ \ ] ^ _ \ `,[A-Za-z] 匹配的是 65 到 90 以及 97 到 122 的字符，不包括 91 到 96 的字符。正则表达式的[A-Za-z]和[A-z]范围不一样。
2023-01-05 19:18:39
449
原创 js的Date对象
/ getmonth()的返回值是 0(一月) 到 11(十二月) 之间的一个整数!// 从 Date 对象返回一个月中的某一天 (1 ~ 31)。// 从 Date 对象返回一周中的某一天 (0 ~ 6)。// 返回 1970 年 1 月 1 日至今的毫秒数。// 返回 Date 对象的小时 (0 ~ 23)。// 返回 Date 对象的分钟 (0 ~ 59)。// 返回 Date 对象的秒数 (0 ~ 59)。// 返回 Date 对象的毫秒(0 ~ 999)。'Date 对象:'
2022-12-28 12:00:50
368
转载 Mock.mock()生成模拟数据
在做前端项目时，如果没有测试数据，可以通过mock来生成模拟数据。记录数据模板。当拦截到匹配 rurl 和 rtype 的 Ajax 请求时，将根据数据模板 template 生成模拟数据，并作为响应数据返回。记录用于生成响应数据的函数。当拦截到匹配 rurl 和 rtype 的 Ajax 请求时，函数 function(options) 将被执行，并把执行结果作为响应数据返回。根据数据模板生成模拟数据。记录数据模板。
2022-11-10 10:39:51
910
1
原创 transition属性
transition用于实现过渡效果。语法：transition: property duration timing-function delay;可见是个复合属性。用于设置四个过渡属性：
2022-10-11 15:45:13
212
原创 js实现移动端图片预览功能--mui.previewimage.js插件
移动端要想达到图片预览，可以使用mui.previewimage.js插件。
2022-08-19 17:54:02
1742
原创 ssh: Could not resolve hostname https: Name or service not known fatal: Could not read from remote r
ssh: Could not resolve hostname https: Name or service not knownfatal: Could not read from remote repository.Please make sure you have the correct access rightsand the repository exists.
2022-08-15 10:50:46
1780
原创 fatal: unable to access ‘https://github.com/xx/xx.git/’: Failed to connect to github.com port 443: T
fatal: unable to access ‘https://github.com/xx/xx.git/’: Failed to connect to github.com port 443: Timed out
2022-08-15 10:26:58
2628
原创 jq怎么获取共同祖先元素下的另一个元素
怎么获取元素（共同祖先元素）find() 方法：用以获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。parents() ：用以获得当前匹配元素集合中每个元素的祖先元素，使用选择器进行筛选是可选的。offset() 方法：用以设置或返回被选元素相对于文档的偏移坐标。...
2022-08-12 16:14:05
279
转载 nodetype中值1、2、3分别代表什么意思
JavaScript中的所有节点类型都继承自Node类型，因此所有节点类型都共享相同的基本属性和方法。每个节点都有一个nodeType属性，用于表明节点的类型。nodeType属性一共有12种取值（1~12），对应不同的节点。nodeType属性返回选定节点的节点类型，可以让我们知道、区分文档中的各个节点。返回值字符串值，代表节点的节点类型。...
2022-07-28 15:51:11
685
原创 error:cannot spawn D:\Program Files\bin\TortoiseGitPlink.exe: No such file or dire
error:cannot spawn D:\Program Files\bin\TortoiseGitPlink.exe: No such file or directoryfatal: unable to fork
2022-07-28 11:13:46
2828
1
转载 (function(global,factory){
在如此多的Javascript库中，我看到global 、factory作为函数的参数，这是为什么呢？答：这是UMD模式，你可以很清晰的通过下图看到看到这段代码在你的库中做了什么：
2022-07-26 14:40:34
801
转载 为什么jq的匿名函数 外部可以访问到里面的方法
1.jQuery的所有方法都是建立在jQuery对象（即$）,原生的js对象就是访问不到的。当你使用jQuery对象时，它会以你选中的DOM对象实例化一个jQuery对象，然后在调用jQuery方法。对于jQuery，只有一个所谓全局即jQuery对象（别名$），并没有其他的全局变量或方法。js中,通常把用类创建对象的过程称为实例化,实例化对象就是创建对象的过程。“类”是抽象的,没有办法操作它或使用它的方法和属性,只有把这个类实例化成为一个对象,才可去调用它的一系列方法和属性;...
2022-07-25 15:14:21
111
转载 jQuery的$原理
为什么不用new jQuery而是用$()① jQuery.fn.init.prototype = jQuery.fn = jQuery.prototype ;② new jQuery.fn.init() 相当于 new jQuery() ;③ jQuery() 返回的是 new jQuery.fn.init()，而 var obj = new jQuery()，所以这 2 者是相当的，所以我们可以无 new 实例化 jQuery 对象。...
2022-07-25 11:32:15
259
原创 vue项目运行报错：＞ @ dev D:\hh ＞ vitepress vitepress v0.22.4 failed to load config from D:\hh\.vitepre
运行vue项目时在终端执行npm run dev报一下错误：failed to load config from D:\hqui.vitepress\config.tsfailed to start server. error:D:\hqui.vitepress\config.ts:46const headers = md.__data?.headers;^SyntaxError: Unexpected token ‘.’可能原因，node版本不够高。换更高的版本试一试。...
2022-07-06 09:24:47
1336
原创 setInterval定时器在ie不生效原因之一：回调的是箭头函数
场景：使用了定时器，在谷歌生效，但是在ie浏览器不生效。在ie浏览器检查元素发现控制台有以下报错：点击错误行，到调试程序页面，可见已经指出了错误的位置将箭头函数改为function定义的函数则不再报错...
2022-07-01 15:41:10
557
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人