qq_35089721的博客

原创 若依框架学习使用

运行java -jar ruoyi-admin.jar --spring.profiles.active=prod 可以启动后端， linux下加setsid。编辑器idea、jdk环境安装、数据库mysql、navicat工具、redis(redis-server启动)安装。3.再启动redis，运行前端项目即可运行整个项目。2.打jar包：选中三个文件 运行即可。2.导入建的表 可生成简单的增删改代码。1.idea安装，可以运行前后端。3.将代码加到项目里对应位置。如此就多了一个vue页面。

原创 nginx本地运行vue项目

运行 ：D:\软件\nginx-1.24.0>nginx -s reload。运行：start nginx。

原创 安装jdk生成jks文件方法

查看：C:\Program Files\Java\jdk-19\bin>keytool -v -list -keystore D:\projects\ysapp\todo/yunshangkj.jks。//xxxx为自定义名字 123456 为自定义密码。

原创 vue实现地图 好用点赞哦

切换到china-map分支。

原创 windows生成jks文件

生成jks文件

原创 uniapp H5、app、小程序不同端之间跳转

1、h5跳转apphttps://uniapp.dcloud.io/tutorial/app-ios-schemes.html2、app跳转h5 openUrl3、 app 跳转 小程序launchMiniProgramhttps://www.html5plus.org/doc/zh_cn/share.html#plus.share.ShareService.launchMiniProgram4、小程序跳转appbutton | uni-app官网uniapp 实现跳转其..

原创 uniapp热更新

比较版本号是否需要更新，写个更新内容的提示框提示升级，速度很快// 加弹窗提示更新的内容并进行更新 // // #ifdef APP-PLUS // plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) { // uni.request({ // url: 'http://www.example.com/update/', // data.

原创 用git比较两次提交的差异并打包

1.安装插件：npm install git-diff-archive -g2.项目中运行命令：git_diff_archive 79cd59a7 4945b157git_diff_archive [新提交] [老的提交]差异文件就出现啦

原创 使用electron把vue 打包exe应用

1. vue ui2.项目中添加插件vue-cli-plugin-electron-builder3.运行4.全屏配置

原创 git 生成ssh公钥

生成密钥文件 ：ssh-keygen -t查看文件内容 : cat ~/.ssh/id_rsa.pub

原创 经验：项目积累

taoshi：1. 用于商品详情的图片放大镜vue-piczoom：vue-piczoom - npm2.PC端地图经纬度获取此方式非最佳，后面可以尝试vue-amap实现3.budongchan：uniapp 页面代码生成图片插件 图片不能显示待解决 非最佳方案canvas海报生成 图片合成 写页面一样生成海报内容 - DCloud 插件市场4.duanshipin dati：复杂公式的转义显示：mathjax.jsmathjax文档 — MathJax 3...

原创 uniapp接mobSDK分享登录配置重点facebook,line,google,微信

mob配置重点：app模块配置 把 微信相关去掉！！！urltypes 中 facebook 加 'fb'universaillink 配置 capabilitiesschame、白名单配置google用的是web版auth"google的redirectUrl" : "http://localhost",https://mob.com/wiki/detailed?wiki=uni_app&id=14"urltypes" : "[facebook],[line],[mo

原创 gitlab账号实现 编辑器的git提交

生成SSH密钥：添加SSH密钥：http://git.gm.hbbeisheng.com/profile/keys以上即可实现 编辑器的git提交

原创 webstorm 无法识别vue文件问题解决

原创 uview 用npm方式引入 配置问题

pages.json配置easycom规则(按需引入)// pages.json{ "easycom": { // npm安装的方式不需要前面的"@/"，下载安装的方式需要"@/" // npm安装方式 "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" // 下载安装方式 // "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" }, // 此为本身已有的内容 "pages": [

原创 div选择框跟随鼠标移动 节流

