lert707-CSDN博客

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

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

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

原创 GRPC--Node篇相互通信

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

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

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

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

2019-04-10 16:35:14 578

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

2018-10-12 11:12:04 1392

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

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

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

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

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

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

2018-10-10 15:51:17 9813 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 snippets 8. intellisense for css class names in html 9. l...

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

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

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

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

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

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

2018-09-27 09:54:32 2096 3

原创 vscode设置成中文

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

2018-09-26 15:57:10 6754

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

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

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

2018-09-25 15:15:55 24961

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

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

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

2018-09-21 17:35:39 4732 1

原创 react

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

2018-09-20 10:45:54 286

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

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

2018-09-19 16:12:53 520

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

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

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

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

2018-09-12 11:00:38 1258

原创 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 14619 2

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

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

2018-09-11 16:57:12 1327

lert707的博客