- 博客(40)
- 收藏
- 关注
RSS订阅原创 NavigationDuplicated: Avoided redundant navigation to current location
// 缓存原型上的push函数const originPush = VueRouter.prototype.push;const originReplace = VueRouter.prototype.replace;// 给原型对象上的push指定新函数函数VueRouter.prototype.push = function (location, onComplete, onAbort) { // 判断如果没有指定回调函数, 通过call调用源函数并使用catch来处理错误 if (o
2022-02-14 14:15:57
375
原创 Windows环境下运行react-native run-android相关问题
* What went wrong:Execution failed for task ':app:installDebug'.> java.util.concurrent.ExecutionException: com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallExceptionreact-native run-android --deviceId 设备号在项目根目录执行 adb de
2021-09-24 09:46:28
368
原创 windows安装nvm
下载nvm 安装包下载地址：https://github.com/coreybutler/nvm-windows/releasesnvm-noinstall.zip： 这个是绿色免安装版本，但是使用之前需要配置nvm-setup.zip：这是一个安装包，下载之后点击安装，无需配置就可以使用，方便。Source code(zip)：zip压缩的源码Sourc code(tar.gz)：tar.gz的源码，一般用于*nix系统安装把下载下来的压缩包解压，按照提示完成安装即可，安装完成后可以检测一
2021-06-25 14:03:07
239
1
原创 Lottie 动效设计完全指南：渐变修复
在使用Lottie输出矢量渐变图形的时候，应该有遇到过设计的渐变效果无法正常显示的问题。无论你设计的效果是什么样的，导出以后都变成了黑白渐变。那么这个问题可以修复吗？答案是肯定的。Windows系统渐变修复Lottie—json文件解析打开动画json文件，找到异常代码"g":{"p":2,"k":{"a":0,"k":[0,1,1,1,1,0,0,0],"ix":8}},"s":{"a":0,"k":[29.855,-26.301],"ix":4}, "e":{"a":0,"k":[-28.6
2021-04-14 15:33:13
2397
原创 VSCode 中使用ESLint+Prettier来统一前端代码风格
eslint - 校验代码语法检查语法问题，例如：声明一个变量应该 const 还是 let ，使用的变量有没有声明等等。prettier - 统一格式化代码检查代码风格问题，它支持多种语言，我们这里讨论关于 JavaScript 的，例如应该使用单引号还是双引号，该不该换行，tab 键占多少个空格，结尾要不要分号 等等问题。使用 prettier 来处理代码风格的时候，就不要再同时使用 eslint 来处理代码风格问题了安装npm i eslint prettier eslint-plugin
2021-03-24 16:05:42
416
原创 webpack-bundle-analyzer
webpack-bundle-analyzer 打包文件分析工具1.安装npm install webpack-bundle-analyzer –save-devoryarn add webpack-bundle-analyzer --dev2.在webpack.config.js中配置const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;plugins: [ new B
2021-03-18 15:32:37
230
原创 Lottie-前端实现AE动效
Lottie是可应用于Android,iOS, Web和Windows的库，通过Bodymovin解析AE动画，并导出可在移动端和web端渲染动画的json文件。换言之，设计师用AE把动画效果做出来，再用Bodymovin导出相应地json文件给到前端，前端使用Lottie库就可以实现动画效果。前端使用lottienpm install lottie-webimport lottie from "lottie-web";import animationData from "./assets/da
2021-01-15 14:35:36
1669
原创 常用方法整理，进行中。。。
获取文章内的图片列表// 获取文章内的图片列表function getImages (str){ var images = []; var imgReg = /<img.*?(?:>|\/>)/gi;// 匹配图片（g表示匹配所有结果i表示区分大小写） var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;// 匹配src属性 var arr = str.match(imgReg);
2020-12-16 10:39:03
117
原创 常用正则表达式整理，进行中。。。
js去除字符串中的标签var str=`"<p>js去除字符串中的标签</p>"`;var result = str.replace(/<.*?>/ig, '');console.log(result);
2020-12-16 10:35:43
78
原创 双问号??笔记
取默认值let res = { data: { content: null, // or false, or 0, content1: false, content2: 0 }}||??但我们发现，对于 ||，返回false或者0，也会取后者。此时，双问号 ?? 似乎就是为了解决双选链此问题而提出的，我们只想在返回null或者undefined时才取后者总结undefined ?? 'default' // 'default'null ?? 'defau
2020-12-03 13:49:15
588
原创 新语法：可选链 “?.“ 笔记
可选链 “?.”可选链?.是一种访问嵌套对象属性的安全的方式。即使中间的属性不存在，也不会出现错误。“不存在的属性”的问题如上图所示，因为user.address为 undefined，尝试读取 user.address.street 会失败，并收到一个错误。在 Web 开发中，我们可以使用特殊的方法调用（例如 document.querySelector(’.elem’)）以对象的形式获取一个网页元素，如果没有这种对象，则返回 null。如上图所示，如果该元素不存在，则访问 null 的 .
2020-12-03 10:13:59
540
原创 SuperMap iDesktop导入地图--导入json格式的地图
创建数据源首先打开SuperMap iDesktop软件，然后在左侧未命名工作空间处选择数据源，然后右键选中，选择新建文件型数据源。然后我们选择新建文件数据源的路径，取一个文件名称即可，点击保存，这样数据源就创建好了。导入数据点击工具栏的数据导入按钮，然后添加文件，选择准备好的geojson文件。选择源文件字符集的格式，我的源文件是utf-8的，所以我们选择uft-8，然后选择导入。打开地图我们选择导入后，会发现最左侧数据源下面添加了我们的相关信息，证明文件导入成功了，我们双击一下这个文
2020-10-23 17:02:16
3076
原创 vue项目post请求405报错解决办法
检查nginx是否配置了事件转发。location /api/ { proxy_pass http://192.168.1.180:9999;//后台接口地址}
2020-08-08 15:09:17
13434
2
原创 解决使用mpvue 和 WebStorm 开发小程序 rpx报红问题
问题由于WebStorm默认无法识别rpx，所以格式化时经常会出现以下情况导致样式错误：解决方法使用less的unit单位转换函数:这样既不会划红线报错，格式化时也不会出现问题
2020-06-05 16:02:41
2378
原创 vue项目线上页面刷新报404 解决方法
原因vue-router mode 默认为hash, 这样的url中带有#，如果把mode: 'history’就能去掉#号，也可以正常访问，但是再次刷新页面就会出现404错误。const router = new Router({ mode: 'history'});遇到的问题经过一番，网上查询后，给出的解决方式都是下面这样，我修改之后并没有什么作用，修改nginx配置文件location / { root ...; index ...; try_files $uri
2020-06-04 13:44:39
1954
原创 Vue CLI 3+tinymce 富文本编辑器整合
插件安装npm install tinymce -Snpm install @tinymce/tinymce-vue -S安装之后，在 node_modules 中找到 tinymce目录，然后将目录拷贝到 public（static ）目录下初始化在页面中引入以下文件import tinymce from 'tinymce/tinymce'import 'tinymce/themes/silver/theme'import Editor from '@tinymce/tinymce-vu
2020-05-19 17:24:27
666
原创 flutter中存储键值对shared_preferences(相当于前端localstorage概念)
dependencies: flutter: sdk: flutter shared_preferences: ^0.5.6设置/// 先获取 shared preferences final prefs = await SharedPreferences.getInstance();/// 设置布尔的值prefs.setBool(key, value);///...
2020-01-15 15:28:18
482
原创 Flutter自定义Color赋值方法
https://www.jianshu.com/p/88bc2dcced05六进制颜色#ff4d03 RGBA(255, 77, 3, 1), hsl(18, 100%, 51%, 1);Color(int value);前缀0xffColor(0xffff4d03)透明度Color.fromARGB(int a, int r, int g, int b)Color.fr...
2020-01-14 12:08:41
1536
原创 flutter学习使用笔记
@DOC引入包（package）step 1将此添加到包的pubspec.yaml文件中：dependencies: fluro: ^1.5.1step 2您可以从命令行安装软件包：$ flutter pub getstep 3使用import 'package:fluro/fluro.dart';...
2020-01-02 09:33:26
157
原创 flutter开发错误记录
![DOC]flutter: command not found在命令行输入 sudo vi ~/.bash_profile，然后在里面按i添加export PATH=/Users/yons/WechatProjects/flutter/bin:$PATHexport PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORA...
2019-12-31 15:44:23
376
原创 vue-json-viewer
数据量过大希望可以像jsonviewer一样能够伸缩，所以使用了vue-json-viewer插件文档：https://github.com/chenfengjw163/vue-json-viewer/blob/master/README_CN.md安装npm install vue-json-viewer --saveoryarn add vue-json-viewer引入组件i...
2019-12-31 14:35:22
4344
2
原创 React Native配置TypeScript
引入TypeScriptyarn add tslib @types/react @types/react-nativeyarn add --dev react-native-typescript-transformer typescript我们借助这个react-native-typescript-transformer库进行转换配置tsconfig.json{ "compiler...
2019-12-31 12:03:18
364
转载 Mac 下清理硬盘空间大小
mac系统释放硬盘空间方法：注意：有些方法有风险，请大家谨慎使用清除缓存文件——可以节省1GB-10GB硬盘空间缓存文件有很多种，比如网页浏览记录，应用meta数据等等。这些缓存文件的容量究竟多大跟用户使用的应用有关，也与Mac重启的频率有关。此外，很多在线音乐播放app也会产生大量的缓存文件，我们可以通过下面的命令删除这些缓存文件：cd ~/Library/Caches/rm -rf ...
2019-12-30 12:08:55
221
原创 Webstorm 文档注释模板及函数代码注释
更多注释内容，可参考JSDOC ：https://jsdoc.app/step 1mac os 下点击 webstrom–>preference–>Editor–>Live Templates–> + ,/** * @Description: * @author $user$ * @date $date$ $time$ */step 2定义应用的内...
2019-11-21 15:06:50
1219
原创 git 忽略已经提交过的文件
git rm --cached [filename] -r之后正常提交git rm -r --cached xxx //xxx表示不再想版本控制的文件，然后在 .gitignore 文件中加入该忽略的文件 git add .git commit -m 'update .gitignore'git push -f //强制来了...
2019-11-21 14:38:32
165
原创 git 修改 已经提交了的注释
当你不小心，写错了提交的注释，该如何修改commit的信息git commit --amend可以修改最后一次提交的信息.但是如果你已经push过了，那么其历史最后一次，永远也不能修改了。直接输入git commit --amend -m "新备注信息"或者输入git commit --amend然后在出来的编辑界面，直接编辑 注释的信息。git修改历史提交git使用amen...
2019-11-16 10:53:17
598
原创 ReactNative --- 引入彩色图标iconfont [react-native-iconfont-cli]
ReactNative — 引入彩色图标iconfont最近遇到的问题，记一笔文档：https://github.com/iconfont-cli/react-native-iconfont-cli通常地，在RN里使用iconfont，我们借助react-native-vector-icons导入ttf字体文件。使用ttf字体有一个弊端，就是每次更新图标，都要相应的更新ttf文件，然后再次...
2019-11-14 15:36:22
1067
原创 ReactNavigation -- StackNavigator
react-navigation简介管理多个页面的呈现、跳转的组件，就是我们所说的导航器（Navigator）。 React Navigation 源于 React Native 社区对一个可扩展且易于使用的导航解决方案的需求，它完全使用 JavaScript 编写。是社区今后主推的导航库。到现在为止已经维护到4.x版本。 react-navigation导航器类型包括：StackNavig...
2019-11-12 16:08:04
451
转载 [React Native]Invariant Violation: Application has not been registered
[React Native]Invariant Violation: Application has not been registered描述：这个是说xxx这个项目没有注册过这个错误的根本原因是根目录./index.ios.js中AppRegistry.registerComponent(‘项目名’,() => …);与./ios/项目名/appDelegate.m中的RCTR...
2019-11-12 12:18:16
1786
转载 React Native 中 component 生命周期
React Native 中 component 生命周期转载自：https://blog.csdn.net/ElinaVampire/article/details/51813677React Native中的component的生命周期图getDefaultProps执行过一次后，被创建的类会有缓存，映射的值会存在this.props,前提是这个prop不是父组件指定的。这个方法在...
2019-11-11 11:20:17
132
原创 echarts 在线编辑，在线学习地址
echarts 在线编辑，在线学习地址https://gallery.echartsjs.com/explore.html?u=bd-2135947294#sort=ranktimeframe=allauthor=all
2019-11-05 11:24:07
3074
原创 vue watch监听对象及对应值的变化，监听触发一次
watch: { form: { handler(val, oldVal){ console.log(val.type) if (val.type === 'customize') { return } this.getData() // 获取数据 this.chart.resize() // echarts ...
2019-11-05 11:10:40
8136
原创 echarts 省市区县geoJson获取
geoJson数据文件下载 https://gallery.echartsjs.com/editor.html?c=xmCAi_XNuJ
2019-11-02 15:32:31
2073
原创 react native学习相关
react-nativehttps://reactnative.cn/docs/getting-started/Mobx中文文档 https://suprise.gitbooks.io/mobx-cn/content/refguide/api.html前端数据流方案包括了 flux, redux 和 mobx. 在其中数据存储的地方, 就叫做 store.TypeScript 学习笔记...
2019-11-01 16:14:24
96
原创 Committing is not possible because you have unmerged files.
Committing is not possible because you have unmerged files. 由于您没有合并的文件，因此无法提交。解决方法用git diff或者git status 查看哪些文件冲突，有冲突的会提示：++<<<<<<< HEAD++<<<<<<< new_branc...
2019-11-01 15:43:40
44989
3
原创 git pull常见用法
git pullgit pull的作用是从一个仓库或者本地的分支拉取并且整合代码。git pull的一般形式为git pull <远程主机名> <远程分支名>:<本地分支名>git pull origin master:master第一个master是本地分支名，第二个master是远程分支名。取回远程主机的master分支，与本地的master分支合并...
2019-10-27 11:06:09
2576
原创 wepy 2 框架的小程序tabbar的图片不出现或者报路径错误
错误截图：解决方法：第一步：检查图片路径是否正确（图片尺寸和大小是否符合规范）第二步：在根目录下 wepy.config.js 文件指定静态资源目录（static: '静态资源目录路径’）第三步：重启服务 npm run dev...
2019-10-24 21:58:15
741
原创 解决npm ERR! Unexpected end of JSON input while parsing near的方法
解决npm ERR! Unexpected end of JSON input while parsing near的方法1.删掉package.lock.json强制清理一下缓存即可npm cache clean --force
2019-10-24 19:59:28
197
原创 关于git撤销commit操作
本地代码commit之后，push之前，撤回git reset --soft HEAD^注意，仅仅是撤回commit操作，您写的代码仍然保留。HEAD^的意思是上一个版本，也可以写成HEAD~1如果你进行了2次commit，想都撤回，可以使用HEAD~2--mixed：不删除工作空间改动代码，撤销commit，并且撤销git add . 操作这个为默认参数,git reset --...
2019-10-15 09:18:55
535
原创 记最近面试问到的问题
csscss3新增样式div怎么水平垂直居中方法1：flex层级：！Important》行内》#》类》标签伪类JavaScript基本数据类型，引用数据类型什么是闭包，闭包是为了解决什么问题数组常用函数循环for…of与for…in的区别内存泄漏，内存释放vuev-show和v-if指令的共同点和不同点vue-router有哪几种导航钩子？路由缓存...
2019-10-11 20:39:11
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人