- 博客(144)
- 资源 (7)
- 收藏
- 关注
RSS订阅
原创 使用vue3.2x + element-plus + ts + vite + [email protected] + [email protected]搭建的后台管理系统
功能用户管理 登录 注册权限验证 页面权限 按钮权限多环境发布 开发环境 测试环境 预发布环境 生产环境全局功能 字体svg + elementIcon 动态面包屑 动态侧边栏 ScreenFull全屏 动态换肤 多语言 快捷导航栏 错误日志 引导页 Echarts图表 全局Loading指令编辑器 富文本 Markdown JSONExcal 导出 导入 前端可视化 导出zip
2022-04-19 14:31:20
1248
原创 微前端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
1086
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
750
原创 vue工作开发总结（六）----事件化的监听器
一般使用：exportdefault{mounted(){this.timer=setInterval(()=>{console.log(newDate())},1000)},berforeDestroy(){clearInterval(this.timer)}}使用$on$once监听页面生命周期销毁解决export default{...
2020-06-02 13:13:17
216
原创 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
885
原创 vue工作开发总结（四）----事件参数$event
$event是事件对象的特殊变量，在一些场景可以帮我们实现提供更多可用参数###原生事件在原生事件中表现和默认事件对象相同<template> <div> <input type="text" @input-"inputhandler('hello',$event)" /> </div></template>export default { methods:{ in..
2020-06-02 13:10:09
864
原创 vue工作开发总结（三）---- watch 高阶使用
立即执行watch是在监听属性改变才会触发，有些时候，我们希望在组件创建后watch能够立即执行可能想到的方法就是在create声明周期中调用一次，但是这样的写法不优雅，获取我们可以使用这样的方法：export default{ data(){ return { name:"wangwei", } }, watch:{ name:{ handler:"sayName",
2020-06-02 13:08:22
232
原创 vue工作开发总结（三）---- 样式穿透
在开发过程中修改第三方样式很常见，但由于scoped属性的样式隔离，可能需要去除scoped或宁起一个style，这样的做法会带来副作用（组件样式污染，不够优雅），样式穿透在css预处理器中使用才生效。我们可以使用>>>或者/deep/解决这个问题：<style scoped>外层 >>> .el-chedkbox{ display:block; font-size:20px; .el-chexkobx__...
2020-06-02 13:05:21
479
原创 vue工作开发总结（二）---- 函数式组件
函数式组件是无状态的，无法实例化，没有任何的生命周期和方法。创建函数式组件也很简单，只需要在模板添加functional声明即可。一般适合只依赖外部数据的变化而变化的组件，因其轻量，渲染性能也会有所提高。组件需要得一切都是通过context参书传递。它是一个上下文对象。这里的props是一个包含所有绑定属性的对象。函数式组件定义：<template functional> <div class="list"> <div class="item" v-f
2020-06-02 13:03:49
398
原创 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
515
原创 react-native 自定义轮播组件
最近需要一个轮播的功能，查看了其他的轮播组件，好像都不满足需求需要的效果如下直接上代码了import React, {Component} from 'react';import { AppRegistry, StyleSheet, ScrollView, Image, Text, View} from 'react-na...
2019-06-26 12:44:00
1075
原创 移动端H5部分区域缩放并移动
最近开发个项目，需要实现div内容的缩放（包含图片等内容），但不影响其他内容开始没头绪，网上找了许多都是在index.html中实现，不满足我的需求在react里面实现找了很久，总算发现一个写的不错的，能够满足在纯html中实现，也可以在react中实现的东西我的react代码import React from 'react'import {Link,withRou...
2019-06-23 11:33:50
4533
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
1469
转载 前端构建工具的使用
1.为什么要使用构建工具？主要原因a JavaScript和css的依赖问题在开发中，经常出现的一个问题，就是JavaScript和css的依赖问题；简单来说就是JavaScript和css在页面中的顺序问题。经常会造成css没有起到作用，JavaScript的某个变量和方法找不大。很多情况是引入的JavaScript和css的顺序不对，所以我们使用构建工具可以大大减少此类...
2018-12-28 21:30:04
1059
转载 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
12276
原创 uni-app实现上拉加载，下拉刷新（下拉带动画）
直接代码展示了uni-app的上拉加载动画感觉还行，废话不多说了。。。1在pages.json添加允许下拉刷新{ "path":"pages/lookuser/lookuser", "style":{ "navigationBarTitleText":"用户日志", "enablePullDownRefresh": true//就是这个 }
2018-12-05 13:55:47
56902
15
原创 遗忘的流年
寻一朵矢车菊紫色的花，开成你的模样柔情，似水，蹙眉的情愁寻一朵睡海棠一片阳光的脊梁在八月的怀里，甜息的睡寻一朵落花落于心间泛起涟漪，心怀一念梦色，光和影遗忘的流年...
2018-08-02 08:48:43
170
原创 koa文件上传下载
上传下载在web应用中是比较常见的，无论是图片还是其他文件。在koa2中，我们可以使用中间件帮助我们快速实现功能文件上传在前端上传文件，我们都是通过表单来上传，而上传文件，在服务器端并不能像普通参数一样通过ctx.request.body获取我们可以使用koa-body中间件来处理文件上传，可以将请求体拼接到ctx.request中。 //app.jsconst koa ...
2018-07-31 17:10:50
5248
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
1129
原创 基于Vue.js框架和Element UI库编写的表格组件模板
在你的页面组件的data函数中，定义column和tableData数组，这些数组将用来控制表格的列显示和数据填充。
2024-03-27 09:05:13
676
原创 基于Vue.js和Element UI框架的自定义表单Form组件
一个基于Vue.js和Element UI框架的自定义表单Form组件。这个组件非常灵活，支持自定义类名、表单配置项、动态新增表单项、自定义事件绑定等高级功能。
2024-03-26 10:27:32
900
转载 今年不懂Sora这个词，你有可能面临失业
AI视频的高度一下子被Sora拉高了，要知道Runway Pika等文生视频工具，都还在突破几秒内的连贯性，而Sora已经可以直接生成长达60s的一镜到底视频，要知道目前Sora还没有正式发布，就已经能达到这个效果。一年前，OpenAI旗下语言大模型ChatGPT的快速走红，将人工智能（AI）推向了一个全新的发展阶段，产业界、资本圈纷纷拥抱生成式AI，一年后的当下，OpenAI推出首个视频生成模型Sora，再度燃爆出圈。Sora的发布为AI视频生成领域带来了革命性的突破，让我们对AI的未来充满了期待。
2024-02-22 16:21:57
36
原创 使用 Node.js 和 Cheerio 爬取网站图片
写一个关于图片爬取的小案例爬取效果新建一个config.js配置文件找到需要下载的文件原元素位置请注意，上述示例中的 https://example.com 是一个示例网站的 URL，你需要替换为你要爬取图片的实际网站 URL。这段代码首先使用 Axios 发起 GET 请求获取网页内容，然后使用 Cheerio 加载网页内容，对图片标签进行遍历，获取图片的 src 属性值并保存到一个数组中。
2024-01-29 15:37:49
536
转载 2024，遇见更好的自己。年度自律计划，一年时间咱们这样改变
再者，合理搭配三餐，多吃蔬菜水果，少吃垃圾食品，吃得营养才能活得精神抖擞。每个月结束的时候，回头看看自己走过的路，总结成功经验，找出不足之处，调整方向接着努力。当然，也别忘记给自己留出独处的时间，听音乐、看电影，让心有个安静的空间。今天，咱就来一起定制一份“2024年自律生活清单”，这份清单不仅能帮你规划新的一年，更是你实现自我提升的实用攻略哦。亲爱的朋友们，在追求改变的路上，你的自律计划又是怎样的呢？一年的时间说长不长，说短也不短，只要我们踏实地执行这个自律清单，每天都朝着更好的自己迈进一小步。
2024-01-13 22:56:24
82
超能画布-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关注的人