人间_失格-CSDN博客

原创 HTML中诡异的换行

最近公司的项目中要做静态页面的向导，所以要拉取系统中的静态页面，过程中遇到一个特别怪异的事代码大致是这样的<div style="width: 100%"> <div style="display: inline-block; width: 50%">第一段文字</div> <div style="display: inline-block; width: 50%">第二段文字</div></div>按理来说，上述代码

2021-03-24 14:02:14 208

原创 WebApp 原生APP HTML5 H5 ？

一、Web APPWeb App即是一种框架型APP开发模式(HTML5 APP 框架开发模式)，该开发具有跨平台的优势，该模式通常由“HTML5云网站+APP应用客户端”两部份构成，APP应用客户端只需安装应用的框架部份，而应用的数据则是每次打开APP的时候，去云端取数据呈现给手机用户。二、原生APP原生APP又称Native App，该开发针对IOS、Android、Windows等不同的手机操作系统要采用不同的语言和框架进行开发，该模式通常是由“云服务器数据+APP应用客户端”两部份构成，AP

2021-03-05 17:42:07 431

原创 React 使用onMouseDown、onMouseMove、onMouseUp完美实现悬浮球拖动

近期需要做一个全局的小助手，类似于360加速球的效果，在网页中就需要组件的拖动。但是使用onDrag实现拖动，需要设置放置的容器，否则拖动时会出现禁止标志，很难受。所以想着给组件加上鼠标事件，通过鼠标事件来改变组件的绝对位置实现拖动。1.实现组件的拖动import React, { useRef, useEffect, useState } from 'react';const onMouseDown = (ref, setDraggable) => (e) => { // 记录鼠

2021-03-04 16:57:05 8123 3

原创 React加购物车抛物线动画的实现

在做React的项目中，遇到了一个动画问题，在做加入购物车时，有个从指定位置向右上角的购物篮抛的动画。<!DOCTYPE html><html lang="en" style="width:100%;height:100%;"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <style>

2021-02-23 18:53:31 916

转载 spring boot的@RequestParam和@RequestBody的区别

一、问题描述由于项目是前后端分离，因此后台使用的是spring boot，做成微服务，只暴露接口。接口设计风格为restful的风格，在get请求下，后台接收参数的注解为RequestBody时会报错；在post请求下，后台接收参数的注解为RequestParam时也会报错。二、问题原因由于spring的RequestParam注解接收的参数是来自于requestHeader中，即请求头，也就是在url中，格式为xxx?username=123&password=456，而RequestBod

2021-02-22 10:38:45 104

转载 JSON.stringify的使用和三个参数

一般情况下，我们使用JSON.stringify() 是为了将一个对象转为字符串输出。（1）第一个参数是我们要字符串化的对象或者数组，但是其实它还有第二个/第三个参数哦let obj = { name: '良人', age: 18, hobby: 'play'}console.log(JSON.stringify(obj))// {"name":"良人","age":18,"hobby":"play"}（2）第二个参数，为数组时，将key作为关键字打印我们需要的信息let ob

2021-02-09 11:24:51 482

原创 Ant Design Vue中表单在控制台中有验证，但是在页面中不显示

Ant Design Vue中表单在控制台中有验证，但是在页面中不显示之前的代码<a-input v-decorator="['goods_manufacture', {rules: [{ required: true, message: '请输入商品厂家' },{ validator: goodsManufactureVal }] }]" style="width: 415px"/>解决办法在options中使用initialValue设置初始值为空字符串initialV

2021-01-12 22:36:19 2943

转载 Node事件循环和JavaScript事件循环

1.JavaScript事件循环（1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。（2）主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。（3）一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，看看里面有哪些事件。那些对应的异步任务，于是结束等待状态，进入执行栈，开始执行。（4）主线程不断重复上面的第三步。2.Node事件循环（1）V8引擎解析JavaScr

2020-12-30 16:58:31 144 1

转载 Git之右键没有Git Bash Here的解决办法

Git之右键没有Git Bash Here的解决办法其实这个写好有段时间了发现忘记了提交。git安很久了，最近项目都是通过SVN管理的 git安装后一直很少用，最近有点闲暇时间准备写点使用git方面的东西，一方面方便自己使用需要时方便查阅，一方面也希望能给正在准备使用git的人有些许帮助。点击鼠标右键，选择Git Bash here的时候发现右键没有Git Bash here这个就是很尴尬了。在网上搜了下怎么添加 Git Bash here到鼠标右键就准备开始动手添加。首先，（win按键+R打

2020-12-19 17:51:25 625 1

原创 JS中对象数组的排序问题

题目需求：将下列JSON转化为数组，并对数组进行排序，首先按照对象中的name来排序，从A到Z，如果name相同，那么在按照value由小到大排序‘[{“name”:“F02”,“value”:“124”},{“name”:“G05”,“value”:“165”}, {“name”:“C03”,“value”:“14”}, {“name”:“I09”,“value”:“29”},{“name”:“A04”,“value”:“35”}, {“name”:“A04”,“value”:“214”},{“name

2020-12-19 08:30:05 694 1

原创 IDEA中的代码从零开始提交到Git

从零开始的Git1.下载并引入git2.创建本地分支3.创建远程的仓库和分支（这里用Gitee）4.git的全局配置5.提交第一次代码6.将本地的分支放入到远程仓库中去本博客为鄙人第一次写博客，如有错误，还希望多多指正包涵1.下载并引入git要想在IDEA等开发工具中使用git对版本进行管理，需要先下载git，下载的网址为：从官网下载速度太慢，给出国内下载的镜像https://npm.taobao.org/mirrors/git-for-windows/安装git后，在IDEA中引入git.exe的

2020-12-17 15:08:04 240

转载 HTTP协议的简单理解

HTTP简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，H

2020-12-11 08:55:53 184

原创 Git的从远程更新本地及提交到远程

Git中从远程的分支获取最新的版本到本地方式如下，1. 查看远程仓库当本地的代码git init后，先add再commit，此时本地的分支已经建立并保存，但是并没有为本地的分支绑定一个远程的仓库使用git remote add origin https://gitee.com/your_name/test.git为你的项目添加一个新的远端仓库，test为仓库的名称your_name为你gitee的用户名最后使用git remote -v查看你的远程仓库E:\GraduationProject\

2020-12-04 09:29:17 453

原创 Ant Design给表格每行设置事件

在定义表格时，给表格增加属性 customRow<a-table :columns="columns" :data-source="data" rowKey="key" :customRow="rowClick"> ...</a-table>在rowClick（名字自定义）方法中设置事件的类型和方法，可传递当前行的值和索引值做参数 methods: { rowClick (record, index) { return {

2020-11-26 17:09:00 908

原创 Vue初始化子组件的方法

在前端Vue开发中，经常遇到过这种需求，点击某条数据来查看详情，详情页又被单独封装成一个组件，在父组件中引入该子组件，当点击按钮触发事件时，传入数据参数，初始化子组件，设置子组件可见。这里提供两种初始化子组件的方式1.设置子组件的ref属性，通过$refs.refAttribute.init来初始化子组件首先在子组件中设置一个init方法，用来设置绑定的是否可见参数为true以及初始化子组件的form表单内容 methods: { init (vehicleNumber) {

2020-11-25 16:52:32 5276

转载给表单赋值警告You cannot set a form field before rendering a field associated with the value.

出现原因：赋值给表单，可以少传值，不能多传值，或者在表单渲染前就给表单赋值由于表单中的图片上传是另外的组件所以赋值时是需要传给子组件去赋值，不能setFieldsValue在用ant-design-vue的框架中，使用到了这种场景，就是点击编辑按钮，弹出modal模态框，渲染modal模态框中的form表单页面，并给表单赋值，但是在给表单赋值的时候，总是会报错。错误提示： Warning: You cannot set a form field before rendering a field a

2020-11-25 16:22:02 17319 1

原创 Vue实现打印机接口打印组件

很多时候，在web开发的应用程序中，需要调用打印机来打印相关的单据等信息，同时一般根据组件化开发的思想，将整张需要打印的内容封装在一个单独的组件内。这里记录一下自己如何一步步在项目中调用打印接口来打印某个组件内容。1.下载打印相关的外部JS文件到本地插件地址：https://github.com/Linwei-RenJian/vuePlugs_printjs-master2.在项目的main.js文件中注入print方法import Print from './utils/print'Vue.c

2020-11-24 10:37:28 2593 1

原创 VueCli3 Ant Design input输入框禁用后文字透明度变浅解决方法

Cli3的框架需要自行配置全局的Css默认样式，在Vue.config.js里配置相关自定义属性即可css: { loaderOptions: { less: { modifyVars: { // less vars，customize ant design theme // 'primary-color': '#F5222D', // 'link-color': '#F5222D', '

2020-11-23 17:13:27 1343 2

qq_44229380的博客