- 博客(28)
- 资源 (8)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 web loding 自定义加载动画插件
Web中实现loading的方式有很多种，例如使用css动画、js操作元素、gif图片、svg动画、ui框架中自带loading等等，各有所优，操作元素可能更方便，但会影响性能或其他元素，动态图片性能很好，但自定义不理想。WebLoading是一个基于js封装的loading动画插件，主要通过Canvas绘制，不用担心会影响界面中的元素。默认提供多种使用，每个都有特殊的option参数进行调节自定义，如果想更贴近业务可以使用custom进行自定义，WebLoading提供了BaseModel继承class。
2023-01-11 17:54:20
730
原创 vue 多环境打包并支持动态修改
因为：通过以上方式，config.js是存在vue中的main.js文件的引用链中的，这样webpack会处理成一个js文件，所以修改外面的config.js文件不会影响打包后的js。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YZafg6Su-1668414134084)(C:\Users\w\Desktop\1.png)]可以看出config里的配置是被打包到app.xxx.map，这样你修改外层config.js 肯定是失效的。需要config.js 脱离。
2022-11-14 16:24:31
2582
原创 vue3的router-view上使用transition失效，不显示
多个根元素只能使用transition-gruop，可是router-view中过滤不能使用会报错。transition只能包含一个根元素才能有过滤动画效果。vue3后template支持多个根节点。可以像vue2一样再包一层，暂时可以解决。
2022-09-08 17:41:00
2995
4
原创 vue-share-element vue共享元素 vue动画路由跳转
vue-share-elementnpm:https://www.npmjs.com/package/vue-share-element简介vue-share-element基于vue的单界面路由动画跳转插件。使用 共享元素的方式 给路由跳转增加动画。安装npm install vue-share-element引用import shareElement from "vue-share-element";Vue.use(shareElement);// 自定义参数 Vu
2022-05-09 14:17:53
895
原创 vue2.0 v-model二次封装element el-input
v-model二次封装element父组件<el v-model="value"></el>子组件<template><div class="el"> <el-input v-model="inValue" /></div></template><script> export default { name: "El", model: {
2022-04-12 13:47:13
2391
原创 使用prettier 格式化(美化)代码字符串，上传提交操作
Prettier格式化代码1.简述想必prettier大家都熟悉，前端的小伙伴们如果用vs code那就可能用过这个美化代码插件prettier不仅是美化代码插件，它还能在代码中将字符串格式化2.格式化代码安装npm i prettier格式化html或vue// 引入prettierimport prettier from "prettier/standalone";// 引入格式化插件 Htmlimport parserHtml from "pretti
2021-11-26 15:16:56
2078
2
原创 原来 flex布局高宽自动填充
CSS3 flex布局高宽自动填充上代码<template> <div class="context"> <!-- 受兄弟元素高度影响，也会撑开 --> <div class="left"> <div class="item"> <div class="item-item"></div> </div> </div> <
2021-11-24 15:00:40
3946
原创 git 回滚/撤回提交代码、误删、误提交恢复
git回滚找回代码上情况情况1git pull的时候发生冲突，修改失误，并commit了，怎么恢复?查看所有的commit提交日志，并获取提交idgit logcommit 09920462c56027fxxxxxxxxxxxxxxxxx (HEAD -> danxiao-revision, origin/danxiao-revision)Author: xxxxxDate: xxxx 第一次提交commit xxxxxxMerge: xxxx
2021-11-23 17:59:39
2552
转载 element中tabs动态获取el-tab-pane数据不及时更新
element中tabs动态获取el-tab-pane数据不及时更新参考:https://segmentfault.com/q/1010000023940645上代码<template><el-tabs ref="tabs" > <template v-for="item in tabs"> <el-tab-pane :key="item.name" :name="item.n
2021-11-22 16:08:23
2851
原创 spring boot映射本地文件,前端url访问
springboot映射本地文件上代码@Configurationpublic class WebMvcConfig implements WebMvcConfigurer { //静态资源映射 @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { //把本地静态资源映射到项目 try { registry.addR
2021-11-18 21:09:43
2838
13
原创 js获取blob格式下载文件
获取blob格式下载文件上代码/** * 下载blob文件 * @param {functions(){}} Api 函数-调用的api * @param {Object} params api需要传入的参数,默认以blob下载 * @param {String} dowFileName 下载后的文件名默认dowFile * @param {String} dowFileSuf 下载后的文件名默认 xlsx * @returns */export function dowBlobFi
2021-11-18 11:36:45
2862
原创 spring boot 自动生成前端axios请求文件 前端更方便调用
springboot 自动生成前端axios请求文件实现思路spring boot导入swagger编写接口通过swagger内置的接口**/v2/api-docs**,获取swagger的接口json使用node调用接口获取数据,并解析json准备一个axios访问接口的hbs模板(这个根据自己项目调用接口定)使用node将解析到的json填入到hbs模板中,并生成文件拿到文件后上传到自己的npm库中使用vue项目使用时只需要npm 导入你生成的那个文件接下来调用接口，只需要
2021-06-18 13:16:27
438
原创 使用plop插件在vue项目中技巧生成spring boot+jpa模块快速生成,一键一个模块
使用plop插件在vue项目中技巧生成spring boot+jpa模块简述plop可以根据hbs模板自动生成文件spring boot一个模块entity:实体类dao:操作数据(这里我使用jpa)service:接口逻辑服务controller:接口根据自己的需求准备好模板,一键生成模板,高效率开发1、vue准备工作创建一个vue 脚手架项目并安装,配置plop安装:npm install plop修改vue配置：启动方式package.json
2021-06-18 10:32:47
412
原创 vue使用plop自动生成模板 高效率开发
vue使用plop自动生成模板安装:npm install plop修改vue配置：启动方式package.json"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "plop": "plop"},如果不想修改安装全局plop：npm install -g plopvue根目录创建一个plop入口文件:plopfile.jsco
2021-06-18 09:48:27
1866
原创 引用赋值/浅拷贝/深拷贝简述与理解
引用赋值/浅拷贝/深拷贝简述与理解2.7.3、这里拿js做例子基础类型都是按值传递,没有引用问题：number,Boolean,string…简单引用赋值//准备一个父对象，作为原型var PP={}//此时BB拿到的时PP的原型var BB = PP;//此时修改了BB同时也修改了PPBB.name = "test";浅拷贝//使用object.assignlet target=[];let testArr=[2,3,5,8];Object.assign(ta
2021-03-31 14:04:45
141
原创 Spring boot使用阿里云的Oss文件存储管理
Spring boot使用阿里云的Oss文件存储1、准备环境阿里云准备去阿里云创建一个OSS文件存储对象的项目（阿里云创建不超过1g的文件，不要钱）根据提示创建一个文件夹（这里可以看看他们文档）把我们的所有文件访问为公共，提示直接确定获取oss项目中的accessKeyId、accessKeySecretspringboot准备引入oss<!-- 阿里云oss依赖 --><dependency> <groupId>com.ali
2021-03-26 11:12:01
305
原创 Vue的mixin混入配合vuex状态使用
1、vue的mixin混入使用安装npm install mixin-node --save理解就是有很多组件需要同一个方法。同一个变量。做同样的事。这个时候就用到这个混入的功能。混入之后变量组件内可用，方法也可用，写在周期函数的代码也会执行。mixin对比vuex也可以响应式，和vuex很类似,含义不一样vuex管理数据统一，混入是变量统一，但是每个变量在组件内是不同的。mixins相当于，帮你提前先定义一个变量。或者说定义个方法，执行段代码。新键一个 mes
2021-03-26 11:02:37
1238
原创 2020原生Android基础实用开发
2020原生Android基础实用开发1、环境配置进入官网，下载Android studio安装包https://developer.android.google.cn/studio/安装Android studio创建项目构建项目创建手机模拟器完成2、简单熟悉Android sudio开发工具熟悉界面界面布局代码以及java代码部分最后讲几个简单设置设置开发工具主题:Appearance设置代码字体大小:font后面的慢慢教…3、文本TextView的
2021-01-09 20:54:31
3519
原创 Git基础学习,常用命令
Git与Github基础学习笔记1.基础操作1.1、基础命令git init //初始化本地git仓库git add //添加文件git status //查看状态git commit //提交git push //推送到仓库git pull //从远程仓库拉取数据git clone //从远程仓库拷贝数据1.2、操作1.2.1、当然首先下载安装git官网:https://git-scm.com/downloadswin系统下，在想操作的
2020-07-14 14:17:49
396
原创 最流行的两种vue打包成apk框架，简述
最流行的两种vue打包成apk框架1、使用Dcloud-HbuilderX打包app基础打包(可以忽略)配置manifest.json文件在HbuilderX中找到:发行—>原生app打包(云打包)注意HbulderX一个账号只打包5次。等待一段时间打包成功，查询打包状态，返回一个网站，打开下载即可。Vue项目打包app首先得下载HBuilderX:[传送门]https://www.dcloud.io/打包Vue项目前得修改vue.config.js文件(如果没
2020-07-02 22:11:44
4866
1
原创 Android10共享文件总是读取不到文件，文件资源不存在!
1、Android共享文件坑：共享的文件不能在软件数据文件夹，否则就会获取不了//首先最前面加入此三行，否则会闪退StrictMode.VmPolicy.Builder builder = new StrictMode.VmPolicy.Builder();StrictMode.setVmPolicy(builder.build());builder.detectFileUriExposure();//分享文件Intent intent = new Intent();intent.set
2020-06-30 14:20:47
1547
原创 vue的aplayer音乐播放器,最新vue-aplayer 正确使用方式
vue的aplayer插件简用安装npm install @moefe/vue-aplayer --savevue导入<html> <body> <!-- prettier-ignore --> <div id="app"> <a-player :audio="audio" :lrc-type="3"></a-player> </div> </body&g
2020-06-12 09:37:42
2868
6
原创 flutter遇到循环渲染页面
flutter遇到循环页面渲染例如 return ListView(children: <Widget>[ Text("fds"); ],)需要循环许多相同布局在children: 里实现return ListView(children: objs.map<Widget>((item){ return Text();})).toList();注意:objs一定为list类型，dart语法中list就是数组.map一定得指明
2020-06-10 15:59:13
1878
原创 flutter的Navigator 跳转不了页面，context that does not include a Navigator
flutter的Navigator 跳转不了页面错误Navigator operation requested with a context that does not include a Navigator.问题void main() => runApp(MyApp()); //入口//-------Widget build(BuildContext context) { //主结构 return MaterialApp( //问题所在 child:
2020-06-08 23:10:00
734
ts中 class有属性后，就不能作为对象赋值?
2022-12-29
原生Android的自启服务,无法启动传感器?
2021-09-25
vue3.0 怎么获取router-view渲染后的component组件实例?
2021-09-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人