- 博客(58)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 react 中的 ref 的使用方法总结
方式1：string类型绑定类似于vue中的ref绑定方式，可以通过this.refs.绑定的ref的名字获取到节点domimport React from 'react'class CommentForm extends React.Component{ constructor(){ super(); this.addComment = this.addComment.bind(this); } addComment(e){ .
2020-10-29 16:52:25
1388
原创 React 事件处理程序中，this 为 undefined ，如果可以使用 this
React中，事件处理程序中，默认情况下，this为undefined,如果使用this，可以使用如下方法 第一种： 绑定事件处理程序时，使用bind方法绑定this 如:<button onClick ={this.addComment.bind(this)}></button> 第二种： construtor()方法中，使用bind方法绑定this construtor(...
2020-10-29 16:03:34
694
原创 移动端Web App 的屏幕适配方法(总结)
移动端web页面的开发，由于手机屏幕尺寸、分辨率不同，或者需要考虑横竖屏问题，为了使得web页面在不同移动设备上具有相适应的展示效果，需要在开发过程中使用合理的适配方案来解决这个问题。01流式布局流式布局的解决方案有不少弊端，它虽然可以让各种屏幕都适配，但是显示的效果极其的不好，因为只有几个尺寸的手机能够完美的显示出视觉设计师和交互最想要的效果，但是目前行业里用流式布局切web app的公司还是挺多的，如：亚马逊，携程，兰亭流式布局并不是最理想的实现方式，通过大量...
2020-10-23 11:37:41
1953
转载 移动端(App)项目进行满屏高度的设置
问题：做使用 Vue 做移动端 App 的时候，高度一般会根据页面的元素进行自动设置，不会铺满整个屏幕。解决方案：通过以下代码实现满屏高度，在App.vue 里设置html,body,#app{ height: 100%;}转自：https://www.cnblogs.com/ljy-/articles/12574119.html...
2020-10-20 10:41:03
1105
2
转载 【转】移动端自适配 力荐viewport缩放解决方案
一、概述：做了几年的移动端一直用 rem ，感觉最烦琐的就是 rem 的计算。随便可以用 css rem 自动计算，但是有时候感觉宽度跟高度的 rem 并不是完全准确。所以决定用 viewport 缩放来试试看效果，经果一些网友的帮忙测试，发现缩放 viewport 这种方法更简单、高效、准确二、思路：例如效果图是：750*1334(px)的源文件。1、根据750 PSD源图 宽度尺寸进行比例缩放，高度并没有限止，所以高度是自由的2、缩放viewport的同时，宽度跟高度是等比的，.
2020-10-19 16:13:06
788
原创 Axios post 传参的params 与data 的两种形式（根据java后台接口来选择）
前言params是添加到url的请求字符串中的，一般用于get请求。data是添加到请求体（body）中的， 一般用于post请求。上面，只是一般情况. 其实，post请求也可以使用params方式传值 ，但是get请求没有data方式，本文就来介绍一下post的两种传值方式Axios中posts的params与data的两种传参第一种：data方式this.$axios({ url: '/api/user/login' , method: 'post', ...
2020-10-12 11:30:03
21457
2
原创 Axios 参数问题，只需要值的情况（不传对象）
问题和JAVA对接口，参数一直传不过去（前端报400错误，后端报传递的参数错误），header也改了，参数传不传字符串都不行代码如下：this.$axios.post('/api/chuli/deleteByIds', { ids: this.ids }, { headers: { 'Content-Type': 'application/json' } }).then((res) => { console.log(res)}).
2020-10-12 10:30:03
2145
4
转载 【转】vue中get请求如何传递数组参数
文章目录前言1、问题2、解决方案2.1 qs 插件2.2 axios 配置2.3 具体配置3、总结前言vue 中在与后端进行数据交互时，使用 axios 发送请求，不做配置直接使用get请求传递数组类型参数的时候，后端是无法接收数据的，需要对 axios 一些简单的配置才能让后端完美的接收数组1、问题示例代码let params = { statusList: ['OVERDUE', 'DELAY'] } t
2020-10-10 15:23:13
5317
原创 vue中关于测试的知识介绍
文章目录前言一、端到端（E2E）二、单元测试（Unit Test）KarmaMocha断言库Chai是一种断言库([http://chaijs.com/](http://chaijs.com/))Jest （一般使用这个，请仔细阅读）前言Vue-Cli 推荐两种测试分别是：端到端的测试（E2E） 和 单元测试(Unit Test)一、端到端（E2E）端(消费端)到端(产品端)的测试（E2E (End-to-End)）, 它用来测试一个应用从头到尾的流程是否和设计时候所想的一样。简而言之，它从一个用
2020-10-09 10:19:59
759
原创 疑难杂症：postman测试通过，但axios还是报跨域问题
问题调用接口报错误：Access to XMLHttpRequest at 'http://xxxx/api/Order/OrderList' from origin 'http://xxx.xx.xx.xx:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 分析：看到上面的问题，第一反应就是跨域问题。处理方法
2020-09-29 11:03:19
11338
原创 vue中token的使用
使用vuex与sessionStorage结合存储tokenstate代码：var state = { token:window.sessionStorage.getItem("token")?window.sessionStorage.getItem("token"):""; }getters代码：var getters = { getToken(state){ if(state.isLogin){ return state.token; }else{
2020-09-25 16:05:34
562
原创 vue中使用axios请求数据时，提示数据加载中...
1.安装脚手架3.0以下npm install -g vue-cli@版本号3.0以上npm install -g @vue/cli@版本号查看脚手架版本vue -v2.创建项目（本文章采用脚手架4.0）vue create project-name创建项目，具体详情的项目配置，本文省略，可参考下面的文章https://www.cnblogs.com/zhoulifeng/p/11690799.html项目创建好后cd project-name // 进入项目根目录npm
2020-09-25 15:50:09
2760
原创 nginx服务器及部署vue的常见问题
一、什么是Nginx?Nginx 是一个很强大的高性能Web和反向代理服务其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等二、Nginx的作用负载均衡、静态服务器、正反向的代理### 三、下载网址：http://nginx.org/en/download.htmlMainline所有功能都全的版本（推荐）Stable version稳定版Legacy versions老版本
2020-09-25 15:40:54
929
原创 vue scoped css 深度选择器 父组件的样式将渗透到子组件中
当 style 标记具有该scoped属性时，其CSS将仅应用于当前组件的元素。代码如下：<style scoped>.example { color: red;}</style><template> <div class="example">hi</div></template>编译之后<style>.example[data-v-f3f3eg9] { color: red;}<
2020-09-25 14:51:38
1551
原创 vue 打包后如何修改接口地址？提供 config.js 进行配置
bug收集：专门解决与收集bug的网站网址：www.bugshouji.com背景在 vue 项目中，我们可以通过不同的环境，访问不同的服务器. 虽然可以使用环境的切换，但是在打包成html文件后，想对其进行修改就不行了。// 环境的切换if (process.env.NODE_ENV == 'development') { axios.defaults.baseURL = 'https://localhost:8888';} else if (process.env.NOD.
2020-09-24 11:13:04
1512
原创 vue中，对于 axios 的封装
axios需要进行一些什么配置1. 设置请求的默认地址baseUrl2.设置请求超时时间3.Post请求头的设置4.拦截器（请求拦截与响应拦截）5.封装post, get请求 (此示例没有封装，可根据项目情况而定，因为封装后，对于一些特殊接口设置不是太灵活，需要我们项目没有选择封装，如果请求方法比较单一的，可以考虑封装)axios完整封装代码我们可以将上面的都封装成一个文件axios.js放在util文件夹中代码如下：import axios...
2020-09-23 14:34:01
272
原创 vue项目中，axios的引用与axios的传值
vue中axios引用import axios from'axios'axios.defaults.baseURL="http://localhost:8888";Vue.prototype.$axios = axiosaxios 传值get方式 :1. url后面加参数this.$axios.get("http://localhost:8888/select.do?username='hahha'");2. paramsthis.$axios.get("h...
2020-09-22 14:43:35
639
原创 vue中使用axios发起post请求, 常见问题及demo示例
axios使用中，常见问题：1.axios中，post传参后台服务器收不到参数2.axios中，调用借口报400错误以上错误原因，都是因为，post传参，需要将参数转成字符串。可参考如下代码vue中，使用axios数据发起post请求demothis.$axios.post('/api/user/login', JSON.stringify({ jobNumber: 'GL001', password: '123' }), { headers..
2020-09-22 14:34:12
1323
前端React项目，Dva框架与Umi框架的结构参考案例
2024-12-04
react 结合 redux/toolkit 实现权限管理
2022-08-10
NSIS processwork.dll
2014-06-11
WPF DEMO 集
2014-06-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人