- 博客(12)
- 收藏
- 关注
原创 Vue2与Vue3的区别及实战教程
在Vue2中,每个组件的模板必须包含一个唯一的根元素。这意味着即使需要返回多个元素,也必须用一个父元素进行包裹。例如:html。
2024-11-27 11:53:16
1184
原创 彻底搞懂Vue中的Mixin混入(保姆级教程)
这篇文章是关于 Vue 中 Mixin 混入的保姆级教程。先介绍了 Vue 中 Mixin 的概念,即提取组件公共逻辑或配置。接着对比了它和 Vuex 的区别,然后讲解了如何使用,包括定义、局部和全局混入及可能的冲突。还阐述了其优缺点,优点是提高复用性等,缺点是命名冲突等,使用时需权衡取舍。
2024-11-26 11:51:17
3098
1
原创 Echarts实现数据可视化教程(超详细)
ECharts 是一个由百度开源的纯 JavaScript 图表库,它提供了丰富多样的数据可视化图表和组件,支持各种图表的任意组合。
2024-11-24 21:24:28
1182
原创 ES6的深入学习及使用
任何类型的数据(string/number/boolean/undefined/null...),都可以通过var关键字声明变量进行存储。ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,封装性:把客观存在的数据添加到对象中(把实现业务逻辑的代码写在函数或对象中)使用箭头 “ =>” 来声明的函数叫做箭头函数(也是可重复利用的代码块)继承性:A对象(子)可以拥有B对象(父)的属性和方法 (代码复用)ES6的出现是为了弥补ES5的先天不足(变量、常量)。
2024-11-23 21:10:41
1461
原创 部署阿里云服务器的环境(上传项目)
Putty:一个终端面板可连接远程服务器(执行linux命令 检查服务器环境是否安装完成之类)和ip进行绑定一个名称,可以通过这个名称访问你的网站。在宝塔面板上创建数据库并在本地navicat工具上连接。网络地址,可以通过这个地址访问你的网站。通过宝塔部署项目(在购买服务器时可以选择安装宝塔)Node.js、阿帕奇。数据库:mysql、monogodb。winSCP:传输文件(上传项目的时候用)运行环境(在宝塔面板行安装不选择使用即可)2、购买云服务器(配置)用手机号注册宝塔账号。安装软件(运行环境)
2024-11-19 17:05:36
523
原创 React中的refs
如果 ref 回调函数是以内联函数的方式定义的,在更新过程中它会被执行两次,第一次传入参数 null,然后第二次会传入参数 DOM 元素。这是因为在每次渲染时会创建一个新的函数实例,所以 React 清空旧的 ref 并且设置新的。通过将 ref 的回调函数定义成 class 的绑定函数的方式可以避免上述问题,但是大多数情况下它是无关紧要的。2、通过回调函数的写法(因为箭头函数没有this,所以找到上层的,也就是render,它的this指向创建类的实例对象),把的当前的节点挂载到当前类的实例对象上。
2024-11-19 15:03:18
329
原创 前端使用Ajax进行网络请求
超文本传输协议(Hypertext Transfer Protocol,HTTP)是一个简单的请求-响应协议,它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。
2024-11-17 22:32:36
1131
原创 React中的jsx语法规则
jsx语法规则:1、定义虚拟DOM时,不要写引号。2、标签中混入JS表达式时要写{ }。3、样式的类名指定不要用class,要用className。4、内联样式,要用style={ { key : value } }的形式去写,遇到多单词组成的样式时要用驼峰命名。5、只能有一个根标签。6、标签必须闭合。7、标签首字母(1)若小写字母开头,则将该标签转为html中同名元素,若html中无该标签对应的同名元素,则报错。(2)若大写字母开头,react就去渲染该组件,若没有定义
2024-11-17 12:04:40
143
转载 React虚拟DOM及创建虚拟DOM的两种方式
可以类比 CPU 和硬盘,既然硬盘这么慢,我们就在它们之间加个缓存:既然 DOM 这么慢,我们就在它们JS 和 DOM 之间加个缓存。遇到
2024-11-17 11:35:38
88
原创 如何使用webpack从零到一搭建项目
本质上,webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时,它会在内部从一个或多个入口点构建一个 依赖图(dependency graph), 然后将你项目中所需的每一个模块组合成一个或多个 bundles,它们均为静态资源,用于展示你的内容。webpack 只识别javascript这种文件,所以用webpack构建项目时,需要用到nodejs环境。
2024-11-15 22:14:04
1431
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人