自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 h5 拖放

拖放实现步骤如下:将被拖放的元素记为 A ,存放 A 的容器记为 B 。给元素 A 设置 draggable 属性拖拽开始时记录 A 的唯一标识(例如:元素id)在 B 上添加 ondragover 事件,该事件规定在何处放置被拖动的数据(默认地,无法将数据/元素放置到其他元素中。如果需要设置允许放置,我们必须阻止对元素的默认处理方式。这要通过调用 ondragover 事件的 event.preventDefault() 方法)。在 B 上添加 ondrop 事件,将第 3 步所设置的元素 A

2021-03-01 11:21:40 191

原创 canvas绘制表盘时钟

canvas學習先上效果圖吧,最後大擺錘有幾點不會實現,就用其他的頂替了一下下,嘿嘿。大擺錘的gif我放到下面了哈<div class="container"> <div class="box"> <div class="img1"></div> <canvas id="canvas" width="375" height="650" style="margin: 0 auto;"></canva

2021-02-26 14:27:37 238 4

原创 从零搭建webpack项目,打包多页应用

从零搭建webpack项目初始化一个项目创建入口文件创建webpack配置文件安装开发服务使用less和sass处理图片配置babel抽离css压缩css初始化一个项目创建一个项目 webpack_demo命令行运行 npm init -y 初始化项目运行命令 npm i -D webpack webpack-cli 安装webpack webpack-cli创建入口文件创建源代码目录 srcsrc下创建样式目录css,脚本目录js,图片目录imagessrc下创建模板html文

2020-07-16 17:48:31 262

原创 umi3 区分生产环境 测试环境

安装 cross-env yarn add cross-envcross-env 是用来统一操作系统的当然你也可以不安装,根据操作系统来# OS X, Linux$ UMI_ENV=test umi build# Windows (cmd.exe)$ set UMI_ENV=pro&&umi build修改 package.json 脚本 "build": "cross-env UMI_ENV=test umi build", "build-pro": .

2020-05-15 16:44:31 2131

原创 antd 表单获取不到默认值???

使用 antd 的 4.x 版本,给表单设置初始值,但是获取不到值如果需要设置默认值并展示到页面上,需要设置两个地方:设置 defaultValue,这个是用来展示在页面上的例如:<Form.Item label="Sex" name="sex" valuePropName="checked"> //这里的defaultValue <Radio.Group de...

2020-04-14 16:09:33 3837

原创 flutter 打包apk错误

flutter打包apk时,出现如下错误:意思是我们 gradle 版本太低了,shared_preferences 持久化插件不支持,所以就按照他的错误提示,找到 D:\flutter.pub-cache\hosted\pub.flutter-io.cn\shared_preferences_macos-0.0.1+3\android\gradle\wrapper\gradle-wrappe...

2020-03-02 14:51:37 1509

原创 react-native 打包apk错误

> Task :app:bundleReleaseJsAndAssets FAILEDFAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:bundleReleaseJsAndAssets'.> Process 'command 'cmd'' finished with non-zero exit value 1* Try:Run with --stacktrace

2019-11-12 10:18:50 867

原创 springboot 拦截器验证token

