5 梦里谁知身是客

尚未进行身份认证

请君曲莫停,长醉不复醒

等级
TA的排名 4w+

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

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

2019-10-21 16:01:41

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

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

2019-08-14 11:18:41

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

Nuxt配置sass或者less

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

2019-06-06 14:43:09

koa2获取客户端访问的IP并解析为具体地址

需求:后端通过接口获取客户端访问的IP地址,并解析为具体的省市获取IP在接口的方法中调用getClientIP(ctx.request)functiongetClientIP(req){returnreq.headers['x-forwarded-for']||//判断是否有反向代理IPreq.headers['x-real-ip']};...

2019-04-10 11:27:09

获取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

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

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

2018-11-14 14:51:43

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

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

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

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

2018-11-05 15:50:42

Vue使用NProgress

NProgress是页面跳转是出现在浏览器顶部的进度条官网:http://ricostacruz.com/nprogress/github:https://github.com/rstacruz/nprogress如下图所示,绿色的进度条就是NProgress实现的效果1、安装$npminstall--savenprogress或者$yar...

2018-08-28 17:38:10

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

Vue编写markdown或者展示markdown

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

2018-08-28 16:41:07

Vue使用NProgress 修改颜色

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

2018-08-26 16:57:06

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

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

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

js为假的判断

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

2017-11-28 22:19:07

Android 双屏异显

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

2017-09-17 16:58:29

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:Nosuchfileordirectory)解决方法:找到你的nginx.conf的文件夹目录,然后运行这个nginx-c/usr/local/etc/nginx/nginx.conf命令,再运行nginx-sreloa

2017-09-14 09:15:45

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。