function throttle(fun, delay) { let last, timer; return function () { let self = this, args = arguments, now = +new Date(); if (last &&am..

原创 整理经验、好文网址

1.对于页面适配，你应该使用px还是remhttp://ailongmiao.com/read/90.html2.fontawsome中文网 图标查找地址http://fa5.dashgame.com/#/%E5%9B%BE%E6%A0%873.前端细节好文http://ailongmiao.com/read/796.html4.graphqlhttps://graph...

原创 rem适配方案

http://ailongmiao.com/read/90.html@media only screen and (min-width: 320px) { html { font-size: 13.65px; }}@media only screen and (min-width: 360px) { html { font-...

原创 react 自定义hook

const useCount=(defaultCount)=>{ const [count,setCount]=useState(defaultCount) let it=useRef(null) useEffect(() => { console.log('mount:'+count) it.current = setInterval(() =&g...

原创 经验！一步步创建react项目并用webpack实现打包

nginx使用配置：react项目打包发布到服务器上bootstrap grid布局：https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap-grid.min.cssemail 正则：/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/...

原创 svg环形进度图react-circle添加动画效果

num用于更新次数，做比例计算count为进度变化值主要实现步骤：setCount(parseFloat(to*num*0.1).toFixed(2))import React, { useEffect,useState } from 'react';import Circle from "react-circle";const CountTo=(props)=>{...

原创 JS无法进行精确计算的bug

解决方案解决方案的原理是，将浮点数乘以（扩大）10的n次方倍，把浮点数变为整数后再进行相应的运算，最后将得到的结果除以（缩小）10的n次方倍。原理示例：将console.log(1-0.8); 变为 console.log((1 * 10 - 0.8 * 10) / 10); 即可得到正确的值根据上述原理，可以封装一些方法出来解决此类问题。如下所示（Math.pow(x, y);...

原创 PxCook快速拿设计图样式工具

下载：https://www.fancynode.com.cn/pxcook原文参考：https://www.jianshu.com/p/70e3874d86d6

原创 React Native 屏幕适配

"use strict"import {Dimensions, StatusBar, Platform, PixelRatio} from 'react-native'//UI设计图的宽度const designWidth = 750//UI设计图的高度const designHeight = 1334//手机屏幕的宽度export const width = Dimensi...

原创 React Native 设置app图标和名称，启动页

1 安卓:图标:将logo拖到app icon gear中 生成四个规格的图标,分别放到android/app/src/main/res 下的四个文件夹中,命名为ic_launcher.png 没有对应上的文件夹放一张1024*1024 或者512*512的即可app名称:在android/app/src/main/res/values/strings.xml 中更改2...

原创 CocoaPods

https://www.jianshu.com/p/ab6411a05bc21. 更换源sudo gem update --systemgem sources --remove https://rubygems.org/gem sources --add https://gems.ruby-china.com/2.正式安装在cocoapods 执行sudo gem ...

原创 react native 引入外部字体文件

1.在根目录下新建文件夹assets/fonts/,把ttf字体文件引入这里有很重要的一步，没做好后面都没用：查看ttf文件的字体信息(可以尝试字体软件查看)找到它的字体名，修改字体文件名为此文件名！！！2.在react-native.config.js下添加：module.exports = { dependencies: { }, "assets": [ ...

原创 react native 请求静态图片

<Image source={ require('./assets/test.png') } resizeMode={'contain'} style={{width:100,height:100}} />

原创 react native: Unrecognized font family 'antoutline'

原因是忘了 react-native link@ant-design/react-native (图片借用网络)，把antfill.ttf 和 antoutline.ttf 这两个文件引入。

原创 react withScroll hoc判断鼠标向上向下滚动

import React from "react";const mount = (that) => { window.addEventListener('wheel', that.handleMouseScroll);};const unmount = (that) => { window.removeEventListener('wheel', that.hand...

原创 react native 实现城市选择组件

https://github.com/collinxz-coder/blog/issues/6?utm_source=tuicool&utm_medium=referral

原创 github 里README 编辑语法

https://github.com/guodongxiaren/README#%E6%96%87%E6%9C%AC

原创 react native 返回上一页并刷新上一页

上一页：navigation.navigate('ReceiptFolder', {fileName: item.name,refresh:()=>this.getList()})点击页：navigation.getParam('refresh')();navigation.goBack()

原创 react 生命周期

原文链接：https://blog.csdn.net/wust_cyl/article/details/84306393Constructor1: 用于初始化操作，一般很少使用2：唯一一个直接修改state的地方，其他地方通过调用this.setState()方法。getDerivedStateFromProps1：当state需要从props初始化时，使用2：尽量不使用，...

原创 react生命周期详解

参考https://segmentfault.com/a/1190000016617400

原创 express 服务端学习之路记录

项目进程：https://github.com/chocolateonly/backOffice1，初始框架实现（express官网）2，建立routes文件3，用 sequelize 建立数据库连接，建立数据库表4，写增删改查api，routes/route.js5，用 body-parser 定义req.body类型6，node热更新：install nodemon ...

转载 CSS Grid

好文：CSS Grid 网格布局教程http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html

原创 react 派生state问题，非单一数据源导致状态不更新问题

https://www.jb51.net/article/147331.htm官网：https://zh-hans.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-controlled-component建议模式：https://zh-hans.rea...

转载 es6 Proxy对象详解

https://www.cnblogs.com/kdcg/p/9145385.html

转载 react按需加载和错误边界处理lazy(),Suspense

好文链接：http://www.ptbird.cn/react-lazy-suspense-error-boundaries.html