随笔分类 -  大前端

摘要:效果图: 直接上代码吧: 阅读全文
posted @ 2019-04-15 20:20 程序员小波与Bug 阅读(10661) 评论(3) 推荐(2) 编辑
摘要:直接记录代码: 阅读全文
posted @ 2019-04-13 10:38 程序员小波与Bug 阅读(10552) 评论(3) 推荐(4) 编辑
摘要:双飞翼布局和圣杯布局是比较常用的布局方式,都是为了实现一行三列,并且两侧列固定宽度,中间列宽度自适应的效果:直接上代码记录下: 阅读全文
posted @ 2019-04-10 19:06 程序员小波与Bug 阅读(244) 评论(0) 推荐(1) 编辑
摘要:接口返回图片二进制流前端展示 问题描述 请求后台接口时,返回图片内容如下: 咋一看,不是base64格式,二十二进制的图片流数据,前端要想展示,只需要转换数据格式为base64即可。 解决方案 设置responseType为arraybuffer 设置了arraybuffer后的接口返回: base 阅读全文
posted @ 2019-03-27 11:23 程序员小波与Bug 阅读(8088) 评论(1) 推荐(2) 编辑
摘要:小程序开发知识点总结 我承认,最近比较懒了,博客也很久没更新了,太对不住自己了,做了一段时间小程序开发,总结了一些知识点,直接上菜。 关于小程序登录 这里放上一张流程图: 说明: 小程序调用wx.login() 获取 临时登录凭证code ,并回传到开发者服务器。 开发者服务器以code换取 用户唯 阅读全文
posted @ 2018-08-02 18:35 程序员小波与Bug 阅读(3459) 评论(7) 推荐(4) 编辑
摘要:以往部署vuejs应用都是直接在nginx的location为/下直接部署,这次遇到要将vue应用部署在/vuejs admin的非根下,使用以往部署方案直接访问就会404,这时修改步骤如下: 1、修改项目router配置,如下: 这里一是要修改router模式为history,另一个就是修改bas 阅读全文
posted @ 2018-07-02 20:08 程序员小波与Bug 阅读(23539) 评论(0) 推荐(2) 编辑
摘要:SPA应用部署时首屏启动慢问题解决方案 使用vuejs开发的单页应用,打包部署上线后,发现首屏启动时间达到了惊人的10s左右,于是开始优化,目前使用到的总结如下: 巧用webpack插件 1、抽取css文件 2、模块化抽取 对应的entry是这么写的: 3、gzip代码压缩 4、代码压缩 nginx 阅读全文
posted @ 2018-05-30 22:52 程序员小波与Bug 阅读(1923) 评论(0) 推荐(0) 编辑
摘要:Vuejs中slot实现自定义组件header、footer等 vue中的slot主要负责内容分发,之前有介绍过slot的内容,具体链接:http://www.cnblogs.com/vipzhou/p/6640056.html, 这节主要模拟下一些ui组件比如iview等一般会为组件添加一些slo 阅读全文
posted @ 2018-05-29 13:59 程序员小波与Bug 阅读(4086) 评论(1) 推荐(2) 编辑
摘要:vuejs、eggjs、mqtt全栈式开发简单设备管理系统 业余时间用eggjs、vuejs开发了一个设备管理系统,通过mqtt协议上传设备数据至web端实时展现,包含设备参数分析、发送设备报警等模块。收获还是挺多的,特别是vue的学习,这里简单记录一下: 源码地址:[https://github. 阅读全文
posted @ 2018-02-28 09:32 程序员小波与Bug 阅读(2987) 评论(6) 推荐(7) 编辑
摘要:GraphQL介绍&使用nestjs构建GraphQL查询服务(文章底部附demo地址) GraphQL一种用为你 API 而生的查询语言。出自于Facebook,GraphQL非常易懂,直接看查询语句就能知道查询出来的数据是什么样的。本质上属于API Layer层,负责前端请求的合并、数据整理等功 阅读全文
posted @ 2018-02-08 17:31 程序员小波与Bug 阅读(2116) 评论(0) 推荐(0) 编辑
摘要:Genymotion添加device时,加载速度很慢: 简单方法处理如下: 1、首先找到如下目录文件名 打开后找到如下行,复制该地址直接使用迅雷等下载工具下载好该ova文件: 2、放置下载好的文件至对应目录 3、重启Genymotion,选中之前选择的device继续单击next下载,可以看到秒级下 阅读全文
posted @ 2018-01-09 23:37 程序员小波与Bug 阅读(433) 评论(0) 推荐(0) 编辑
摘要:OAuth是一种开发授权的网络标准,全拼为 open authorization ,即开放式授权,最新的协议版本是2.0。 举个栗子: 有一个"云冲印"的网站,可以将用户储存在Google的照片,冲印出来。用户为了使用该服务,必须让"云冲印"读取自己储存在Google上的照片。 传统方法是,用户将自 阅读全文
posted @ 2017-12-27 15:20 程序员小波与Bug 阅读(8932) 评论(0) 推荐(3) 编辑
摘要:想在swagger ui的yaml文档里面写一个文件上传的接口,找了半天不知道怎么写,终于搜到了,如下: 效果如下: 阅读全文
posted @ 2017-12-23 22:55 程序员小波与Bug 阅读(7731) 评论(0) 推荐(1) 编辑
摘要:WebRTC介绍及简单应用 WebRTC ,即 Web Real Time Communication ,web实时通信技术。简单地说就是在web浏览器里面引入实时通信,包括音视频通话等。 WebRTC实时通信技术介绍 如何使用 媒体介绍 信令 STUN和TURN介绍 对等连接和提议/应答协商 数据 阅读全文
posted @ 2017-12-06 21:20 程序员小波与Bug 阅读(42146) 评论(6) 推荐(22) 编辑
摘要:公司写的文档,直接粘贴过来了: 本文档提供node应用一键安装、部署、卸载说明,包含对应脚本文件 默认版本:1、nodejs:v6.11.2.linux-x642、全局npm包:pm2、supervisor、node、gulp、npm 一、安装、部署 1、切换到linux根目录下:cd / 2、新建 阅读全文
posted @ 2017-10-19 17:06 程序员小波与Bug 阅读(2864) 评论(0) 推荐(0) 编辑
摘要:项目中有遇到问题如下: 1、旧版的cs服务,因为每个用户和唯一的长连接是在登录后绑定的,并且所有的消息报文均是基于该长连接去发送接收的,所以要求node服务要维持一个长连接,然后根据该用户获取长连接,拿到连接再去发送对应请求,tcp协议顶层是可以使用http传输的,nodejs中http模块内置的a 阅读全文
posted @ 2017-08-22 17:25 程序员小波与Bug 阅读(737) 评论(2) 推荐(1) 编辑
摘要:protobuf是google推出的一种数据交换协议,比较适合应用于底层服务交互,nodejs提供protobufjs包的实现,下面是一个简单的测试demo: 首先是.proto文件: 然后是一个测试的nodejs程序,主要是加载.proto文件->实例化message->message buffe 阅读全文
posted @ 2017-07-08 18:03 程序员小波与Bug 阅读(1941) 评论(0) 推荐(1) 编辑
摘要:var mongoose = require('mongoose'); var Schema = mongoose.Schema; mongoose.connect('mongodb://127.0.0.1/test'); var conn = mongoose.connection; var fs 阅读全文
posted @ 2017-05-25 17:43 程序员小波与Bug 阅读(2959) 评论(0) 推荐(0) 编辑
摘要:看vue.js有几天了,之前也零零散散的瞅过,不过一直没有动手去写过demo,这几天后台事比较少,一直在讨论各种需求(其实公司对需求还是比较重视与严谨的,一个项目需求讨论就差不多一周了,这要搁之前,天哪。。。),于是就琢磨着把vue简单的过下,如下所讲只是个人一些理解,不到的地方还望园友指正,涉及到 阅读全文
posted @ 2017-05-14 00:27 程序员小波与Bug 阅读(2776) 评论(15) 推荐(3) 编辑
摘要:直接上规范吧: 阅读全文
posted @ 2017-05-11 19:37 程序员小波与Bug 阅读(1657) 评论(2) 推荐(0) 编辑

点击右上角即可分享
微信分享提示