- 博客(56)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue打包出现Browserslist: caniuse-lite is outdated
Vue打包出现Browserslist: caniuse-lite is outdated的解决办法
2022-11-28 17:00:49
2591
1
原创 Windows Terminal使用oh-my-posh
安装winget install oh-my-posh配置//使用vscode打开配置文件code $PROFILE // 引入，然后使用本地的 montys 主题oh-my-posh init pwsh --config "$env:POSH_THEMES_PATH\montys.omp.json" | Invoke-Expression//使用下面的这个配置，会导致每次打开shell都会进行网络请求默认配置，会很慢oh-my-posh init pwsh --config ~/.cu
2022-05-16 22:18:17
1649
原创 Vue国际化搭配 VSCode i18n Ally插件使用初体验
i18n Ally安装本文仅作基本使用，有更多的功能请查阅官方文档：GithubGiteeVSCode扩展搜索i18n Ally安装创建Vite项目这里使用的是vite创建的项目，添加vue-i18n@next的库 yarn create vite ... √ Project name: ... i18n-demo √ Select a framework: » vue √ Select a variant: » vue-ts ... // 添加yarn add vue-i1
2021-11-25 11:17:39
8041
3
原创 Vue3+ Vite + ts 项目配置
配置eslint安装yarn add --dev @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue prettier.eslintrc.jsmodule.exports = { parser: "vue-eslint-parser", parserOptions: { par
2021-10-28 09:21:15
1386
原创 eslint搭配prettier出现Replace `XXX` with `⏎··········XXX⏎·······`的问题解决方法
出现原因因为代码每行的字数过长，而prettier中建议的是80字符换行，跟VS code中的配置冲突导致，每次保存都会闪动一下。解决办法打开VS code的设置页面，搜索printWidth，将其全部修改为80，保存即可。...
2021-10-28 09:17:08
22271
7
原创 原型链及继承
什么是原型？ function Person(){ } let p = new Person()实例对象拥有__proto__函数拥有Person.prototype,Person.prototype就是原型，它是一个对象，我们也称它为原型对象。什么是原型链原型与原型层层相链接的过程即为原型链。Object.prototype.__proto__ // nullFunction.prototype.__proto__ === Object.prototype // true
2021-08-24 21:57:34
105
原创 React 安装 node-sass失败解决方案
第一种：修改源地址在项目的根路径中添加.npmrc文件，在这个文件中增加以下内容：sass_binary_site=https://npm.taobao.org/mirrors/node-sass/registry=https://registry.npm.taobao.org第二种：使用sass(dart-sass)代替node-sassDart Sass 是 Sass 的主要实现版本，这意味着它集成新 功能要早于任何其它的实现版本。dart-sass已经改名了，在npm库中这样写的：Th
2020-12-08 15:04:00
1108
原创 Vue3.0 使用 ant-design-vue
一、升级Vue-clidao 3.0全局更新Vue-cli版本yarn global add @vue/cli@next# ORnpm install -g @vue/cli@next输入vue -V(大写的V)查看版本@vue/cli 4.5.6二、创建3.0版本的Vue项目如图，使用vue create vue-demo创建项目，会有如下提示，选择中间项可以直接创建3.0的项目，选择最后一项，可以手动选择创建2.0或者3.0版本和其他配置项三、引入ant-design-vuey
2020-09-20 16:28:41
27817
8
原创 字体库（阿里巴巴矢量图标库）使用两三坑
众所周知，“微软雅黑” 是个炸弹，不敢碰。上网一查，有个“思源黑体”，免费，好看，就它了！字体库有两种使用方法：本地使用一、下载字体库推荐地址：字体天下网站搜索思源黑体，然后点击下载二、解压，移动到项目中解压后选择一个字体copy到项目中，我这边选择的是NotoSansCJK-Regular-1三、在项目CSS中引入字体引入代码如下： @font-face {...
2019-10-21 16:05:39
1043
原创 MongoDB关联（聚合）查询，关联集合筛选
场景：商品列表中包含订单统计信息,商品和订单是一对多的关系注： 这里把商品和订单分成两个集合，仅做演示！具体场景，具体分析插入数据创建goods和orders集合goodsdb.goods.insert([ {name: 'iphone XS', price: 8999}, {name: '小米 9', price: 3299}, {name: '华为 ...
2019-08-14 11:18:41
2325
原创 Vue前端开发规范
引用自：vue官方、腾讯全端AlloyTeam 团队1 环境1.1 代码工具推荐VSCode、webstorm、sublime、Atom统一开发，尽量使用VSCode，轻量、插件多，免费1.2 工具插件（VSCode）Vue开发插件：eslint、HTML CSS Support、HTML Snippets、Live Server、Vetur、Vue VSCode Snippe...
2019-07-30 14:27:49
573
原创 Nuxt配置sass或者less
因为官方的文档API还是有点内容的，再加上网上文章一大抄，所以从官网API中搬运过来可以直接看文档原文：文档地址styleResources类型: Object默认: {}当您需要在页面中注入一些变量和mixin而不必每次都导入它们时，这非常有用。Nuxt.js 使用 https://github.com/nuxt-community/style-resources-modul...
2019-06-06 14:43:09
2744
原创 koa2获取客户端访问的IP并解析为具体地址
需求：后端通过接口获取客户端访问的IP地址，并解析为具体的省市获取IP在接口的方法中调用getClientIP(ctx.request)function getClientIP(req) { return req.headers['x-forwarded-for'] || // 判断是否有反向代理 IP req.headers['x-real-ip']};...
2019-04-10 11:27:09
10085
原创 获取element-ui的dialog中元素为null的问题
在打开弹窗的时候操作DOM，发现获取DOM为null问题如上图所示，在打开弹窗的时候，需要给按钮添加监听事件，上传文件代码如下 getFileMD5() { const el = document.getElementById("upload-file"); const bmf = new BMF(); el.addEventListener( ...
2019-01-24 16:21:26
2112
原创 使用node修改适合element-ui地区选择器的数据
需求最近在做关于地区的的选择，使用的是element-ui中的el-cascader级联选择器控件，要按照大区->省->市这种关系进行组合，控件需要的内容是： [{ value: 'zhinan', label: '指南', children: [{ value: 'shejiyuan...
2018-11-14 14:51:43
594
原创 Vue router传递参数的方式(简单使用)
params 传参router.js... { path: "/user/:id", // path后面要加上参数 name: "user", // name是必须的 component: () => import("../views/User") //懒加载组件}...User.vue//组件中 <router-link to="/user...
2018-11-08 15:17:40
830
原创 element-ui修改样式不生效
关键词：scoped，sass,css问题覆盖默认的element-ui css不生效操作如下图所示，想要去除lable中的padding-bottom，自然而然地打开控制台，找到当前的css当前css:修改为：padding: 0，运行发现样式没有生效原因代码中使用scoped之后，保证各文件中的css不相互影响，给每个component都做了唯一的标记<style...
2018-11-05 16:01:46
16766
原创 Vue项目引入阿里巴巴矢量图标库
添加图标并下载一、点击图标管理–>我的项目，创建项目简单点~填个项目名即可二、选择一个图标，加入购物车点击右上角购物车的图标，添加至项目(可以直接点击下载代码，不需要创建项目，但是如果是项目有很多图标，需要后续管理，还是要创建项目)，然后回到第一步中的我的项目，点击下载至本地在vue项目中使用一、引入项目解压缩下载好的项目，复制到项目中（我的目录是src/asset...
2018-11-05 15:50:42
4080
原创 Vue使用NProgress
NProgress是页面跳转是出现在浏览器顶部的进度条 官网：http://ricostacruz.com/nprogress/ github：https://github.com/rstacruz/nprogress如下图所示，绿色的进度条就是NProgress实现的效果 1、安装$ npm install --save nprogress 或者$ yar...
2018-08-28 17:38:10
120623
6
原创 ubuntu下查看node命令没有反应
首先需要安装nvm nvm是是一个node的版本管理工具1、安装curl: curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.4/install.sh | bash wget: wget -qO- https://raw.githubusercontent.com/creationix/nvm...
2018-08-28 16:57:28
1888
原创 Vue编写markdown或者展示markdown
之前做博客开发的时候，需要markdown的支持，找了很多资料，但是都是七拼八凑的，要么是告诉你怎么编写markdown，要么是告诉你怎么展示，我把它们总结一下。1、介绍mavonEditor 官网：https://md.zhystar.com/ github：https://github.com/hinesboy/mavonEditormavonEditor是基于...
2018-08-28 16:41:07
29406
36
原创 Vue使用NProgress 修改颜色
在App.vue中的style中增加： #nprogress .bar { background: red !important; //自定义颜色 }
2018-08-26 16:57:06
24435
2
原创 Docker部署nginx+vue
安装nginx//从远程仓库拉取镜像docker pull ${name:version}//安装 nginx 1.15版本的docker pull nginx:1.15//查看本地镜像docker image ls 运行nginx// -i 以交互模式运行容器，通常与 -t 同时使用// -t 为容器重新分配一个伪输入终端，通常与 -i 同时使用// -p...
2018-08-21 17:54:40
15683
6
原创 js导入其他文件下面的index.js，提示未找到
在用vuex的时候，在mian.js中导入store/index.js文件，浏览器一直显示 语句是： import store from './store'应该是吧store这个文件件当做store.js来引入了 最后发现问题所在:后面少了'/' import store from './store/'...
2018-08-15 14:53:58
1851
2
原创 HLS-Nginx流媒体安装使用
1.Homebrew安装打开终端，输入下列命令man brew 如果Mac已经安装了, 会显示一些命令的帮助信息. 此时输入Q退出即可, 直接进入第2步安装nginx. 反之, 如果没有安装,执行命令ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"...
2018-02-26 21:23:11
519
原创 js为假的判断
在js中，下面的值被当做假(false)，可直接判断falsenullundefined空字符串 ''数字 0数字 NaN其他的值都被当做真
2017-11-28 22:19:07
410
原创 Android 双屏异显
Android平板可以外接一块显示器，那么现在如果将VideoView显示在副屏（显示器）上，该如何实现呢？这里要用到Android的Presentation这个API：点击查看API详情我们现在新建一个Android项目首先，先设置权限：<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>然后新建一个Dif
2017-09-17 16:58:29
4176
原创 nginx: [error] open() "/usr/local/var/run/nginx.pid" failed (2: No such file or directory)
启动Nginx出现这个错误nginx: [error] open() "/usr/local/var/run/nginx.pid" failed (2: No such file or directory) 解决方法：找到你的nginx.conf的文件夹目录，然后运行这个 nginx -c /usr/local/etc/nginx/nginx.conf命令， 再运行nginx -s reloa
2017-09-14 09:15:45
40025
原创 Native module ToastModule tried to override ToastModule for module name ToastAndroid
今天按照ReactNative官网中的原生模块中的代码去实现ReactNative界面调用Android原生Toast方法的时候，遇到：Native module ToastModule tried to override ToastAndroid for module name RCTToast. if this was your intention, set canOverrideExistin
2017-09-08 13:04:15
3070
原创 react-native-tab-navigator简单使用
在ReactNative项目中加入底部导航栏，效果如图所示： 效果如下： 源码：传送门第一步：导入项目npm install react-native-tab-navigator -save第二步：文件中导入使用import TabNavigator from 'react-native-tab-navigator'tab的页面为：import React, {Component} from
2017-09-07 00:00:59
946
原创 Expected a component class, got [object Object]
React Native 中遇到：expected a component class, got [object Object] 导入其他组件的时候，命名首字母要大写import setting from './setting'//错误import Setting from './setting'//正确
2017-09-06 23:54:38
306
原创 ReactNative:The development server returned response error code: 500
在运行ReactNative项目的时候，手机上经常会出现这种错误，解决办法： 在当前项目的路径下分别运行以下命令：npm uninstall babel-preset-react-nativenpm install [email protected] —save如果你是用的yarn的话，需要将npm修改为yarn：yarn remove babel-preset-rea
2017-08-27 21:54:00
12773
2
原创 Android获取当前城市名称
参考：残缺的孤独 txxs不需要导入百度地图的SDK，利用手机自带的定位，获取当前的经纬度，然后调用百度地图的地址，返回的为json数据{status: "OK",result: {location: {lng: 118.776047,lat: 31.965235},formatted_address: "江苏省南京市雨花台区龙西路",business: "铁心桥",ad
2017-04-05 11:12:31
10672
6
原创 Android中无法引用drawable中的图片
本来图片是JPG格式的，放在drawable中，在xml文件中无法找到，最后把JPG的文件转成png格式的就可以了 这个网址可以转换图片：http://www.atool.org/imgextconvert.php
2017-02-28 22:42:22
8763
2
原创 Android手机修改分辨率
电脑首先要安装adb，这个可以参考网上的方法，然后手机需要root 不要超过手机本身的分辨率 指令：adb shell wm size 480x800 恢复指令：adb shell wm size reset注意：480x800 中间的是英文字母“x”,不是*
2017-02-21 16:12:32
1767
原创 Android Text适应宽度截取文字并显示“...”
在TextView中添加这两句即可android:ellipsize="end"android:lines="1"
2017-01-16 18:21:50
742
原创 Android因为Application导致的空指针异常
Android项目中如果有自定义的Application，请不要忘了在Manifest.xml文件中注册android:name=".CCApplication"否则会报空指针异常
2016-12-30 15:08:34
2112
转载 Android裁剪bitmap文件为正方形
原文链接：android图片裁剪截取中间正方形部分 给定图片维持宽高比缩放后，截取正中间的正方形部分/** * @param bitmap 原图 * @param edgeLength 希望得到的正方形部分的边长 * @return 缩放截取正中部分后的位图。 */ public static Bitmap centerSquareScaleBitmap(B
2016-12-27 16:05:36
4550
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人