自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 uniapp真机调试踩坑日记

ps:(真机调试真的不好定位问题,需要一点一点注释代码排查)c就是你的自定义组件的开头,使用的时候就是。历尽千辛万苦终于可以啦,之后踩坑再补充~,$1就是你放组件的文件夹下的文件名。

2023-02-28 09:57:52 371 1

原创 flutter 使用Overlay + GestureDetector 制作一个全局可拖拽悬浮按钮

1

2021-01-09 16:20:57 2483

原创 electron 8.3.1升级到最新版本踩坑

我是从8.3.1升级到11.0.3Error: Could not detect abi for version xxx and runtime electronPS: 这个问题找了一下午。。。吐血,希望大家看到我这篇文章能节省些时间解决方案:删除yarn.lock和node_modules 之后运行npm i重新安装问题讨论运行成功之后又报错(弹窗显示不出来):Cannot destructure property 'BrowserWindow' of '__webpack_require

2020-11-26 17:15:08 1970 1

原创 flutter报错RenderFlex object was given an infinite size during layout.

在SingleChildScrollView里包裹Column引发报错:RenderFlex object was given an infinite size during layout.解决:在Column外包裹一个固定高度的容器LayoutBuilder=>ConstrainedBox=>constraintsLayoutBuilder( builder: (context, constraints) { return SingleChildScrollVie

2020-09-14 12:53:02 2735

原创 vue props双向绑定

在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以变更父组件,且在父组件和子组件都没有明显的变更来源。如果在子组件里尝试修改props里的值就会抛出以下错误:Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed

2020-09-07 21:04:42 1666

原创 summernote 富文本编辑器插入图片(picture)限制类型

summernote编辑器的插入图片默认是可以插入所有图片。现有一个需求要过滤插入图片的类型(过滤gif类型,当然,你们可以根据需要过滤)第一步:找到summernode.js文件(如果你用的是summernote的npm包,则需要把summernote.js文件拷贝出来再做修改)第二步搜索accept关键字,源代码是这么写的:accept="image/*"意思是选择image的所有类型把它改成如下方式,以过滤gifaccept="image/jpg,image/jpeg,image/w

2020-08-12 19:01:39 698

原创 electron-builder打包配置 + electron-updater应用更新完整教程And踩坑总结

electron打包以及应用自动更新一.electron-builder1.electron-builder安装及配置2.electron-builder打包时遇到的问题及解决二. electron-updater一.electron-builder1.electron-builder安装及配置安装命令:yarn add electron-builder --dev 或 npm install electron-builder --dev(PS: 官方推荐使用yarn安装,说是能更好的处理依赖之间的

2020-06-13 17:27:45 4554 7

原创 安装electron-builder遇到的报错总结

1.Unexpected end of JSON input while parsing near ‘…-/electron-to-chromiu’执行npm cache clean --force之后再npm install2.EBUSY: resource busy or locked, unlink ‘xxx’关闭杀毒软件,3.Error: EPERM: operation not permitted, unlink ‘xxx’提示权限不足npm cache verify 使用管理员身份

2020-06-13 15:31:38 1487

原创 vue 自定义组件以及自定义全局组件

在自定义组件中写出你要写的功能或样式在ExampleComponent.vue组件中:<template> <div>我是一个自定义组件</div></template><style> // 这里写样式</style><script lang="ts"> export default { name: 'example-component', data(){ return {} }

2020-06-07 23:26:30 217

原创 快速搭建你的第一个vue-router

首先安装vue-routernpm install vue-router安装之后在index.js里引入vue-routerimport Vue from "vue";import VueRouter from "vue-router";import App from "./App";import IndexPage from "./pages/index.vue";import DencitySetModal from "./pages/DencitySetModal.vue";Vue

2020-06-07 23:09:45 84

原创 Electron创建Modal的方法(固定在主窗口上方随着主窗口缩放而缩放)

最近开始用Electron开发桌面应用,有一个需求是点击按钮弹出一个Modal,随着窗口的缩放而缩放,现在来总结记录一下electron如何在渲染进程创建一个模态窗口。创建窗口就要用到browserwindow这个API,但是这个API只有在主进程才能使用。要想在渲染进程中使用这个API就需要用到remote这个中间件。要想创建modal需要确定"父子关系",即需要在主窗口设置modal为true,在需要创建modal的地方(子窗口)设置父窗口parent路径// 主窗口(也可以说是主进程)cons

2020-06-07 21:43:10 2030

原创 解决小程序在iPhone上tabbar的文字显示不出的问题

最近开发的小程序已经上线,手机端和微信开发者工具没有问题,但是同事用苹果手机测试发现tabbar显示有问题,可以点击,但是点击另一个其他的就没了,如图找了很多地方,在社区翻了半天也没有看到合适的解答。后面终于发现了问题所在,做一个记录。原先tabbar是这么写的 tabBar: { color: "gray", selectedColor: "#6e9eea", ...

2020-04-21 12:17:47 2134 3

原创 Taro实现下拉刷新和上拉加载详解

要实现下拉刷新和上拉加载要了解以下几点:1.onPullDownRefresh()监听用户下拉刷新事件a.需要在全局配置的 window 选项中或页面配置中开启enablePullDownRefreshb.可以通过 Taro.startPullDownRefresh 触发下拉刷新,调用后触发下拉刷新动画,效果与用户手动下拉刷新一致。c.当处理完数据刷新后,Taro.stopPullDow...

2020-04-09 13:04:45 12309 4

原创 HTML5+JS DOM操作实现拖拽效果

HTML5新增了拖拽API,如何实现一个通用的拖拽接口呢

2020-03-26 12:51:00 528

原创 用jquery+fullpage.js做出满屏动画+右侧联动效果

最近做官网,UI需求是做一个满屏滑动动画以及右侧有联动按钮可以点击跳转的一个效果,如下所示上图是用jquery+fullpage.js实现的简单的一个demo。思路:右侧的导航条分别是三个不同的div(right-item),白色的导航标识部分是一个单独的div(.test),滚动到相应屏幕控制它的定位,覆盖掉下面的部分。左侧跟随滚动的部分是根据白色标识(.test)相对定位的。根据ful...

2020-03-25 11:34:04 556

原创 浅谈React 高阶组件以及以函数为子组件的应用

在工作过程中,会遇到很多重复性的功能,可能会有很多组件都会用到,为了减少重复代码,这个时候React 高阶组件HOC(Higher Order Component)就派上了用场。HOC接收一个组件而返回一个经过处理的新的组件。HOC不是React API的一部分,它是一种基于React的组合特性而形成的设计模式。现在我们来谈一谈HOC如何使用:HOC分为两种方式,分别是代理方式和继承方式1...

2020-03-20 22:49:20 368

原创 WebStorm如何连接SVN及修改SVN地址

一.连接SVN1.首先,点击设置,在如图所示的路径2.然后找到Version Control,如果没有添加项目,则点击加号,把你要连接的项目添加进来3.之后点击VCS => Check Out from Version Control => Subversion4.点击之后会弹出下图所示界面。选中你要连接的svn地址点击checkout,选中对应的项目就可以了。如果没有就...

2020-03-17 20:59:23 3985

原创 react-native回到页面刷新数据,离开页面时清除缓存

回到页面刷新:addListener- 订阅导航生命周期的更新React Navigation 将事件发送到订阅了它们的页面组件:willFocus -页面将获取焦点didFocus - 页面已获取到焦点(如果有过渡动画,等过渡动画执行完成后响应)willBlur - 页面将失去焦点didFocus - 页面已获取到焦点(如果有过渡动画,等过渡动画执行完成后响应)利用路由的addLi...

2020-03-16 12:48:31 2796

原创 Taro.navigateBack携带参数

在写程序的过程中,会有返回上一个页面,要把当前页面的参数传到上一个页面的需求,那么Taro.navigateBack如何传参呢?上代码:// 当前页面let pages = Taro.getCurrentPages(); // 获取当前的页面栈 let prevPage = pages[pages.length-2]; // 获取上一页面prevPage.setData({ //设置上...

2020-03-16 12:38:30 5973

原创 小程序 (Taro) 减小包体积:压缩代码以及分包的实现

用Taro做的小程序快要完工了,奈何每个包的大小只能为2M,总大小不能超过8M。所以就需要压缩代码和分包了。由于这是我第一个小程序的项目,所以我把我踩到的坑详细讲一下,欢迎大家来分享宝贵意见以及补充~压缩代码:plugins.uglifyTaro官方给出的配置项,用来配置 UgligyJS 工具,设置打包过程中的 JS 代码压缩。可以通过 plugins.uglify.enable 来设置是...

2020-03-12 22:52:50 8583

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除