自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

松烟入墨

十年旧约江南梦,独听寒山半夜钟。

  • 博客(48)
  • 资源 (2)

原创 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 747

原创 字体库(阿里巴巴矢量图标库)使用两三坑

众所周知,“微软雅黑” 是个炸弹,不敢碰。上网一查,有个“思源黑体”,免费,好看,就它了!字体库有两种使用方法:本地使用一、下载字体库推荐地址:字体天下网站搜索思源黑体,然后点击下载二、解压,移动到项目中解压后选择一个字体copy到项目中,我这边选择的是NotoSansCJK-Regular-1三、在项目CSS中引入字体引入代码如下: @font-face {...

2019-10-21 16:05:39 198

原创 MongoDB关联(聚合)查询,关联集合筛选

场景:商品列表中包含订单统计信息,商品和订单是一对多的关系注: 这里把商品和订单分成两个集合,仅做演示!具体场景,具体分析插入数据创建goods和orders集合goodsdb.goods.insert([ {name: 'iphone XS', price: 8999}, {name: '小米 9', price: 3299}, {name: '华为 ...

2019-08-14 11:18:41 608

原创 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 403

原创 Nuxt配置sass或者less

因为官方的文档API还是有点内容的,再加上网上文章一大抄,所以从官网API中搬运过来可以直接看文档原文:文档地址styleResources类型: Object默认: {}当您需要在页面中注入一些变量和mixin而不必每次都导入它们时,这非常有用。Nuxt.js 使用 https://github.com/nuxt-community/style-resources-modul...

2019-06-06 14:43:09 1242

原创 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 5596

原创 获取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 1322

原创 使用node修改适合element-ui地区选择器的数据

需求最近在做关于地区的的选择,使用的是element-ui中的el-cascader级联选择器控件,要按照大区->省->市这种关系进行组合,控件需要的内容是: [{ value: 'zhinan', label: '指南', children: [{ value: 'shejiyuan...

2018-11-14 14:51:43 369

原创 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 254

原创 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 11621

原创 Vue项目引入阿里巴巴矢量图标库

添加图标并下载一、点击图标管理–>我的项目,创建项目简单点~填个项目名即可二、选择一个图标,加入购物车点击右上角购物车的图标,添加至项目(可以直接点击下载代码,不需要创建项目,但是如果是项目有很多图标,需要后续管理,还是要创建项目),然后回到第一步中的我的项目,点击下载至本地在vue项目中使用一、引入项目解压缩下载好的项目,复制到项目中(我的目录是src/asset...

2018-11-05 15:50:42 2429

原创 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 68754

原创 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 1230

原创 Vue编写markdown或者展示markdown

之前做博客开发的时候,需要markdown的支持,找了很多资料,但是都是七拼八凑的,要么是告诉你怎么编写markdown,要么是告诉你怎么展示,我把它们总结一下。1、介绍mavonEditor 官网:https://md.zhystar.com/ github:https://github.com/hinesboy/mavonEditormavonEditor是基于...

2018-08-28 16:41:07 19437 27

原创 Vue使用NProgress 修改颜色

在App.vue中的style中增加: #nprogress .bar { background: red !important; //自定义颜色 }

2018-08-26 16:57:06 13540 1

原创 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 13278 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 1203 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 295

原创 js为假的判断

在js中,下面的值被当做假(false),可直接判断falsenullundefined空字符串 ''数字 0数字 NaN其他的值都被当做真

2017-11-28 22:19:07 195

原创 Android 双屏异显

Android平板可以外接一块显示器,那么现在如果将VideoView显示在副屏(显示器)上,该如何实现呢?这里要用到Android的Presentation这个API:点击查看API详情我们现在新建一个Android项目首先,先设置权限:<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>然后新建一个Dif

2017-09-17 16:58:29 3697

原创 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 31579

原创 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 2438

原创 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 411

原创 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 225

原创 ReactNative:The development server returned response error code: 500

在运行ReactNative项目的时候,手机上经常会出现这种错误,解决办法: 在当前项目的路径下分别运行以下命令:npm uninstall babel-preset-react-nativenpm install babel-preset-react-native@2.1.0 —save如果你是用的yarn的话,需要将npm修改为yarn:yarn remove babel-preset-rea

2017-08-27 21:54:00 11065 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 8513 5

原创 Android中无法引用drawable中的图片

本来图片是JPG格式的,放在drawable中,在xml文件中无法找到,最后把JPG的文件转成png格式的就可以了 这个网址可以转换图片:http://www.atool.org/imgextconvert.php

2017-02-28 22:42:22 6652 1

原创 Android手机修改分辨率

电脑首先要安装adb,这个可以参考网上的方法,然后手机需要root 不要超过手机本身的分辨率 指令:adb shell wm size 480x800 恢复指令:adb shell wm size reset注意:480x800 中间的是英文字母“x”,不是*

2017-02-21 16:12:32 1040

原创 查看Win10激活剩余时间

Win+ R 键 输入 slmgr.vbs -xpr 就可以查看了

2017-01-23 17:08:29 5948 1

原创 Android Text适应宽度截取文字并显示“...”

在TextView中添加这两句即可android:ellipsize="end"android:lines="1"

2017-01-16 18:21:50 581

原创 Android因为Application导致的空指针异常

Android项目中如果有自定义的Application,请不要忘了在Manifest.xml文件中注册android:name=".CCApplication"否则会报空指针异常

2016-12-30 15:08:34 1521

转载 Android裁剪bitmap文件为正方形

原文链接:android图片裁剪截取中间正方形部分 给定图片维持宽高比缩放后,截取正中间的正方形部分/** * @param bitmap 原图 * @param edgeLength 希望得到的正方形部分的边长 * @return 缩放截取正中部分后的位图。 */ public static Bitmap centerSquareScaleBitmap(B

2016-12-27 16:05:36 3650

原创 Android 64K解除限制

首先在 build.gradle中的dependencies中添加dependencies {compile 'com.android.support:multidex:'}然后在defaultConfig中添加multiDexEnabled true然后Sync Now 如果你的项目有Application类 ,让他继承MultiDexApplication类 并且重写 @Overrid

2016-12-26 15:16:31 802

原创 Android将String保存为SD卡中TXT文件

public static void stringTxt(String str){ try { FileWriter fw = new FileWriter("/sdcard/aaa" + "/cmd.txt");//SD卡中的路径 fw.flush(); fw.write(str); f

2016-12-26 10:35:43 6119

原创 Android 将assets中的单个文件拷贝到sd卡中

String path= "aaa/cmd.txt";//SD卡中的路径,复制到SD卡中文件的名称 AssetsCopyTOSDcard assetsCopyTOSDcard=new AssetsCopyTOSDcard(getApplicationContext()); assetsCopyTOSDcard.AssetToSD(path, Environment.g

2016-12-26 10:34:27 815

原创 Android闪屏页实现

闪屏页,3秒后 进入主页面 new Handler().postDelayed(new Runnable(){ @Override public void run() { Intent intent = new Intent(SplashActivity.this,MainActivity.class);

2016-12-22 21:49:41 346

转载 用intent打开各种文件 打开sd卡路径 打开系统目录...

在其他类中调用MyIntent类中的方法,例如:Intent it = MyIntent .getHtmlFileIntent("/sdcard/tutorial.html");//对应你的文件名startActivity( it );//可用于获取打开以下文件的intent//PDF,PPT,WORD,EXCEL,CHM,HTML,TEXT,AUDIO,VIDEO//错误示例://这个不行,可

2016-12-20 17:43:58 3200

原创 Google 为中国开发者提供的资源

https://developers.google.cn/无需翻墙

2016-12-12 14:07:03 560

原创 Android Studio导入项目太慢的解决办法

有时候有网上下载一个Android实例,想要导入到AS中,却发现很慢很慢,是因为gradle的版本不对,提前修改一下版本号,就不会这么慢了 首先在项目的根目录找到build.gradle这个文件,然后用Editplus(也可以用其他的软件,如Sublime Text)打开。 将这句话后面的数字改成你电脑AS的版本,不知道的可以找到你最近创建的项目中的这个文件,复制,粘贴,然后保存。 然

2016-09-29 14:26:40 900

原创 Emmagee,一个监测机器性能的软件

今天给大家推荐一款软件,叫做Emmagee。 Emmagee是网易杭州研究院QA团队开发的一个简单易上手的Android性能监测小工具,主要用于监控单个App的CPU,内存,流量,启动耗时,电量,电流等性能状态的变化,且用户可自定义配置监控的频率以及性能的实时显示,并最终生成一份性能统计文件。 选择你要监测的软件,点击开始测试 在APP的右上角会显示当前机器的性能情况 点击停止测

2016-09-21 10:15:26 499

App研发录:架构设计、Crash分析和竞品技术分析

App研发录:架构设计、Crash分析和竞品技术分析

2017-01-16

Emmagee Android监测软件

监控Android设备的软件

2016-09-21

空空如也

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