lert707-CSDN博客

原创阿里云OSS，nodejs获取私有private buckets 图片url

nodejs版，上代码：// npm i ali-ossconst OSS = require('ali-oss');const client = new OSS({ accessKeyId: '你自己的key id', accessKeySecret: '你自己的key secret', bucket: 'bucket 名字', endpoint: 'bucket所处的地...

2019-04-22 21:16:51 1786 2

原创 GRPC--Node篇相互通信

GRPC（Node）个人感觉gRPC挺好用的，前后端遵循同一个.proto文件来写各自的代码。本文写的是node如何调通gRPC服务。传个文本helloWorld.proto传个对象user.proto如何使用一个.proto文件首先得安装依赖包：npm install grpc-tools --save-devnpm install google-protobu...

2019-04-15 22:08:09 2942 1

原创小程序即时通讯聊天 websocket

小程序即时通讯即时通讯也就是利用了websocket。需要注意的是，在小程序中，websocket最多只能存在5个。好了，不多说了，上代码。node代码// npm i wsconst WebSocket = require('ws');const server = new WebSocket.Server({ port: 9999 // 开启websocket的端口})...

2019-04-10 16:35:14 503

原创 vue首屏加载优化

vue首屏加载难免会有过慢的问题解决方法可以有下面几点1.固定模块，可以使用CDNAxios、Element-ui这些基本上不会改变的依赖我们可以把它们用cdn导入，没有必要打包到vendor.js中。1)在项目根目录index.html使用cdn节点导入注意：引入的版本需要跟自己使用的版本兼容或相同&lt;!-- 引入组件库 --&gt;&lt;script src="https:...

2018-10-12 11:12:04 1317

原创 vue的几个注意点

说下我遇到过的vue的问题1 v-for 和 v-if 当它们处于同一节点，v-for的优先级比v-if更高。而且v-if是创建或者删除这个DOM元素，而v-for则是将其的display属性更改。2 vue文件中内联样式中有无scoped属性的差别有scoped属性: 当前仅当该vue文件可以使用这个样式。无scoped属性：影响其他文件，后果很严重哦3 nextT...

2018-10-11 17:11:32 498

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

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

2018-10-11 16:51:09 3123 1

原创本地开发跨域问题, proxy解决

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

2018-10-10 15:51:17 9627 1

原创 vscode，分享几个前端比较好用的插件

前端插件1. auto close tag2. auto rename tag3. bracket pair colorrizer4. dracula official5. highlight matching tag6. html css support7. html snippets8. intellisense for css class names in html9. l...

2018-10-09 11:27:09 2922 1

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

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

2018-09-28 14:40:38 2569 2

原创 mpvue，微信小程序引入echarts图表组件

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

2018-09-27 09:54:32 1995 5

原创 vscode设置成中文

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

2018-09-26 15:57:10 6479

原创 koa-router，将路由抽取分离出去

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

2018-09-26 14:45:02 4033

原创 koa获取get和post请求的参数

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

2018-09-25 15:15:55 24032

原创 js实现图片预览

js实现图片预览body部分：<input type="file"/><img src="" />js部分：var input = document.querySelector('input');var img = document.querySelector('img');input.onchange = function () { //获取文...

2018-09-21 17:41:00 3113

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

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

2018-09-21 17:35:39 4635 2

原创 react

React1. 是一个用来开发前端界面的JS框架（主要的任务渲染视图）2. 为什么用这些高级前端框架vue react angular来构建用户界面： 1. 因为传统的方式渲染字符串拼接 2. 模板引擎渲染页面比较繁琐模板无法重复使用 3. 使用高级的前端框架react vue angualr 更加的方便的渲染视图和更新视图（渲染和更新用户界面）方便获取到用户操作的一些信...

2018-09-20 10:45:54 235

原创 vue，过滤器，路由，生命周期钩子

过滤器作用：对data中的原始数据进行过滤/处理，过滤完毕之后，呈现给用户看私有/局部过滤器1、在我们Vue组件中，在data同级的地方，写一个属性filters，它的值是一个对象，对象里面就是写我们一个一个过滤器函数2、在过滤器函数中，必须接受一个要过滤的原始数据，并且处理完毕之后，要返回出去3、在我们需要使用顾虑器函数进行数据过滤的时候，记得在原始数据后面接上管道符进行...

2018-09-19 16:12:53 475

原创 webpack3.0打包，手动打包

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

2018-09-18 15:43:49 750

原创 vue的computed watch 以及组件

computed &amp;amp; watch参考:https://cn.vuejs.org/v2/guide/computed.html计算属性: 当我们需要计算某些值的时候，我们就可以使用它特点: 1、他本质是一个函数 2、它必须要有返回值 3、计算属性相比于普通的方法来说，是有缓存的 4、计算函数中所以来的...

2018-09-13 10:07:23 176

原创将url中的数据转成对象

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

2018-09-12 11:00:38 1200

原创 js读取本地文件

js读取本地文件js读取本地文件介绍在h5以前，js是没有办法读取文件的实现步骤：获取file，可以从中获取 var file = document.querySelector('.file').files[0];创建一个fileReader的对象： var fileReader = new FileReader();读取文件 reader.readAsDataURL(f...

2018-09-11 17:04:32 14438 2

原创 JS相等运算符(==)和等同运算符(===)

JS相等运算符(==)和等同运算符(===)相等运算符(==)和等同运算符(===) ===运算符是等同运算符，它采用严格的同一性定义检测两个运算数是否完全等同。 ==运算符是相等运算符，它采用比较宽松的同一性定义（即允许进行类型转换）检测两个运算数是否相等。下面的规则用于判定===运算符比较的两个值是否完全相等： 1.如果两个值的类型不同，它们就不相同。 2.如果两个值的类型是数...

2018-09-11 16:57:12 1273

lert707的博客