- 博客(45)
- 资源 (3)
- 收藏
- 关注
原创 antdV table 嵌套表格使用record
如:删除子表格记录(子表格记录ID) 编辑子表格 (需使用父表格数据)嵌套表格需要用到两个表格的数据。使用折叠表格默认为record。修改为自定义子表格数据接收即可。
2024-09-20 11:28:34 213
原创 IIS发布打包后文件
1.打开IIS软件2 添加网站,自定义网站名称-选择要放置的资源路径-选择IP地址3.打开放置的资源目录放置打包后文件4.选择浏览
2024-08-16 14:34:04 452
原创 npm 本地部署及发布包
修改配置文件路径"C:\Users\IT002\AppData\Roaming\verdaccio\config.yaml"cnpm create vite,单元测试,eslint可以根据需要调整。下载对应已发布包@1.0.0为对应版本,可以不设置为最新。为verdaccio默认地址。新建packages文件夹,新建所需组件。package.json相关配置修改。新建组件导出文件index.ts。设置 vite.config.ts。导出需要用到的组件 及方法。
2024-01-11 11:19:59 913
原创 uniapp 音视频应用及注意事项
使用方法,建议在data声明创建,避免创建多个音频时闪退,单个音频可参考官方在script下直接创建,和import同级。插件的主要逻辑是使用view标签用v-html 在初始化是替换为video标签,可直接在官方下载,建议使用第二个。1.cover-view或者cover-image,放在video标签内使用,适用于内容少的,比如添加单个按钮。2.subnvue 创建原生子窗体,放在当前页面下,放好位置即可。由于使用场景中视频上需要拖拽其他元素,以上仅作为参考。video视频播放,隐藏控制,具体可参考。
2023-09-23 10:46:41 556
原创 vue 升级3 +vite+antdv4
相关目录文件,注意:vue-cli生成index.html在public下要改为根目录。根据项目已有插件进行升级,注意app创建实例已修改,以下为参考。index.html ,全局main.js引入。vuex-persistedstate或。升级pakage.json相关安装包。升级nodejs15版本及以上。删除vue-cli相关,修改。六、状态管理VUEX。
2023-07-16 09:38:58 2564
原创 webpack dist 打包后预览
根目录下serve.js文件,没有可新建const express = require('express');const webpack = require('webpack');const webpackDevMiddleware = require('webpack-dev-middleware');const proxy = require("http-proxy-middleware").createProxyMiddleware;const app = express();con.
2022-06-01 09:51:34 465
原创 react
Getting Started | Create React AppCreate React App is an officially supported way to create single-page Reacthttps://create-react-app.dev/docs/getting-startednpx create-react-app my-app --template [模板名称]页面存储使用redux-persist解决redux数据刷新丢失问题https://blo
2022-05-16 10:44:06 133
原创 vue3 + vite
项目搭建vite模板https://github.com/vitejs/awesome-vite#templates请求axios路由vue-router状态piniavite.config配置 别名配置安装@types/nodeimport { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path'const resolve = ...
2022-05-12 16:39:36 621
原创 英语二 词根词缀
名词后缀-age-ance,-ence-ancy,-ency-er,-or-hood-ion,-tion,-action-ian-ist-ment-ness-ology-ship-ty.-ity动词后缀-en-fy,-ify-ize,-ise形容词后缀-able,-ible,-ble-al-ful-ic,-ical-ish-ive-less-ly_ous-some-y副词后缀-ly..
2021-10-09 11:54:45 859
原创 自考英语二题型介绍
一、阅读判断 (10*1 = 10分)答题技巧:粗略浏览文章(标题和翻译词) 读题干查找关键词 带关键词定位A true B false. C Not Given(未提及)二、阅读选择(5*2 = 10分)答题技巧粗略浏览文章(标题和翻译词) 读题干查找关键词从上到下 带关键词定位 对比选项A B C D三、概括段落大意和补全句子(10* 1 = 10分)概括段落大意粗略浏览文章(标题和翻译词) 阅读对比选项差别,作分类 读每段首...
2021-10-09 11:49:54 214
原创 Element el-select 选择框选中后可删除
<template> <el-select ref="searchSelect" v-model="value" filterable placeholder="请选择" @visible-change="handleChange" @focus="selectFocus" @blur="(ev)=>{value = ev.target.value}"> <el-option v-for="item in options" :k...
2021-07-15 17:04:56 3628
原创 web浏览器网页实现 桌面通知
一、支持https和本地调试 // 获取浏览器窗口焦点 console.log(window.Notification.permission == "granted"); window.onload = function(){ setTimeout(function() { // this.focus(); // this.blur(); window.focus(); // window.blur(); // alert(
2021-06-23 15:12:54 945
原创 修改谷歌浏览器不安全提示
chrome://flags/#unsafely-treat-insecure-origin-as-secure不安全来源被视为安全 将给定(不安全)来源视为安全来源。 可以以逗号分隔列表的形式提供多个来源
2021-06-23 15:07:34 729
原创 前端打印设置相关
一、打印内容不打印可以设置display:none,其他打印样式可在@media print 单独设置@media print { .hidden-print { display: none !important; }}二、打印边距设置边距设置可设置页眉页脚显示隐藏, @page{ // 只显示页码,根据实际内容调整,可根据浏览器打印预览设置边距设置修改选项查看 margin: 5mm 13mm 0 4mm!important; siz
2020-12-25 17:43:48 4290
原创 vue3.0 项目创建
1.环境搭建用git工具 git clonevue-next命令行 运行yarn或npm i2.检测vue/cli 是否最新, 更新vue/clicnpm i -g @vue/cli to update3.创建项目 ,vue3demo为项目名,可自定义 。或者运行vue ui,会打开界面根据需要选择插件安装vue create vue3demo4.添加vue nextvue add vue-next此时依赖为最新建成目录...
2020-08-06 16:46:03 176
原创 intro.js新手引导
官方文档githubDEMO // 引入introJs后 introJs().goToStep(1).setOptions({ prevLabel: "上一步", nextLabel: "下一步", skipLabel: "跳过", doneLabel: "结束", tooltipPosition: 'bottom', // 引导说明框相对高亮说明区域的位置 | tooltipClass: '', // 引导说明文本
2020-07-31 17:38:23 737
原创 JavaScript分页引导driver
driverDriver.js 是一个轻量级(~ 4kb gzip),无需依赖但功能强大的原生 JavaScript 。兼容所有主流浏览器,可帮助你将用户的注意力集中在页面上。DEMOconst driver = new driver ();const driver = new driver({ className: 'scoped-class', // className包装驱动程序。js弹出窗口 animate: true, // 是否动画 opacity: 0.75,.
2020-07-31 16:52:22 374
原创 js浏览器全屏与退出全屏, window.open
官方文档// 设置全屏对象,可以为div/img let element = document.documentElement; // 判断是否为支持ActiveXObject,IE支持,此方法为按下F11if (typeof window.ActiveXObject != "undefined") { /* eslint-disable no-undef */ let wscript = new ActiveXObject("WScript.Shell"); if (...
2020-07-28 16:07:26 598
原创 react-native android 9.0网络问题
targetSdkVersion升级到28一些修改的地方(持续更新)在AndroidManifest.xml配置文件的<application>标签中直接插入 android:usesCleartextTraffic="true"(2)targetSdkVersion 降到27以下(3)更改网络安全配置1.在android/src/main/res/xm...
2020-04-27 17:07:54 243
原创 web app 框架
移动APP开发框架盘点UniAppuni-app是一个使用Vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。ReactNativehttps://reactnative.cn/docs/getting-started/Tarohttps://taro.aotu.io/Ch...
2020-04-09 09:35:39 457
原创 vue首屏加载解决方案
https://www.jianshu.com/p/6262772bdc9c1.组件异步加载import xxx from "./xxx.vue" 改为 'my-component':()=>import('./my-async-component')2.在webpack打包的过程中,将多余文件去掉,如map文件,即在config/index.js中将producti...
2020-04-08 11:06:13 278
原创 flutter 环境项目搭建
创建新应用选择File>New Flutter Project 选择Flutter application作为 project 类型, 然后点击 Next 输入项目名称 (如myapp), 然后点击 Next 点击Finish 项目目录结构Flutter 目录结构介绍、入口、自定义 Widget、MaterialApp 组件、Scaffold 组件an...
2020-04-08 10:48:38 117
原创 genymotion 安装与启动
一、官网注册登录https://www.genymotion.com/二、下载、安装安卓模拟器Genymotion,没有VirtualBox建议选择有VirtualBox的版本进行安装下载地址:https://www.genymotion.com/download/选择安装目录安装成功后先启动Oracle VM VirtualBox关闭windows hype...
2020-01-18 14:48:10 192
原创 vue父组件调用子组件的两种方法
通过ref直接调用子组件的方法;1.子组件methods创建需调用方法2.父组件声明ref <component ref="child" >3.调用export default { methods: { handleClick() { this.$refs.child.sing(); // sing为1创建...
2020-01-06 11:33:04 322
原创 Vue 弹出框遮罩遮挡内容问题及全屏使用
1.使用一个全屏功能后弹出框的遮罩还在,下列属性置为false2.使用全屏功能后弹框内容和$message确认框一起使用,内容被遮挡,下列属性置为true3.全屏使用,下面方法直接调用无效,可绑定标签调用click事件:如:document.getElementById('click').click(); requestFullscreen () { // ...
2020-01-06 11:01:04 4477
原创 react-native Android 7.0 FileUriExposedExceptionandroid.os.StrictMode in onFileUriExposed
import android.support.v4.content.FileProvider; // FileProvider引入import android.os.Build; // Build引入...@ReactMethod public void install(String path) { Intent intent = new Int...
2019-11-26 14:20:43 207
原创 react-native键盘遮挡输入框
1、使用组件KeyboardAvoidingView <KeyboardAvoidingView style={{height: height}} behavior="padding" keyboardVerticalOffset={80}></KeyboardAvoidingView>使用注意:在render内使用,需要设置高度keyboa...
2019-11-06 10:18:28 438
原创 flutter 布局 静态文件使用
目录StatelessWidgetStatefulWidgethttps://flutterchina.club/widgets/widgetindex/单个布局多个布局Material 组件按钮输入框和选择框对话框、Alert、Panel信息展示布局标准 widgets:Material Components:在Flutter中添加资源和...
2019-10-24 16:15:18 407
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人