- 博客(14)
- 收藏
- 关注
RSS订阅原创 React配置跨域
我在我的react配置了一下跨域 记录一下1.首先我下载了http-proxy-middleware2.然后我新建了一个这个js文件 setupProxy.js3 我在src目录下新建一个.env.development文件在这个文件里REACT_APP_API = "/devApi"用来写跨域用REACT_APP_BASE_URL用来请求接口4 然后就是在request配置一下 写的还不完善 等一会完善一下记录一下 下次方便用...
2021-10-10 22:35:49
504
原创 Vue项目打包发布后CSS中的背景图片不显示问题
Vue项目打包发布后CSS中的背景图片不显示问题今天在打包的时候遇到了vue打包后页面上的背景图没有显示出来 解决方式很简单 直接放代码记录一下if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', fallback: 'vue-style-loader' }) } else {
2021-07-22 12:05:53
2265
原创 vue实现跳转新的标签页
一般单页面应用，例如vue都是通过vue-router来做跳转，不会像多页应用一样另起新页面显示，但是也不排除一些业务上的需要。一般情况下单页面应用的路由跳转我们都是通过简单的一句话搞定：this.$router.push({name:'abc'})Vue-Router是为单页面应用设计的，所以没有直接打开一个新页面的配置 这个时候可以结合原生的window.open<template> <h1 @click="path">打开详情</h1></te
2021-04-12 10:48:55
1762
1
原创 Vue配置文件vue.config.js配置前端代理
//将此代码片段命名为 vue.config.js,放在项目根目录即可//仅需修改target属性要访问的接口IP即可<br>// vue.config.js 配置说明//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions// 这里只列一部分，具体配置参考文档module.exports = { // 部署生产环境和开发环境下的URL。 // 默认情况下，Vue CLI 会假设
2020-11-17 09:24:32
1960
原创 Create React App提供的反应脚本包需要一个依赖项
一：React踩坑今天早上在跑昨天的项目的时候突然跑不起来了我读了一下报错大概意思就是Create React App提供的反应脚本包需要一个依赖项直接在工程文件夹中新建一个 .env 目标文件，之后把 SKIP_PREFLIGHT_CHECK=true 这句话粘贴到 .env 文件中，这样就没问题注意需要跟src同级...
2020-11-12 08:27:11
123
原创 React的JSX部分语法二
列表展示在开发中 我们会需要对多条数据进行展示，开发中自然不会一条条展示，上篇说到本人之前在用vue开发，所以会拿vue进行比较在vue中 如果需要展示多条数据 使用指令v-for循环出来比如说现在有一个列表，让我们用react的语法来进行展示class App extends React.Component { constructor(props) { super(props); this.state = { boys: ["月月", "鸡鸡", "黑黑", "毛
2020-11-03 09:03:52
352
原创 React的JSX部分核心语法
一：条件渲染在某些情况下，我们希望界面根据不同情况展示不同的内容。因为之前一直使用vue进行开发，这里会以vue进行对比在VUE中我们可以通过一些指令 v-if v-show来控制页面显示内容在React中我们完全遵循JavaScript语法来进行条件渲染这也是react灵活的之一学好了react 原生JS也会不错 那么react常见的渲染方式有哪些呢？1.1条件判断语句当逻辑方式非常多时，可以使用条件判断语句class App extends React.Component { cons
2020-11-03 08:29:42
1471
8
原创 初识React
React是什么？react官方对它的解释，用于构建用户界面的JavaScript库，对于前段来说，主要任务就是构建页面，而构建页面离不开三个技术HTML:构建页面的解构CSS：构建页面的样式JavaScript:页面动态交互React的特点:声明式编程声明式编程是目前前端的开发模式 Vue React它允许我们只需要维护自己的状态，当状态发生改变时候，react可以根据最新的状态去渲染我们的UI界面组件化开发组件化开发也是目前前端的流行趋势，在开发过程中，我们可以将一个复杂的界面拆分成一
2020-11-01 15:32:08
2155
8
原创 穿梭框
要写一个新建角色管理功能，还挺多小问题这里是通过组织名称，获取到部门名称。再用两个id拿到部门人员。部门人员可添加到审批技术人员。这个页面写了几天，拿来记录下：1.首先绑定角色名称，这个没什么好说的2.拿到机构名称的ID获取到部门列表。两个都用select来进行展示watch用来监听到这里拿到组织和部门id后用两个id来请求审批人员即可穿梭框手写使用some函数拿到IDpush进去即可删除按钮用来删除已经push进审批人员框里的数据，这里没有调用删除接口splice删除就好了
2020-06-11 21:42:52
619
原创 Vue+element实现select展示穿梭框数据
最近碰到一非常难受问题，不知道怎么解决，碰到大佬解释，完成。筛选组织机构名称：先获取到所有组织机构，用组织机构id再获取部门id。从而得到穿梭框展示，取得数据 watch: { OrgID(newVal) { this.getDepart(newVal) }, // 根据机构id获取部门 async getDepart(id) { const res = await request.post('/Common/GetAllDepartMent?org
2020-06-06 21:47:56
1895
7
原创 elementUI中select的使用，select框中出现数字
首先附上官网文档例子http://element-cn.eleme.io/#/zh-CN/component/select#select-xuan-ze-qi<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label"
2020-05-31 08:14:40
1971
转载 什么是vuex
vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。什么是“状态管理模式”？让我们从一个简单的 Vue 计数应...
2020-04-14 16:09:16
130
原创 GitHub加载慢解决方法
本文主要介绍一种解决github加载缓慢问题的方法。我使用的联通网，每次加载github网站时卡的让人受不了，于是我上网查了下，确实找到了一种比较有效的解决方案，下面我就总结下方法办法目的： 绕过DNS解析，直接在本地绑定host。思路： 直接修改本地的hosts文件。实现：通过目录 C:\Windows\System32\drivers\etc 找到 hosts文件。在打开之前，我...
2020-04-14 10:06:49
673
原创 提高css开发效率的代码片段模板
提高css开发效率的代码片段这篇文章会记录我们平时常用到的 CSS 片段，使用这些 CSS 可以帮助我们解决许多实际项目中遇到的问题清除浮动浮动给我们的代码带来的麻烦，想必不需要多说，我们会用很多方式来避免这种麻烦，其中我觉得最方便也是兼容性最好的一种是，在同级目录下再创建一个；不过这样会增加很多无用的代码。此时我们用:after这个伪元素来解决浮动的问题，如果当前层级有浮动元素，那么在其父...
2020-04-12 10:08:55
286
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人