springboot 配置拦截器,验证token并返回json给前端。代码如下:/** * 验证token,是否登录 */@Componentpublic class TokenInterceptor implements HandlerInterceptor { private Logger logger = LoggerFactory.getLogger(TokenInte...

2019-11-08 17:28:10 5599 2

原创 Unexpected character '@'

antd-design-vue按需引入报错如下:Unexpected character ‘@’解决方法:将.babelrc 里面的style 改为 false"plugins": [ [ "import", { "libraryName": "ant-design-vue", "libraryDirectory": "...

2019-11-06 11:16:21 4662

原创 Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

node内存扩充全局安装 increase-memory-limit进入当前项目cmd运行 increase-memory-limit

2019-11-05 16:06:12 1452 1

原创 自己 rn 常用的工具类

玩 react-native 的时候,封装了几个自己常用的方法,包括样式,权限,存储等,现在记录一下import { PermissionsAndroid } from "react-native";import { AsyncStorage } from "react-native"class Utils { /** * 将http替换成https */ static htt...

2019-10-15 10:55:05 339

原创 游戏斗兽棋,童年的回忆

游戏斗兽棋,童年的回忆最近在某游戏平台上面玩了一款经典的游戏,《斗兽棋》,就是象、狮、虎、豹、狼、狗、猫、鼠八种棋子组成,分为红方和蓝方,童年时代经常玩的游戏,俗称“洋火皮”,哈哈。现在用 react-native 进行实现一下。下面是代码,代码里面有详细的注释。import React, { Component } from 'react'import { View, Text, Touc...

2019-10-15 10:47:59 696

原创 react-native调用摄像头报错

react-native 0.60.4 版本 集成react-native-camera报错如下在 android\app\build.gradle 添加如下默认配置 defaultConfig { applicationId "com.rn" minSdkVersion rootProject.ext.minSdkVersion ...

2019-09-05 16:14:28 525

原创 将图片转换为icon字体图表

通过这个网址将png,jpg,gif等图片格式的图片转换成svg其他的网址转换的svg都不能在阿里矢量图标库里面生成icon字体图标

2019-08-25 21:22:05 1624

原创 springboot 上传图片到腾讯存储桶

在工作中一般都会用到图片上传,并且也不会直接将图片存储在Linux服务器上,这时候就可以存储在云盘里,这里以腾讯云存储桶为例:在pom文件中导入如下依赖 <!--腾讯云存储--> <dependency> <groupId>com.qcloud</groupId> ...

2019-07-31 15:04:09 1301

原创 springboot 允许跨域

设置跨域拦截器在拦截器包下创建跨域拦截器/** * 跨域拦截器 */@Componentpublic class CROSInterceptor implements HandlerInterceptor { /** * 进入controller层之前拦截请求 * @param httpServletRequest * @param httpS...

2019-07-30 15:35:23 169

原创 mybatis自动生成mapper mapping entity

本片文章是基于之前写的springboot集成mybatis,主要是用来自动生成mapper,mapping以及实体类entity的从pom.xml文件中导入 generator 插件 <build> <plugins> <plugin> <groupId>org...

2019-07-26 15:07:59 568

原创 springboot集成mybatis

idea创建springboot项目这个只需要选择一个web就可以了 ,其他的单独从pom文件中导入从pom.xml文件中导入mysql和mybatis的依赖<dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-...

2019-07-24 15:26:58 111

原创 vue css引用背景图片问题

在css中的 background 属性中,正常是使用 background: url(’…/assets/img/hello.png’); 就能引入静态背景图片;如果服务器上存在前缀的时候: 比如 www.baidu.com/hello/你的项目, 这里的hello就是你的前缀,这时候就会出问题了,背景图片找不到了,下面踢狗两种方法。一:打开 build 文件夹下的 utils.js找到如...

2019-07-12 17:15:56 15727

原创 vue中extend用法

通过extent拓展全局组件首先在MessageBox.vue中做好模板<template> <div class="MessageBox"> <h3>{{ title }}</h3> <p>{{ message }}</p> <div> ...

2019-05-04 20:10:08 5821 4

原创 springboot集成hibernate

创建工程新建一个springboot工程目录结构如下集成 hibernate在pom文件中导入相关依赖 <!--数据库--> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</...

2019-04-26 11:19:52 11278 6

原创 从零搭建koa服务并允许跨域

创建一个空文件夹,打开命令窗口,cd进入文件夹运行npm init -y,初始化npm项目运行 npm i -S koa 安装koa模块创建 app.js 文件,内容如下const Koa = require("koa");const app = new Koa();// port hostconst port = process.env.PORT || 9000;c...

2019-04-01 17:02:46 962

原创 electron 打包并自动更新

近期研究electron打包桌面应用,只针对windows系统,遇上的一些问题总结及步骤创建项目或者迁移项目//创建项目vue init simulatedgreg/electron-vue '项目名称'//迁移项目只需要将cli创建的项目中的src下所有文件复制到electron-vue项目src下的renderer文件夹下,并将cli项目的package.json的依赖导入到新...

2019-03-08 17:31:51 4184 9

原创 elementui表格高亮行背景色修改

关于使用elementUI框架下,table表格高亮行背景色太浅,要求加深,效果如下:这是elementUI自带的背景色,修改后效果如下:修改代码如下:.current-row &gt; td { background: rgba(0, 158, 250, 0.219) !important;}只是在css中添加一条代码。全部代码截图如下...

2019-02-14 09:22:02 11609 1

原创 vue问题部分总结

1.路由跳转问题//一般路由跳转都会采用push或者replace方法,并通过query进行路由传参:this.$router.push({ path:&quot;/&quot;, query:{ query }})//query传参有一个问题,就是不能有特殊符号,像百分号%,加号+等,就拿百分号%号为例this.$router.push({ path:&quot;/...

2019-01-30 14:46:36 277

原创 一个对象组成的数组中删除另一个数组存在的对象

由对象组成的数组 对照删除一个表格,类似于下图,选中以后,做成纯前端批量删除数据源arr2是全部的数据,arr1是勾选的数据 let arr1 = [ { code: "123456781",color: "芭比粉"}, { code: "123456783",color: "芭比粉"}, { code: "123456785...

2019-01-17 10:11:23 3263

原创 jdbc登录注册(完整未抽离版)

数据库结构项目目录前台功能及页面实现//注册 reg(){ var loginParams = { "userName": this.ruleForm2.account, "password": this.ruleForm2.checkPass, 'sysId':'hello' }; this.$http.post('/reg',loginP...

2019-01-07 16:39:10 207

原创 node express允许跨域

找了好几个解决跨域的方法,对我的程序都是无效的。前台用代理能解决,但是想试一下纯后台解决跨域,试过下面的,能完美解决。// 自定义跨域中间件var allowCors = function(req, res, next) { res.header('Access-Control-Allow-Origin', req.headers.origin); res.header('Access...

2019-01-07 10:34:35 4337 2

原创 从登录注册学习jdbc

项目目录该目录下控制器使用LoginControllerPost,Object类使用User2,暂时不考虑sql注入、异常处理等,纯粹的入门数据库格式类型前台代码 var loginParams = { "userName": this.ruleForm2.account, "password": this.ruleForm2.checkPass, 'sysId...

2019-01-04 12:58:08 387

原创 关于循环表格高亮展示的问题

关于循环表格高亮展示的问题完整代码:在项目中,难免会遇到一个页面会展示多个表格,下面以elementui的table为例,当我点击其中一个表格的某一行时,使其高亮显示,这是很简单的,只需要设置一个属性highlight-current-row即可实现,但是当我循环渲染多个表格的时候,那么问题就来了只操作当前表格还是很好说的,高亮就行了,但是点击另一个表格的某一行,上一个表格仍然还在高亮显示。这...

2018-12-26 14:11:35 398

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除