- 博客(92)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 react 小程序 跳转浏览器图片url以及报错非业务域名
在原页面写点击事件，之后跳转到新页面，在新页面中写上<web-view src='跳转的url'></web-view> 就可以正常跳转了详细步骤如下：配置路由在原原页面写入点击事件在新页面写入...
2022-04-24 17:56:23
1572
原创 react 图片解析时报403
使用img标签加载网页的图片的时候，居然遇上了403，但是直接把网页图片的地址放到地址栏时浏览器是可以成功加载的，但是放到React项目中使用img加载网页图片的时候就会403在img图片处添加<meta name="referrer" content="no-referrer"></meta>就可以解决了<Carousel ref="banner" autoplay={false} dots={false} afterChange={this.bannerAft..
2022-04-22 18:11:05
1727
原创 react 后台返回html 银联支付前端页面跳转以及返回链接
这几天做银联的时候遇到了这样一个问题 后端返回了一个完整的html,需要在前端跳转到银联支付的页面跳转页面的代码执行⬇️ const div = document.createElement('div') div.innerHTML = res //后台返回接收到的html数据 document.body.appendChild(div); document.forms[0].submit
2022-04-12 15:24:20
1709
6
原创 react git 更新原来数据时，执行git commit -m 信息报错
可能是只读的原因执行命令:vi package.json 之后找到"precommit":"lint-staged" 删除掉,返回重新更新数据就可以啦
2022-04-12 09:12:42
288
原创 Base64编码
gettEditorCon() { // this.state.TextArray = this.state.editorState.toHTML() // 页面获取 var encode=encodeURI(this.state.editorState.toHTML()) console.log("对字符串进行编码"+encode); var base64 = btoa(encode); console.log("编码转base64"+base64); // 页面渲染 v.
2022-04-11 16:09:44
451
原创 react 富文本编辑中插入线上图片
//清空 clearContent = () => { this.setState({ editorState: ContentUtils.clear(this.state.editorState) }) }//追加到后面 insertText = () => { this.setState({ editorState: ContentUtils.insertText(thi.
2022-04-01 15:39:22
1198
原创 react 解析html标签
<div dangerouslySetInnerHTML={{ __html: 解析内容 }}></div>具体代码实现html解析
2022-02-25 09:45:44
771
原创 react BraftEditor富文本编辑器使用
安装和使用 · 语雀安装依赖（安装前先把之前的依赖删除掉，以免出现报错情况） @使用yarn安装 yarn add braft-editor @使用npm安装 npm install braft-editor --save依赖安装完成后在package.json中可以看见（如果项目无法启动，就把你下的这个删除掉，保存重新下载依赖之后启动项目。正常启动后在停止项目运行，删除依赖包。在重新安装富文本。「它会自动下载依赖包」下载完成后启动项目）【富文本安装不对，项目会报错的】
2022-02-24 10:49:55
1401
1
原创 html 实现流星雨、从用心到心碎
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>流星雨</title> <script> var context; var arr = new Array(); var starCount = 800; var rains = new Array(); .
2022-01-26 18:00:53
5518
2
原创 html 实现圣诞树、辞职信
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> html { color:#000; background:#222222;}a { cursor:pointer;}html, body, div, dl, dt, dd, ul, ol, li, h1,.
2022-01-26 17:36:41
192
原创 html 实现烟花
<!doctype html><html><head><meta charset="utf-8"><title>烟花动画特效</title> <style>html,body{ margin:0px; width:100%; height:100%; overflow:hidden; background:#000;} #canvas{ width:100%; height:100%;}.
2022-01-26 17:35:30
4842
3
原创 css样式
居中的方式1. display: flex; align-items: center; justify-content: center;2.text-align:center;3.margin:0 auto4.父级display: table;子集display: table-cell;text-align: center;vertical-align: middle;5.高度是多少就改多少line-heigth:40px6. position: absolute;.
2022-01-25 11:23:00
141
原创 关于循环的一些操作
//找出数据出现的次数 let res = {} let aaa=["s", "s", "a"] aaa.forEach((key) => { if (res[key]) { res[key]++ } else { res[key] = 1 } }) console.log(res)//输出a:1,s:2//文本域中输入的内容按行进行切割，之后在通过tab在进行切割//miangzi这个是名字//this.state.in.
2022-01-18 09:44:33
512
原创 LODOP打印机使用
安装打印机驱动，设置打印尺寸这里面都有下载插件，官网地址下载中心 - Lodop和C-Lodop官网主站http://www.lodop.net/download.html ，选择综合版，解压下载的文件。直接点击 安装1.下载LodopFuncs.js文件，把js放在常用的js文件夹中2 、修改LodopFuncs.js文件//在文件最底部添加一行代码，把该文件中的getLodop函数 export 出来。export { getLodop };js调用打印机L...
2021-12-08 16:01:12
2651
原创 react 左侧点击 右侧跳转
你需要跳转的路由按照代码写就可以实现简单的跳转（我用的是 布局 Layout - Ant Design）布局 Layout - Ant Design链接import { Button, Layout, Breadcrumb, Dropdown, Menu, span, Modal, message } from 'antd';import { connect, injectIntl, FormattedMessage, history } from 'umi';import React,
2021-11-24 09:30:14
869
1
原创 react 定义json数据和点击触发弹窗
定义的json数据拿到你定义数据的接口在随便定义个名字 （我用async和await了）在页面引入使用代码（和点击弹出框）import { Button, Dropdown, Menu, span, Modal, message } from 'antd';import { connect, injectIntl, FormattedMessage } from 'umi';import React, { Component, useState } from 'react'...
2021-11-04 11:30:36
514
原创 react 接口调用
这是你定义好的页面在你需要调用接口的页面先引入你写好的界面页面去你写好的页面里找movieseatmodel/后面的名字*seat就是你要找的名字api_seat是你写好的接口seat_response是你下面定义的文件在model.jsx中写seat_responseapi_seat（我随便截的图名字一定要一致，不然找不到的）（api_status一定和seat_response中的api_seat一致）文件在service.jsx中写样式(数据...
2021-11-03 10:28:44
2494
原创 react项目突然启动不了，可能是环境问题
（报错：环境错误）重新下载Node.js完全卸载node.js网址：如何在Mac电脑上完全卸载node.js - 简书https://www.jianshu.com/p/c8473afd7dcb切换国内镜像npm install -g mirror-config-china --registry=http://registry.npm.taobao.org安装sass-loader、node-sass（-D 是 --save-dev 的简写）npm install sass-loa
2021-10-28 09:24:57
1027
原创 react 安装脚手架（左侧菜单配置）
安装新建一个空的文件夹作为项目目录，并在目录下执行：（可以用yarn，会快一些）npm create umi选择ant-design-pro：选择语言（我用的是javaScript）问你要用简单的脚手架还是完整的脚手架 (我用简单的)之后下载依赖npm install之后启动项目npm start...
2021-10-21 15:34:18
179
原创 一图搞懂react生命周期
react生命周期图constructor()constructor()中完成了react数据的初始化，它接受两个参数：props和context，当想在函数内部使用这两个参数时，需使用super()传入这两个参数。注意：只要使用了constructor()就必须写super(),否则this指向会错误。componentWillMount()componentWillMount()一般用的比较少，它更多的是在服务端渲染时使用。它代表的过程是组件已经经历了constructo.
2021-09-26 10:32:24
213
原创 整蛊别人的vbs代码刷屏
就先建一个记事本，把代码粘进去（//后面的的东西只是告诉你是干啥的，保存之前要删掉），保存之后，在把后缀名改为vbs用法：你要整蛊的人网名替换要整蛊人的名字，时间可以改也可以不改。去你要整蛊的人那，在输入框中输入一段话，先复制在剪切掉，双击打开你写好的vbs，之后把光标放在要整蛊人的输入框中。就会自动发送Set WshShell=WScript.CreateObject("Wscript.Shell") wshshell.AppActivate"要整蛊人的名字" for i=1 to 50 /
2021-08-11 11:19:53
1627
原创 HBuilder x 打包 生成app步骤
1.把打包好的dist文件夹打开把里面的文件拿出来按下图所示（刚开始在HBuilder x中生成文件他会自带一个index.html,这个文件没有用，要删掉，如果不删的话，打包生成app的时候会白屏的）需要的配置如下准备打包中的配置如下下面就是下载到手机上（打开后项目就可以正常运行了，如果你的运行不了那就是vue.config.js中配置路径错了）...
2021-08-10 17:12:30
6929
3
原创 打包完成后页面正常显示 请求数据的时候报405
我的跨域点击登录的时候请求数据报错先去配置一下基地址把api拼接到后面在去页面删掉页面你写过的前缀重新打包就好了
2021-08-04 17:00:27
530
原创 模糊搜索加分页简单版
<input type="text" v-model="query"><el-table :data="abba" style="width: 100%"> <el-table-column prop="order_id" label="id"> </el-table-column> <el-table-column prop="price" label="金额"> </el-table-column>..
2021-07-06 22:50:12
104
原创 iframe的优缺点？
iframe的优点：1.iframe能够原封不动的把嵌入的网页展现出来。2.如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。3.网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。4.如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决。iframe的缺点：1.会产生很多页面，不容易管理。2.iframe框架结构有时会让人感到迷惑，如果框架个数多的话
2021-06-15 07:56:29
137
3
原创 项目中如何修改element-ui的默认样式 （去除scoped,样式穿透 ＞＞＞ , less/sass : /deep/）
stylus的样式穿透 使用 >>>sass和less的样式穿透 使用 /deep/项目中如何修改element-ui的默认样式例如input框添加圆角时，渲染后发现input框不起作用。原因是但需要注意的是，去掉scoped后，此时的样式会染污全局样式，你可以把它放到公共的css样式里，或者为了避免标签都是该样式，我们可以给input加上一个类名，...
2021-06-10 21:34:46
361
原创 meng-ui 中el-form 表单如何校验
在el-form-item添加验证做法：需要在el-form-item标签中加入 :rules=’’’’我这个是多个验证的，单个验证和这个差不多
2021-06-07 21:29:03
90
1
原创 Windows下Nginx安装与配置教程----vue打包上线流程，ngnix服务器配置（路由history模式白屏如何处理）
下载Nginx官方下载地址下载后，将nginx-1.15.2.zip解压注意不能解压到带中文的文件夹中可以看到以下的目录控制台（CMD）切换到Nginx目录下，输入start nginx ，然后在浏览器页面输入localhost，出现如下界面则表示安装成功。默认监听80端口号。nginx命令介绍（1）start nginx 开启nginx服务（2）nginx.exe -s stop 关闭nginx服务，快速停止nginx，可能并不保存相关信息（3）nginx.exe -s quit 关闭
2021-06-07 10:32:59
243
5
原创 vue-router 鉴权 守卫
一、怎么理解vue-router路由导航守卫又叫路由的钩子函数又叫路由的生命周期函数就是路由 从开始进入路径到跳转结束这个过程中 到了某个阶段会自动执行的函数二、实现鉴权的方式分两种：1、通过vue-router addRoutes 方法注入路由实现控制通过请求服务端获取当前用户路由配置，编码为 vue-router 所支持的基本格式（具体如何编码取决于前后端协商好的数据格式），通过调用 this.$router.addRoutes 方法将编码好的用户路由注入到现有的 vue-router 实例
2021-06-04 14:58:55
118
原创 城市选择（模糊查询）
效果图代码blockquote标签如果想了解就点击查看<template> <div class="hezi"> //头部 <div class="bor"> <p class="p"><span class="span" @click="$router.go(-1)">＜</span>城市选择</p> <input type="text" v-model="name"
2021-06-04 14:00:10
343
原创 webpack打包优化和打包上线
图片优化使用 url-loader 优化， 将小图片转化成base64压缩,防止小图片太多请求次数太多。下载 url-loader npm install -D url-loader配置在 webpack.prod.conf.js 文件夹中配置 module: { rules: [{ test: /\.(png|svg|jpg|gif)$/, use: [{ loader: 'url-loader', // 优化小图片
2021-06-04 10:15:44
389
原创 axios拦截，api统一管理
首先，我们项目的src路径下的service文件夹下，新建base文件夹，在base文件夹里新建axios.js。一、axios统一封装首先引入axios和qs依赖。import axios from 'axios';import qs from "qs";然后开始使用request拦截器对axios请求配置做统一处理axios.interceptors.request.use( config => { config.method =
2021-06-03 20:14:16
114
原创 vant-ui 按需引入
vant-ui的按需加载 babel-plugin-import 实现按需加载 “ babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式// 插件安装 yarn add babel-plugin-import -D 复制代码 // 在babel.config.js 中配置 module.exports = {pre…vant-ui的按需加载babel-plugin-import 实现按需加载“babel-plugi.
2021-06-03 19:59:28
187
原创 多环境变量配置
通过 npm run serve 启动本地 , 执行 development通过 npm run test 打包测试 , 执行 testing通过 npm run build 打包正式 , 执行 production"scripts": { "serve": "vue-cli-service serve --open", "test": "vue-cli-service build --mode testing", "build": "vue-cli-service build",}
2021-06-02 21:29:16
140
原创 项目开发流程
流程图流程图说明业务调研参与人员：产品经理、业务人员（或用户）环节任务：产品经理了解业务人员提出需求的项目背景、方向，进行业务梳理，对项目功能阐述，制作思维导图等。需求设计参与人员：产品经理环节任务：根据业务调研产生的用户需求，针对不同的菜单、角色、具体功能点进行设计体现到需求文档上，制作需求文档、原型图、流程图等。未确定，不明确，没把握的需求需要跟业务人员反复确认，写在需求设计文档上的需求须是明确的。需求评审参与人员：产品经理、业务人员、开发人员、测试人员环节任务：业务人员，确认
2021-06-02 17:20:48
176
citydata.js
2021-09-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人