自定义博客皮肤

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

阿里云OSS,nodejs获取私有private buckets 图片url

nodejs版,上代码: // npm i ali-oss const OSS = require('ali-oss'); const client = new OSS({ accessKeyId: '你自己的key id', accessKeySecret: '你自己的key secr...

2019-04-22 21:16:51

阅读数 180

评论数 1

GRPC--Node篇 相互通信

GRPC(Node) 个人感觉gRPC挺好用的,前后端遵循同一个.proto文件来写各自的代码。 本文写的是node如何调通gRPC服务。 传个文本 helloWorld.proto 传个对象 user.proto 如何使用一个.proto文件 首先得安装依赖包: npm insta...

2019-04-15 22:08:09

阅读数 79

评论数 0

小程序 即时通讯 聊天 websocket

小程序即时通讯 即时通讯也就是利用了websocket。 需要注意的是,在小程序中,websocket最多只能存在5个。 好了,不多说了,上代码。 node代码 // npm i ws const WebSocket = require('ws'); const server = new We...

2019-04-10 16:35:14

阅读数 48

评论数 0

vue首屏加载优化

vue首屏加载难免会有过慢的问题 解决方法可以有下面几点 1.固定模块,可以使用CDN Axios、Element-ui这些基本上不会改变的依赖我们可以把它们用cdn导入,没有必要打包到vendor.js中。 1)在项目根目录index.html使用cdn节点导入 注意:引入的版本需要跟自己使用的...

2018-10-12 11:12:04

阅读数 873

评论数 0

vue的几个注意点

说下我遇到过的vue的问题 1 v-for 和 v-if  当它们处于同一节点,v-for的优先级比v-if更高。  而且v-if是创建或者删除这个DOM元素,而v-for则是将其的display属性更改。 2 vue文件中内联样式中有无scoped属性的差别  有scoped属性:   当前仅当...

2018-10-11 17:11:32

阅读数 308

评论数 0

input输入框的一个坑,回车刷新页面,element-ui

input输入框会有一个坑 这是form表单的一个坑,就是当form表单中只有一个input输入框的时候,键盘回车事件就会刷新页面,因为form表单把这个事件当成了是提交表单的操作,所以解决方法是再写一个type为hidden的input标签。 另外,如果是element-ui中出现了这个问题,可...

2018-10-11 16:51:09

阅读数 1324

评论数 0

proxy解决跨域问题,代理解决跨域

设置代理解决跨域 在vue-cli搭建的项目中有一个config文件夹,里有一个index.js文件,里面的dev大概是这样: dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', ...

2018-10-10 15:51:17

阅读数 1919

评论数 1

vscode,分享几个前端比较好用的插件

前端插件 1. auto close tag 2. auto rename tag 3. bracket pair colorrizer 4. dracula official 5. highlight matching tag 6. html css support 7. html snippe...

2018-10-09 11:27:09

阅读数 1754

评论数 1

mpvue引入echarts组件canvas层级,微信小程序canvas层级过高,小程序的坑

微信小程序canvas层级过高 – canvas是小程序的原生组件,而在小程序中原生组件的层级是最高的,其他不是原生的组件都没法盖住它,但有些使用我们要必须在上面弹窗,那这时怎么办呢??? 说一下canvas的解决方法。 解决办法 – 在弹窗时可以将canvas转换成图片并隐藏,使用image标签...

2018-09-28 14:40:38

阅读数 1458

评论数 1

mpvue,微信小程序引入echarts图表组件

微信小程序引入echarts图表组件,折线图柱状图啥的 八月份微信小程序支持了npm,所以就可以直接用npm的方式引入图表组件。 参考的github链接为:https://github.com/F-loat/mpvue-echarts 第一步,初始化一个mpvue项目 第二步,引入mpvue...

2018-09-27 09:54:32

阅读数 1055

评论数 5

vscode设置成中文

vscode默认是全英文的,一个很简单的方法就可以设置成中文。那就是装一个插件啦,搜索chinese,有简体的有繁体的,安装,重新加载,再使用vscode的时候就是中文的了。 ...

2018-09-26 15:57:10

阅读数 4757

评论数 0

koa-router,将路由抽取分离出去

Koa-router 先是app.js文件中的代码 const Koa = require('koa') const router = require('./router/router.js') const app = new Koa() app.use(router.routes()) ...

2018-09-26 14:45:02

阅读数 2214

评论数 0

koa获取get和post请求的参数

Koa koa是Nodejs的一新款web框架,非常好用,用起来比express爽很多,用过就知道了。 初学者选择nodejs的web框架时,可以直接选择Koa这款框架。 本文先简单介绍一下koa获取参数的方法。 安装 npm install koa -g 开始使用吧,hello koa...

2018-09-25 15:15:55

阅读数 5133

评论数 0

js实现图片预览

js实现图片预览 body部分: <input type="file"/> <img src="" /> js部分: var inpu...

2018-09-21 17:41:00

阅读数 1105

评论数 0

mpvue初始化项目,npm run dev后没反应

使用vue-cli脚手架创建一个新的mpvue项目后,npm i安装好包后,npm run dev会没反应,是因为官方更新了mpvue-loader。这个时候不是没反应,而是反应比较慢,等个一两分钟,dist目录就生成啦。 ...

2018-09-21 17:35:39

阅读数 2071

评论数 2

react基本操作

React 1. 是一个用来开发前端界面的JS框架 (主要的任务渲染视图) 2. 为什么用这些高级前端框架vue react angular来构建用户界面: 1. 因为传统的方式 渲染字符串拼接 2. 模板引擎 渲染页面 比较繁琐 模板无法重复使用 3. 使用高级的前端框架react v...

2018-09-20 10:45:54

阅读数 102

评论数 0

vue,过滤器,路由,生命周期钩子

过滤器 作用:对data中的原始数据进行过滤/处理, 过滤完毕之后,呈现给用户看 私有/局部过滤器 1、在我们Vue组件中,在data同级的地方,写一个 属性filters,它的值是一个对象,对象里面就是写 我们一个一个过滤器函数 2、在过滤器函数中,必须接受一个要过滤的原始数据,并且 处理完...

2018-09-19 16:12:53

阅读数 208

评论数 0

webpack3.0打包,手动打包

基础打包 1、在项目根目录,创建一个生产阶段使用的文件 webpack.config.prod.js 2、把开发阶段配置文件中的内容,拷贝到webpack.config.prod.js 删除掉devServer 增加output 3、在package.json中增加一...

2018-09-18 15:43:49

阅读数 190

评论数 0

vue的computed watch 以及组件

computed & watch 参考:https://cn.vuejs.org/v2/guide/computed.html 计算属性: 当我们需要计算某些值的时候,我们就可以使用它 特点: 1、他本质是一个函数 ...

2018-09-13 10:07:23

阅读数 60

评论数 0

将url中的数据转成对象

原理就是获取url中?号后面的字符串,再利用正则处理。 function parseUrlObj(url) => { if (!url) { console.error(‘url错误’); ...

2018-09-12 11:00:38

阅读数 327

评论数 0

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