- 博客(24)
- 收藏
- 关注
RSS订阅原创 Vue 插件声明方法
Vue插件声明 // 插件定义MyPlugin.install = function (Vue, options) {// 1. 添加全局⽅方法或属性 Vue.myGlobalMethod = function () {// 逻辑... }// 2. 添加全局资源 Vue.directive('my-directive', {bind (el, binding, vnode, old...
2020-04-29 18:30:02
392
原创 Vue SSR介绍
简介使用vue-cli打包项目一般为SPA项目,但是SPA对搜索引擎SEO不友好，目前主要有两种方式来解决这个问题： 服务端渲染和预渲染预渲染就像官网所说，如果你调研服务器端渲染(SSR)只是用来改善少数营销页面（例如 /, /home, /about 等）的 SEO，那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML，而是使用预渲染...
2020-04-29 10:23:03
2136
原创 uni-app 问题回顾
uni-app 问题回顾1.scroll-view 无法横向排列将scroll-view的子元素的class 设置为display: inline-block;2.自定义tabbaruni-app的tabbar最多支持5个页面，即使是自定义的，需要动态改变的tabbar，加起来也不能超过5个,需要在page.json文件进行设置, 如:"tabBar": { "list": [...
2020-04-29 10:19:42
1741
2
原创 Redis学习笔记
Redis学习笔记1、什么是RedisRedis是开源的，性能极高的nosql数据库，key-value数据库，并且提供有多种语言的的API的非关系型数据库Redis读写速度快，读110000次／s，写81000次／sRedis支持数据持久化，可以将内存中的数据持久化到磁盘中，重启时候可以直接读取使用Redis支持备份，即master-slave模式的数据备份丰富的数据类型：stri...
2020-04-29 10:09:39
171
原创 如何查找mysql中查询慢的sql语句
如何查找mysql中查询慢的sql语句如何在mysql查找效率慢的sql语句呢？mysql通过慢查询日志定位执行效率低的sql语句，用--log-slow-queries[=file_name]选项启动时,mysqld会写一个包含所有执行时间超过long_query_time秒的sql语句的日志文件，通过查看这个日志文件定位效率较低的sql。一、mysql数据库有几个配置选项可以帮助我们及时补...
2020-04-29 10:08:34
891
原创 mysql数据备份
标签： mysql##1.导出所有数据库mysqldump -uroot -proot --all-databases >/tmp/all.sql##2.导出db1、db2两个数据库的所有数据mysqldump -uroot -proot --databases db1 db2 >/tmp/user.sql##3.导出db1中的a1、a2表###注意导出指定表只能针对一个...
2020-04-29 10:07:48
144
原创 Http2介绍
标签：http2 iplas为什么要使用HTTP2原因就是慢 影响一个网络请求的因素主要有两个，带宽和延迟。今天的网络基础建设已经使得带宽得到极大的提升，大部分时候都是延迟在影响。 **为什么延迟？？**浏览器阻塞（HOL blocking）：浏览器会因为一些原因阻塞请求。浏览器对于同一个域名，同时只能有 4个连接（这个根据浏览器内核不同可能会有所差异），超过浏览器最大连接数...
2020-04-28 16:07:12
156
原创 解决blur与click冲突
#背景在开发下拉选择（picker）组件中遇到，点击输入框出现下拉列表，再点击下拉列表选项后下拉列表自动收缩，然而选项值并没有选到#一、blur和click事件简述blur事件：当元素失去焦点时触发blur事件；其为表单事件，blur和focus事件不会冒泡，其他表单事件都可以。click事件：当点击元素时触发click事件；所有元素都有此事件，会产生冒泡。注（往往也是出现问题的原因...
2020-04-28 15:57:02
595
原创 国际化方案
标签：多语言 i18n iplas#背景应泰方要求，运营系统、网上商城以及移动端服务平台等项目都要做国际化，支持英文、泰文等多国语言。故研讨国际化方案对项目进行国际化改造。##1.后端关键：使用java.util.Locale类判断地区，处理国际化差异项目解决方案静态配置文件处理成zh_CN.properties（中文需要处理ASCII编码格式）和th_TH.pr...
2020-04-28 15:53:30
555
原创 小程序开发技术框架选型
#背景1、业务：公司扩展业务，需要同时开发小程序、公众号、H5移动的等多个平台的服务，在功能、UI交互上基本一致。2、团队：前端开发团队，技术栈上基本都熟悉Vue框架，原生小程序框架熟悉了解的几乎没有，除了专门写小程序的新同事。3、成本考量：若为单独为小程序、公众好、H5各开发一套代码，开发时间*3；后期维护上，得专门找一个熟悉小程序的人员才能进行，不利于推广，调用整个前端团队能力基于以...
2020-04-28 15:52:32
981
原创 The remote endpoint was in state [TEXT_FULL_WRITING] which is an invalid state for called method
3-16 14:59:13 109 ConsumeMessageThread_15 ERROR [] - The remote endpoint was in state [TEXT_FULL_WRITING] which is an invalid state for called methodjava.lang.IllegalStateException: The remote endpoi...
2020-04-28 15:51:17
457
原创 安装puppeteer方法
#方法一在终端执行：PUPPETEER_DOWNLOAD_HOST=https://storage.googleapis.com.cnpmjs.org npm install puppeteer#方法二改用 puppeteer-cnnpm install --save puppeteer-cn#方法三改用 puppeteer-cncnpm install puppeteer...
2020-04-28 15:50:07
578
原创 解决nginx转发websocket报400错误
##背景，nginx转发websocket在本地跟其它测试环境连接都正常，但同样的配置，在某测试环境突然连接失败，报400异常。failed: Error during WebSocket handshake: Unexpected response code: 400经推断，问题还是出现在nginx转发上。原来的nginx websokcet配置如下，跟大部分网上说的一样，只有核心的几句...
2020-04-28 15:49:22
4410
原创 [Prerenderer - PuppeteerRenderer] Unable to start Puppeteer 异常处理
基于vue cli3.0 搭建的项目，通过prerender-spa-plugin 插件进行预编。其中配置文件vue.config.js 配置如下：const path = require('path')const PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer = PrerenderSPAPlugin....
2020-04-28 15:48:30
1900
转载 SSO（单点登录）介绍
标签：sso iplas##一、SSO（单点登录）介绍SSO英文全称Single SignOn，单点登录。SSO是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。它包括可以将这次主要的登录映射到其他应用中用于同一个用户的登录的机制。它是目前比较流行的企业业务整合的解决方案之一。###实现机制当用户第一次访问应用系统1的时候，因为还没有登录，会被引导到认证系统中进行登...
2020-04-28 15:46:28
6953
原创 workbox学习笔记
workbox学习笔记一 PWA介绍1.1 学习workbox之前先了解一下PWA（如果了解请跳过）PWA（ 全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。一个 PWA 应用首先是一个网页, 可以通过Web 技术编写出一个网页应用. 随后添加上Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能。而Service...
2020-04-28 15:45:08
1488
原创 Harbor介绍
HarborHarbor是什么？Harbor是VMware公司开源的企业级DockerRegistry项目，其目标是帮助用户迅速搭建一个企业级的Dockerregistry服务。它以Docker公司开源的registry为基础，提供了管理UI，基于角色的访问控制(Role Based Access Control)，AD/LDAP集成、以及审计日志(Auditlogging) 等企业用户需...
2020-04-28 15:43:43
25856
3
原创 数据埋点方式
埋点方式埋点方式叫法很多，简单来说氛围客户端埋点（即前端）与服务器端埋点（即后端）。而前端埋点根据实现方式可分为可视化买点与代码埋点，后段统一为代码埋点。代码埋点VS无埋点代码埋点方式需要做的数据分析的场景，设计数据需求，撰写数据需求文档，然后交由开发在每个需要采集的数据点写入代码，通过写入的代码进行数据监测与上报优势 ：1. 同时适用于客户端与服务器端数据采集 2. 可进行多维度属...
2020-04-28 15:41:41
1516
原创 设计模式学习笔记
#将不变的部分和变化的部分隔开是每个设计模式的主题开放-封闭原则特性： 1、面向扩展开放；2、面向修改封闭单例模式保证一个类仅有一个实例，并提供一个访问它的全局访问点惰性单例惰性单例指的是在需要的时候才创建对象实例，是单例模式的重点命令模式最简单和优雅的模式之一，命令模式中的命令指的时一个执行某些特定事情的命令。最常见的应用场景：有时候需要向某些对象发送请求，但是...
2020-04-28 15:40:03
140
原创 websocket 使用介绍
websocket介绍websocket最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种websocket 使用websocket 连接创建分为前端和服务量部分 ，中间通过nginx转发，废话不多说，直接上代码1、前端部分// # js websocket 创建 /** * * @p...
2020-04-28 15:37:47
181
原创 nuxt docker化
nuxt docker 化如何将nuxt docker化？在项目根目录创建docker文件夹，并创建dockerfile文件# dockerfileFROM node:11.13.0-alpine AS builderMAINTAINER jiezai# create destination directoryRUN mkdir -p /usr/src/nuxt-appWORK...
2020-04-28 15:25:32
282
原创 java.io.IOException: java.util.concurrent.ExecutionException: java.net.SocketException: Broken pipe
公司开发的一个项目，使用了Websocket。调用websocket后,可以连接成功，如果一分钟内没有进行交互则会自动断开，同时有异常信息“java.io.IOException: java.util.concurrent.ExecutionException: java.net.SocketException: Broken pipe”。针对这一问题，网上的回答各种各样。在网上找到一个类似的算是...
2020-04-28 15:19:41
2078
原创 此图片来自QQ空间，未经许可不可与引用
此图片来自QQ空间，未经许可不可与引用做聊天室开发，突然出现一些图片显示异常，提示此图片来自QQ空间，未经许可不可与引用,获取图片URL直接访问、在其他网页img 显示又是正常的，很是奇怪，如下图所示。网查了一下，是腾讯方面有做了限制。处理方法，在<header></header> 中添加一句<meta name="referrer" content="neve...
2020-04-28 15:16:12
5739
7
原创 Vuex温故知新
Vuex温故知新一、Vuex是什么？Vuex 是专门为vuejs框架设计的 状态管理工具，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。1、Vuex的构成[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EMmQP2No-1588057823521)(/Users/liurongjie/dev/workspace/t...
2020-04-28 15:11:52
158
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人