- 博客(152)
- 资源 (7)
- 收藏
- 关注
RSS订阅
原创 使用vue3.2x + element-plus + ts + vite + vue-router@4.x + vuex@4.x搭建的后台管理系统
功能用户管理 登录 注册权限验证 页面权限 按钮权限多环境发布 开发环境 测试环境 预发布环境 生产环境全局功能 字体svg + elementIcon 动态面包屑 动态侧边栏 ScreenFull全屏 动态换肤 多语言 快捷导航栏 错误日志 引导页 Echarts图表 全局Loading指令编辑器 富文本 Markdown JSONExcal 导出 导入 前端可视化 导出zip
2022-04-19 14:31:20
1319
原创 微前端qiankun从搭建到部署的实践总结
最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。示例代码： https://github.com/fengxianqi/qiankun-example。在线demo：http://qiankun.fengxianqi.com/单独访问在线子应用： subapp/sub-vue subapp/sub-react 为什么要用qiankun项目有个功能需求是需要内嵌公司内部的一个现有工具，该工具是独立部署的且是用React写的，而我们的项目主要技
2021-08-04 14:45:20
1328
1
原创 vue工作开发总结（七）----手动挂载组件
在一些需求中，手动挂载组件能够让我们实现起来更加优雅。比如一个弹窗组件，最理想的用法是通过命令式调用，就像elementui的this.$message而不是在模板中通过状态切换，这种实现方式真是太糟糕了。对吧来个简单的例子：import Vue from 'vue'improt Message from '/message.vue'//1构造子类let MessageConstructor = Vue.extend(Message)//实例化组件let message...
2020-06-02 13:14:49
838
原创 vue工作开发总结（六）----事件化的监听器
一般使用：exportdefault{mounted(){this.timer=setInterval(()=>{console.log(newDate())},1000)},berforeDestroy(){clearInterval(this.timer)}}使用$on$once监听页面生命周期销毁解决export default{...
2020-06-02 13:13:17
289
原创 vue工作开发总结（五）----自定义组件的双向绑定
组件model：允许一个自定义组件在使用v-model时定制prop和event默认情况下，一个组件上的v-model会吧value用作prop且把input用作event，但是一些输入类型比如单选框复选框按钮可能想要使用valueprop来表达不同的目的。使用model选项可以回避这些情况产生的冲突input默认作为双向绑定的跟新事件，通过$emit可以更新绑定的值<my-switch v-model="val" />export detault { pr...
2020-06-02 13:11:47
965
原创 vue工作开发总结（四）----事件参数$event
$event是事件对象的特殊变量，在一些场景可以帮我们实现提供更多可用参数###原生事件在原生事件中表现和默认事件对象相同<template> <div> <input type="text" @input-"inputhandler('hello',$event)" /> </div></template>export default { methods:{ in..
2020-06-02 13:10:09
1001
原创 vue工作开发总结（三）---- watch 高阶使用
立即执行watch是在监听属性改变才会触发，有些时候，我们希望在组件创建后watch能够立即执行可能想到的方法就是在create声明周期中调用一次，但是这样的写法不优雅，获取我们可以使用这样的方法：export default{ data(){ return { name:"wangwei", } }, watch:{ name:{ handler:"sayName",
2020-06-02 13:08:22
273
原创 vue工作开发总结（三）---- 样式穿透
在开发过程中修改第三方样式很常见，但由于scoped属性的样式隔离，可能需要去除scoped或宁起一个style，这样的做法会带来副作用（组件样式污染，不够优雅），样式穿透在css预处理器中使用才生效。我们可以使用>>>或者/deep/解决这个问题：<style scoped>外层 >>> .el-chedkbox{ display:block; font-size:20px; .el-chexkobx__...
2020-06-02 13:05:21
554
原创 vue工作开发总结（二）---- 函数式组件
函数式组件是无状态的，无法实例化，没有任何的生命周期和方法。创建函数式组件也很简单，只需要在模板添加functional声明即可。一般适合只依赖外部数据的变化而变化的组件，因其轻量，渲染性能也会有所提高。组件需要得一切都是通过context参书传递。它是一个上下文对象。这里的props是一个包含所有绑定属性的对象。函数式组件定义：<template functional> <div class="list"> <div class="item" v-f
2020-06-02 13:03:49
480
原创 react-native mobx实现购物车demo
import React,{Component} from 'react';import { View, Text, Image, FlatList,TextInput, TouchableOpacity} from 'react-native';import {observer,inject } from 'mobx-react'import {toJS} from 'mobx'/*...
2019-09-25 18:04:05
576
原创 react-native 自定义轮播组件
最近需要一个轮播的功能，查看了其他的轮播组件，好像都不满足需求需要的效果如下直接上代码了import React, {Component} from 'react';import { AppRegistry, StyleSheet, ScrollView, Image, Text, View} from 'react-na...
2019-06-26 12:44:00
1145
原创 移动端H5部分区域缩放并移动
最近开发个项目，需要实现div内容的缩放（包含图片等内容），但不影响其他内容开始没头绪，网上找了许多都是在index.html中实现，不满足我的需求在react里面实现找了很久，总算发现一个写的不错的，能够满足在纯html中实现，也可以在react中实现的东西我的react代码import React from 'react'import {Link,withRou...
2019-06-23 11:33:50
4956
1
原创 react-native 搜索关键字并改变关键字样式
import React from 'react';import {Image,TextInput,TouchableOpacity, ScrollView, FlatList,StyleSheet, Text, View } from 'react-native';import StringDistinction from '.SearchKeywordsChangeColor';e...
2019-02-22 11:15:04
1607
转载 前端构建工具的使用
1.为什么要使用构建工具？主要原因a JavaScript和css的依赖问题在开发中，经常出现的一个问题，就是JavaScript和css的依赖问题；简单来说就是JavaScript和css在页面中的顺序问题。经常会造成css没有起到作用，JavaScript的某个变量和方法找不大。很多情况是引入的JavaScript和css的顺序不对，所以我们使用构建工具可以大大减少此类...
2018-12-28 21:30:04
1128
转载 flutter的webview案例
flutter 加载webview安装插件 flutter_webview_plugin: ^0.2.1从listview点击item跳转页面加载详情页案例 import 'dart:async';import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'p...
2018-12-14 17:47:13
12376
原创 uni-app实现上拉加载，下拉刷新（下拉带动画）
直接代码展示了uni-app的上拉加载动画感觉还行，废话不多说了。。。1在pages.json添加允许下拉刷新{ "path":"pages/lookuser/lookuser", "style":{ "navigationBarTitleText":"用户日志", "enablePullDownRefresh": true//就是这个 }
2018-12-05 13:55:47
58625
15
原创 遗忘的流年
寻一朵矢车菊紫色的花，开成你的模样柔情，似水，蹙眉的情愁寻一朵睡海棠一片阳光的脊梁在八月的怀里，甜息的睡寻一朵落花落于心间泛起涟漪，心怀一念梦色，光和影遗忘的流年...
2018-08-02 08:48:43
237
原创 koa文件上传下载
上传下载在web应用中是比较常见的，无论是图片还是其他文件。在koa2中，我们可以使用中间件帮助我们快速实现功能文件上传在前端上传文件，我们都是通过表单来上传，而上传文件，在服务器端并不能像普通参数一样通过ctx.request.body获取我们可以使用koa-body中间件来处理文件上传，可以将请求体拼接到ctx.request中。 //app.jsconst koa ...
2018-07-31 17:10:50
5522
1
原创 koa开发过程详解
koa开发过程详解第一步：安装koa和mongodb到项目中1.首先在项目根目录下建立文件夹service，然后进入文件。123mkdir servicecd service 2.使用npm init -y 生成并初始化package.json 文件。3.在终端中使用npm来安装koanpm install --save koaindex.js文件const Koa = require('koa'...
2018-07-11 11:29:32
1210
原创 java后端商城系统优惠卷应该怎么设计
设计一个后端商城系统中的优惠券系统是一个复杂但有趣的任务，涉及到多个方面的考虑，包括优惠券的类型、发放策略、使用规则、有效期、以及如何与用户账户和订单系统集成。设计优惠券系统时，还需要考虑系统的可扩展性和维护性，确保随着业务的发展，系统能够适应新的需求和变化。
2024-09-02 11:42:09
587
原创 现在有一个需求，总共有10000多家客户，我想先生成对应数量的二维码，将这些二维码随机放到客户那里， 客户第一次扫码需要进行绑定，后续扫码可以正常使用，应该怎么做
客户第一次扫码需要进行绑定，后续扫码可以正常使用，应该怎么做。
2024-08-08 09:25:04
575
原创 在android中怎么处理后端返回列表中包含图片id，如何将列表中的图片id转化成url
在android中怎么处理后端返回列表中包含图片id，如何将列表中的图片id转化成url
2024-07-27 11:39:26
1499
原创 后端返回列表中包含图片id，如何将列表中的图片id转化成url
如果列表中的某些对象可能没有图片 ID，你应该在获取图片 URL 之前检查每个对象是否包含有效的图片 ID。如果一个对象没有图片 ID，你可以决定跳过获取 URL 的过程，或者为这些对象提供一个默认的图片 URL 或占位符。如果我有一个列表数据，列表中每个对象都包含一个图片id，现在我需要将列表中的图片id转化成图片，然后再页面上显示出来。：一旦所有图片 URL 都被获取，遍历更新后的列表，并为每个项创建一个。：为每个列表项调用一个函数来异步获取对应的图片 URL，并更新列表项。
2024-07-27 11:22:19
3460
原创 api-ms-win-crt-runtime-l1-1-0.dll为什么出错？分享免费解决 api-ms-win-crt-runtime-l1-1-0.dll丢失的办法
下载安装 Visual C++ Redistributable for Visual Studio 2015。Visual C++ Redistributable for Visual Studio 2015 下载连接。安装对应电脑的版本就行了，拒绝收费！
2024-07-24 17:53:49
201
原创 vue2中封装图片上传获取方法类（针对后端返回的数据不是图片链接，只是图片编号）
请注意，这个示例假设你的后端API返回的JSON对象包含一个imageUrl字段，并且ImageService类是一个单例，这意味着无论你在哪里使用它，都会是同一个实例。此外，错误处理在这个示例中被简化了，你可能需要根据你的具体需求来增强错误处理逻辑。这个方法遍历productList数组，为每个商品调用ImageService的fetchImageUrl方法来获取图片URL，并更新商品对象的imageUrl属性。此外，错误处理在这个示例中被简化了，你可能需要根据你的具体需求来增强错误处理逻辑。
2024-06-04 15:54:18
486
原创 基于uni-app的 年-月-日 时 时间日期范围控件
一个使用 uni-app 开发的日期时间选择器组件，它包含了一个遮罩层（pickerMask）和一个日期时间选择器弹窗（picker-box这个组件允许用户选择一个时间范围，包括年、月、日和小时。
2024-06-03 16:37:04
2080
原创 android原生开发学习路线
此外，阅读优秀的书籍、参加技术会议、加入开发者社区、观看在线教程和教程视频，以及实际编码练习都是提升技能的有效方式。记住，实践是检验真理的唯一标准，多写代码，多解决问题，你的技能会逐渐提升。
2024-05-10 10:03:53
669
原创 基于Vue.js框架和Element UI库编写的表格组件模板
在你的页面组件的data函数中，定义column和tableData数组，这些数组将用来控制表格的列显示和数据填充。
2024-03-27 09:05:13
1117
原创 基于Vue.js和Element UI框架的自定义表单Form组件
一个基于Vue.js和Element UI框架的自定义表单Form组件。这个组件非常灵活，支持自定义类名、表单配置项、动态新增表单项、自定义事件绑定等高级功能。
2024-03-26 10:27:32
1661
转载 今年不懂Sora这个词，你有可能面临失业
AI视频的高度一下子被Sora拉高了，要知道Runway Pika等文生视频工具，都还在突破几秒内的连贯性，而Sora已经可以直接生成长达60s的一镜到底视频，要知道目前Sora还没有正式发布，就已经能达到这个效果。一年前，OpenAI旗下语言大模型ChatGPT的快速走红，将人工智能（AI）推向了一个全新的发展阶段，产业界、资本圈纷纷拥抱生成式AI，一年后的当下，OpenAI推出首个视频生成模型Sora，再度燃爆出圈。Sora的发布为AI视频生成领域带来了革命性的突破，让我们对AI的未来充满了期待。
2024-02-22 16:21:57
76
原创 使用 Node.js 和 Cheerio 爬取网站图片
写一个关于图片爬取的小案例爬取效果新建一个config.js配置文件找到需要下载的文件原元素位置请注意，上述示例中的 https://example.com 是一个示例网站的 URL，你需要替换为你要爬取图片的实际网站 URL。这段代码首先使用 Axios 发起 GET 请求获取网页内容，然后使用 Cheerio 加载网页内容，对图片标签进行遍历，获取图片的 src 属性值并保存到一个数组中。
2024-01-29 15:37:49
847
转载 2024，遇见更好的自己。年度自律计划，一年时间咱们这样改变
再者，合理搭配三餐，多吃蔬菜水果，少吃垃圾食品，吃得营养才能活得精神抖擞。每个月结束的时候，回头看看自己走过的路，总结成功经验，找出不足之处，调整方向接着努力。当然，也别忘记给自己留出独处的时间，听音乐、看电影，让心有个安静的空间。今天，咱就来一起定制一份“2024年自律生活清单”，这份清单不仅能帮你规划新的一年，更是你实现自我提升的实用攻略哦。亲爱的朋友们，在追求改变的路上，你的自律计划又是怎样的呢？一年的时间说长不长，说短也不短，只要我们踏实地执行这个自律清单，每天都朝着更好的自己迈进一小步。
2024-01-13 22:56:24
177
超能画布-AI绘画变现指南.zip
2024-03-02
自媒体违规与侵权问题汇总.xmind
2024-03-02
分享3款纯js网页版的2024公司年会抽奖活动程序
2024-01-29
华视电子身份证阅读器驱动安装和网页版开发
2023-08-05
使用人工智能技术，提供图片处理，支持3d漫画、3d卡通、剪纸风格、美漫风等多种体验风格，支持微信qq小程序android版本
2022-06-29
实现某个可操作的案例.js
2019-12-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人