- 博客(42)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 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
857
原创 uniapp 音视频应用及注意事项
使用方法，建议在data声明创建，避免创建多个音频时闪退，单个音频可参考官方在script下直接创建，和import同级。插件的主要逻辑是使用view标签用v-html 在初始化是替换为video标签，可直接在官方下载，建议使用第二个。1.cover-view或者cover-image，放在video标签内使用，适用于内容少的，比如添加单个按钮。2.subnvue 创建原生子窗体，放在当前页面下，放好位置即可。由于使用场景中视频上需要拖拽其他元素，以上仅作为参考。video视频播放，隐藏控制，具体可参考。
2023-09-23 10:46:41
473
原创 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
2418
原创 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
412
原创 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
119
原创 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
597
原创 英语二 词根词缀
名词后缀-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
786
原创 自考英语二题型介绍
一、阅读判断 （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
199
原创 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
3511
原创 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
896
原创 修改谷歌浏览器不安全提示
chrome://flags/#unsafely-treat-insecure-origin-as-secure不安全来源被视为安全 将给定（不安全）来源视为安全来源。 可以以逗号分隔列表的形式提供多个来源
2021-06-23 15:07:34
681
原创 前端打印设置相关
一、打印内容不打印可以设置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
4160
原创 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
163
原创 intro.js新手引导
官方文档githubDEMO // 引入introJs后 introJs().goToStep(1).setOptions({ prevLabel: "上一步", nextLabel: "下一步", skipLabel: "跳过", doneLabel: "结束", tooltipPosition: 'bottom', // 引导说明框相对高亮说明区域的位置 | tooltipClass: '', // 引导说明文本
2020-07-31 17:38:23
721
原创 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
336
原创 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
552
原创 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
223
原创 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
434
原创 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
264
原创 flutter 环境项目搭建
创建新应用选择File>New Flutter Project 选择Flutter application作为 project 类型, 然后点击 Next 输入项目名称 (如myapp), 然后点击 Next 点击Finish 项目目录结构Flutter 目录结构介绍、入口、自定义 Widget、MaterialApp 组件、Scaffold 组件an...
2020-04-08 10:48:38
105
原创 genymotion 安装与启动
一、官网注册登录https://www.genymotion.com/二、下载、安装安卓模拟器Genymotion，没有VirtualBox建议选择有VirtualBox的版本进行安装下载地址：https://www.genymotion.com/download/选择安装目录安装成功后先启动Oracle VM VirtualBox关闭windows hype...
2020-01-18 14:48:10
172
原创 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
310
原创 Vue 弹出框遮罩遮挡内容问题及全屏使用
1.使用一个全屏功能后弹出框的遮罩还在，下列属性置为false2.使用全屏功能后弹框内容和$message确认框一起使用，内容被遮挡，下列属性置为true3.全屏使用，下面方法直接调用无效，可绑定标签调用click事件：如：document.getElementById('click').click(); requestFullscreen () { // ...
2020-01-06 11:01:04
4373
原创 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
195
原创 react-native键盘遮挡输入框
1、使用组件KeyboardAvoidingView <KeyboardAvoidingView style={{height: height}} behavior="padding" keyboardVerticalOffset={80}></KeyboardAvoidingView>使用注意:在render内使用，需要设置高度keyboa...
2019-11-06 10:18:28
416
原创 flutter 布局 静态文件使用
目录StatelessWidgetStatefulWidgethttps://flutterchina.club/widgets/widgetindex/单个布局多个布局Material 组件按钮输入框和选择框对话框、Alert、Panel信息展示布局标准 widgets:Material Components:在Flutter中添加资源和...
2019-10-24 16:15:18
391
原创 flutter实践
flutter中文网以下内容以windows为例一、安装1安装sdk1)下载windows SDK2)安装gitgit clone SDK 安装时注意路径，出现此时不应有 \flutter\bin\cache时更改安装路径，更改后注意修改变量2.安装androidStatio1)下载并安装Android Studio.2）启动Android Stud...
2019-10-23 10:23:33
339
原创 react-native 环境搭建 变量配置
官方文档https://reactnative.cn/docs/getting-started.html下载地址Android Studiohttp://www.android-studio.organdroid studio安装ANDROID_HOMEJAVA SDkhttps://www.oracle.com/technetwork/java/javase/dow...
2019-10-22 18:03:12
98
原创 react-native 清除缓存 开发报错
react-native 清除缓存npm start -- --reset-cache或者yarn start --reset-cachereact-native清除打包缓存./gradlew clean...android.overridePathCheck=true // add...看下下面文件有没有不需要引入的依赖确保安装...
2019-10-22 18:02:51
575
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人