weixin_46918498-CSDN博客

原创 ICE-基于 React 的研发解决方案

官网： https://ice.work/飞冰是一个基于 React 的研发解决方案，围绕研发框架 icejs 提供完善的领域解决方案，同时结合可视化操作、物料复用等方案降低研发门槛。同时支持 Vite & Webpack 模式参考：https://blog.csdn.net/yitian_z/article/details/104495078...

2021-11-29 17:08:43 524

原创使用fusion，Tree组件下input框输入空格失效

问题：使用fusion组件库使用了Tree 在Treenode中写入 input框，input输入空格失效猜测：和tree中的keycode判断冲突发现：输入空格时只触发到onkeyup后续事件不执行input中事件的执行顺序：onFocus -----> onKeyDown(value值不变) —> onKeyUp -->onChange …在onKeyDown中尝试设置其他的值禁止输入：onkeydown = e => { const keycode

2021-11-22 14:44:25 255

原创 Vue使用 filters及map匹配规定的数据内容

filters: filters: { statusFilter(value) { const statusMap = { 0: '禁用', 1: '启用' } return statusMap[value] }, jianhuFilter(value) { if (value === '0') { return '-' } else { return va

2021-10-12 12:01:12 432

原创 git撤销commit记录

git 撤销已经提交到远程服务器的commit：1、使用git log查看需要撤回的commitId: git log注意：使用q退出Git log2. git reset --soft commitId3. 输入git log 确保 reset成功4.推送到远程 git push origin master -fcss样式：h5文本内容包含‘-‘ 展示并不是英文使用font-family: Open Sans,Arial;设置改字体的样式...

2021-09-16 16:31:20 197

原创 react请求接口方式

1.jQuery， axios 基于xhr 的封装, axios 是promise 风格可以解决回调地狱2.fetch: 原生函数，不用下载，不用xhr ，也能发送请求，内置的函数，本身也是promise的风格老版本浏览器可能不支持xhr不符合关注分离的原则search = aysnc() => { try{ let res = await fetch('http://') let data = await res.json() console.l

2021-05-13 21:15:49 1410

原创 react消息订阅-发布机制（兄弟组件传值）

订阅消息：1、消息名2、发布消息消息订阅-发布机制1.pubSubJS , PubSub 模式，是 Publish/Subscribe 的缩写，意为“发布/订阅”模式。使用步骤：（1）npm i pubsub-js（2）在使用的组件中引入：import PubSub from ‘pubsub-js’（3）this.token = PubSub.subscrible(‘test’, (_, data)=> { }) // 订阅（4）PubSub.publish(‘test’, dat

2021-05-13 16:33:48 122

原创 Vue 获取最近一个月，前三个月，最近半年，最近一年，当前月末日期

/** 获取当前年月日* */export function nowDate() { const loadYear = new Date().getFullYear() let loadMonth = new Date().getMonth() + 1 let loadDay = new Date().getDate() if (loadMonth >= 1 && loadMonth <= 9) { loadMonth = '0' + loadMon

2021-05-12 15:11:04 7150 1

原创使用 vue-pdf 以及Lodop实现pdf打印预览功能

1.首先下载vue-pdf ： npm install vue-pdf --dev踩坑：页面第一次渲染没有问题，但是二次打开PDF的时候会遇到PDF空白的问题，控制台提示：Error during font loading: Failed to execute ‘postMessage’ on ‘Worker’: ArrayBuffer at index 0 is already detached翻找半天发现是因为缓存问题，然后找到了一个大佬的博客, 二次封装的这个包附上地址：https://blo

2021-05-09 18:30:53 1661

原创 vue 实现身份证号码中间用星号隐藏

// idCard 为身份证号码const cardNo = idCard.replace(/^(.{6})(?:\w+)(.{4})$/, "\$1********\$2")console.log('隐藏后', cardNo)

2021-05-09 18:08:04 2171

原创 vue 实现出生日期计算年龄

const birthStr = '2020-01-01'let birthdays = new Date(birthStr.replace(/-/g, "/")); console.log('生日转换时间', birthdays) let d = new Date();let age = d.getFullYear() - birthdays.getFullYear() - (d.getMonth() < birthdays.getMonth() || (d.getMonth() == bi

2021-05-09 18:05:40 2175

原创 react脚手架跨域配置代理总结

FeHelper 谷歌浏览器插件，功能是请求服务端接口，返回值可以格式化跨域配置代理：**方法一：**在package.json中追加如下配置"proxy": "http://localhost:5000"说明：1.优点：配置简单，前端请求资源时可以不加任何前缀。2.缺点：不能配置多个代理。3.工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求就会转发给5000（优先匹配前端资源）**方法二：**1.第一步：创建代理配置文件在src下创建配置文件：

2021-05-07 11:18:12 130

原创 vscode中 react插件的安装

插件市场找到： ES7 React/Redux/GraphQL/React-Native snippet 然后安装// rcc 类式组建// rfc 函数式组件import React, { Component } from 'react'export default class index extends Component { render() { return ( <div>

2021-05-06 09:36:17 478

原创 vscode设置npm指令快捷键

下载vscode默认没有npm脚本在插件市场下载NPM scripts重启vscode左下角出现npm脚本然后可以点击运行项目

2021-04-29 11:49:42 1726

原创安装react脚手架问题

输入命令 create-react-app study_staging 出现问题如下：PS D:\web\new-staging> create-react-app study_stagingcreate-react-app : 无法加载文件 C:\Users\TXXX\AppData\Roaming\npm\create-react-app.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的

2021-04-29 11:23:42 121

原创使用vue实现数组对象排序

工作需求：对数组中一个对象的值的进行判断，若数组中对象的值为0 则排序在前边 const arr= this.sortByKey(list, key) /** * array 需要排序的数组 * key 对象属性 */ sortByKey(array,key){ return array.sort(function(a,b){ var x = a[key] var y = b

2021-04-14 15:42:58 799

原创 vue 解决跨域问题

对于vue-cli 3.x版本配置服务器代理，vue.config.js的文件，在开发环境有效 proxy: { //跨域代理 '/api': { target: 'http://127.0.0.1:3347/', // 你请求的第三方接口 changeOrigin: true, // 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题 pathRewrite: {

2021-04-13 10:22:01 87

原创 uni-app 开发小程序实现调转到第三方地图实现导航

点击页面地址提示信息调用方法地图组件<map style="width:100%;height:500upx;" :latitude="latitude" :longitude="longitude" :markers="marker"></map> methods: { goHere() { uni.openLocation({ longitude: 109.490360, //经度 latitude: 36.579870 , //纬度 scale:

2021-02-04 15:25:29 740 1

原创 vue 实现文字转语音tts

调用本地方法实现文字转语音。缺点：win7系统部分版本不发声音，优点：不需要外网支持const synth = window.speechSynthesisconst msg = new SpeechSynthesisUtterance() created() { this.handleSpeak('要合成的文字') },/** * text – 要合成的文字内容，字符串 * lang – 使用的语言，字符串，例如：“zh-cn” * voice.

2021-02-04 15:09:30 1895 1

原创 vue+element 键盘回车事件导致页面刷新的问题

<el-form :inline="true" class="searchTerm demo-form-inline" @submit.native.prevent> <el-form-item label="参数标题/id" style="float: left;margin-left: 10px"> <el-input clearable v-model="queryTableName" placeholder="请输入关键字"

2020-12-19 16:51:09 104 1

原创 electron中实现通过webview实现内嵌网页并嵌入css样式和js脚本等

<webview id="geekori" src="https://baidu.com" style="width:400px; height:300px" ></webview>参考：https://www.cnblogs.com/badaoliumangqizhi/p/12995335.html

2020-10-22 16:25:33 1701

原创谷歌浏览器全屏设置

C:\Users\Administrator\AppData\Local\Google\Chrome\Application\chrome.exe -kiosk -disable -pinch http://恢复正常：删除后边配置然后以管理员身份运行

2020-10-17 18:05:57 999

原创 electron调用C++的dll文件安装node-gyp rebuild失败

node-gyp rebuildD:\web\electron-medical-self>node-gyp rebuildgyp info it worked if it ends with okgyp info using node-gyp@6.1.0gyp info using node@8.12.0 | win32 | ia32gyp ERR! find Pythongyp ERR! find Python Python is not set from command line or

2020-10-17 16:32:31 296

weixin_46918498的博客