前端
文章平均质量分 65
菜鸟老文
这个作者很懒,什么都没留下…
展开
-
大前端05-用vue轻量级第三方组件库快速创建个画板,可以支持画板、直线、圆形等输入,可以撤回,改变颜色
vue-whiteboard 是一个基于Vue.js的轻量级画板组件库。GitHub仓库: https://github.com/craynic/vue-whiteboard。原创 2023-03-27 17:48:23 · 2587 阅读 · 0 评论 -
10-解决element-admin-使用apifox产生mock数据-使用-请求mock
最近找到一个神器,apifox,老实说作为一个后端人是真的没用过,但是没办法最近值承包了前端,只能捡起来。弄了一天,终于调通了:看一下我们mock神器:apifox-官网:apifox官方文档链接1,新建接口:2,生成模拟数据格式:注意code必须是Integer类型:20000(1)生成随机数据数据:{ "code": 20000, "data": [ { "icmpTable": [ {原创 2022-04-17 19:47:08 · 1454 阅读 · 0 评论 -
vue-element-admin项目存前端打包---跨域问题
01-admin改造:devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, before: require('./mock/mock-server.js'), proxy: { [process.env.VUE_APP_BASE_API]: { // 是.env.development 文件的 /dev-api target: 'http原创 2022-04-06 23:14:20 · 860 阅读 · 0 评论 -
大前端-React08:组件实例三大属性之state(实例数据表示组件状态)&&点击页面文字发生变化。
特别说明只有类的实例对象才有state,函数创建组件没有state01-代码02-解释1,类中的state(1)state表示一种状态,(2)this 指向,类实例。(3)Render()中的数据视图(4)点击事件:(5)绑定:绑定this为组件对象01-代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>07_component_state</title&g原创 2021-10-25 00:22:40 · 179 阅读 · 0 评论 -
大前端-React07:React创建组件的两种方式---函数创建和类创建&&React组件怎么实例化?类中this指向谁?Render()方法
01-代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>03_component_basic</title></head><body> <div id="example1"></div> <div id="example2"></div> <script原创 2021-10-24 17:17:59 · 219 阅读 · 0 评论 -
大前端-React7.5:React类的相关知识的复习
01-代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>1_类相关值知识复习</title></title></head><body> <div id="example1"></div> <script type="text/javascript" src="../js原创 2021-10-24 12:40:26 · 1061 阅读 · 0 评论 -
大前端-React06:组件和模块化之间的区别?拆分的力度不同
这里写目录标题01- 模块(全称:js模块)1,向外提供特定功能的 js 程序, 一般就是一个 js 文件。2,为什么而诞生的?3,这样做的好处?02-组件1,概念:用来实现特定(局部)功能效果的代码集合(html/css/js)2,为了什么而诞生的?3,这样做的好处03-模块化1,概念:当应用的 js 都以模块来编写的, 这个应用就是一个模块化的应用04-组件化:1,概念:当应用是以多组件的方式实现, 这个应用就是一个组件化的应用2,在React中的组件。(1)相似组件,使用React组件之前:(2)相似原创 2021-10-24 00:31:36 · 186 阅读 · 0 评论 -
大前端-React05:关于JSX小练习遍历数组&&map函数和箭头
主要看3,箭头函数那一块01-完整代码:02-代码解释:03-代码段解释:map+箭头函数(1)首选调用了,myId中map方法(2)map方法里面有啥?(3)结果-解惑01-完整代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>JSX练习</title> </style></head><body> &原创 2021-10-23 23:33:25 · 453 阅读 · 0 评论 -
大前端-React04:JSX语法-7大规则&&(虚)根级>标签级>内容级>样式级:1+3+1+2
规则介绍,看目录也可以01-完整代码:02-代码解释-7大规则:1,创建虚假DOM不要使用单引号:‘ ’2,引入变量(标签中混入js表达式使用"{}"):3,修改样式(类名样式不要用Class,用ClassName)a,样式代码:b,代码:c,输出:4,内联样式,要用style={{key:value}}a,代码:b,输出错误:c,修正:解释:为什么要写两个括号?5,虚拟DOM只能有一个根标签:6,jSX中的标签必须闭合7,标签首字母(1)若首字母是小写,那么就会将标签转换成html同名的元素(2)若首字母原创 2021-10-23 22:19:32 · 202 阅读 · 0 评论 -
大前端-React03:什么是虚假DOM?虚假DOM和真实DOM的区别?
浏览器解析效果:01-代码:(1)打印输出虚拟DOM是什么?<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>01_HelloWorld</title></head><body> <div id="test"></div> <!-- react核心库 --> <script原创 2021-10-23 21:15:38 · 295 阅读 · 0 评论 -
大前端-React02:React第一个样例程序&&React 15x核心库介绍
01-代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>01_HelloWorld</title></head><body> <div id="test"></div> <!-- react核心库 --> <script type="text/javascript" sr原创 2021-10-23 20:39:42 · 122 阅读 · 0 评论 -
大前端常识01:XML和Json是什么?有什么区别?为什么使用大量使用json而不是xml?
1,XML和Json是用于存储和传输数据2,XML和Json有什么区别xml示例:<student> <name>Tom</name> <age>19</age></student>json示例(常用):"{"name":"Tom","age":19}"3,为什么使用大量使用json而不是xml?(1)xml的缺点:在上述示例中我们可以看到,我们有时候只需要Tom和19的真实数据,但是标签的内容比真实数据还要多原创 2021-10-23 20:11:34 · 433 阅读 · 0 评论 -
大前端-React01:React粗介绍-React是什么?传统的使用JavaScript,DOM交互痛点?React的优点?React前置知识
1,什么是React?(1)传统的构建用户界面方式?a,发送请求获取数据b,处理数据(过滤,整理格式等)c,操作DOM呈现(react代替部分)(2)结论React是什么?React是将数据渲染为HTML视图的开源JavaScript库。(3)谁开源的?FaceBook2,传统JavaScript中使用DOM的痛点在哪?(1)原生的JavaScript操作DOM繁琐,效率低(DOM-API操作UI)(2)使用JavaScript操作DOM,浏览器会进行大量的重绘重排(资源耗损失原创 2021-10-23 18:57:23 · 117 阅读 · 0 评论 -
前端React学习01:什么路由?
路由,在react前端中,就是指根据不同的url,选择不同组件。更详细的可以去看阮一峰大佬的写,在这里就抄袭了:React Router 使用教程官方文档:React Router 中文文档原创 2021-10-21 11:09:30 · 70 阅读 · 0 评论 -
前端--错误:babel : 无法加载文件 C:\Users\GoLw\AppData\Roaming\npm\babel.ps1,因为在此系统上禁止运行脚本
要讲ES6模块转ES5要使用babel但是在查看的时候出现了问题:查看错误:解决:执行:set-ExecutionPolicy RemoteSigned之后回到终端:成功原创 2021-08-15 16:49:14 · 262 阅读 · 0 评论