
前端
文章平均质量分 90
FG.
在等你
展开
-
React
JSX是React的核心内容JSX表示在JS代码中书写HTML结构,是React声明式的体现使用JSX配合嵌入的JS表达式,条件渲染,列表渲染,可以渲染任意的UI结构结果使用className和style的方式给JSX添加样式React完全利用JS的语言自身的能力来编写UI,而不是造轮子增强HTML的功能。(对比VUE)原创 2025-03-06 14:21:02 · 1218 阅读 · 0 评论 -
Vue复习
/ 注册全局指令(v-my-directive)})// 注册局部指令// 指令与元素成功绑定时(一上来)},// 指令所在元素被插入页面时},// 指令所在的模板被重新解析时},},},原创 2024-03-20 17:18:51 · 889 阅读 · 1 评论 -
Mockjs在vue中的使用
json文件中如果说存在注释文件和编辑器都会报错,我们采用json5格式来让json格式可以存在注释。在vue.config.js配置(不同版本配置写法不一样)在项目根路径新建.env.development文件。新建mock文件夹,新建testMock.js文件。在mock文件夹下,新建testJSON5.js。在mock文件夹下,新建index.js。引入JSON5库来解析JSON5格式。安装JSON5 syntax插件。...原创 2022-08-14 20:10:02 · 578 阅读 · 2 评论 -
Echarts页面开发
index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel原创 2022-05-03 10:46:47 · 2016 阅读 · 2 评论 -
移动端常见布局
移动端常见布局1. 流式布局(百分比布局)流式布局就是百分比布局,也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。流式布局方式是移动web开发使用的比较常见的布局方式。max-width 最大宽度(max-height最大宽度)min-width 最小宽度(min-height最小宽度)2. 案例:京东移动端首页index.html<!DOCTYPE html><html lang="en">原创 2022-04-30 11:30:35 · 3630 阅读 · 2 评论 -
Vue-router
1. vue-router的理解vue的一个插件库,专门用来实现SPA应用。对SPA应用的理解单页Web应用(single page web application,SPA)整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面,只会做页面的局部更新数据需要通过Ajax请求获取2. 路由的理解什么是路由?一个路由就是一组映射关系(key - value)key 为路径, value 可能是 function 或 component路由分类后端路由理解:value原创 2022-04-23 09:51:14 · 1210 阅读 · 1 评论 -
redux
1. redux理解学习文档:中文文档redux是一个专门用于做状态管理的JS库(不是react插件库)它可以用在react,angular,vue等项目中,但基本与react配合使用作用:集中式管理react应用中多个组件共享的状态2. 什么情况下需要使用redux某个组件的状态,需要让其他组件可以随时拿到(共享)一个组件需要改变另一个组件的状态(通信)总体原则:能不用就不用,如果不用比较吃力才考虑使用3. redux的动作流程4. redux的三个核心概念action原创 2022-04-15 18:05:03 · 1039 阅读 · 2 评论 -
React路由
1. SPA的理解单页Web应用(single page web application,SPA)整个应用只有一个完整的页面点击页面的链接不会刷新页面,只会做页面的局部更新数据都需要通过ajax请求获取,并在前端异步展示2. 路由的理解1. 什么是路由?一个路由就是一个映射关系(key: value)key为路径,value可能是function或component2. 路由分类后端路由:理解:value是function,用来处理客户端提交的请求注册路由:router.原创 2022-04-12 21:43:36 · 991 阅读 · 0 评论 -
Vuex的使用
1. Vuex概念:专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对Vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间的通信。GitHub地址:Vuex...原创 2022-03-20 12:48:49 · 1772 阅读 · 1 评论 -
node.js中express框架的使用
1. Expressexpress官网Express是基于Node.js平台快速、开放、极简的web开发框架。Express的作用和Node.js内置的http模块类似,是专门用来创建web服务器的。Express本质就是一个npm上的第三方包,提供了快速创建web服务器的便捷方法。最常见的两种服务器:Web网站服务器:专门对外提供Web网页资源的服务器API接口服务器:专门对外提供API接口的服务器使用Express可以方便、快速的创建Web网站的服务器或API接口的服务器2. E原创 2022-03-18 21:46:27 · 6345 阅读 · 2 评论