qq_19891827-优快云博客

原创【知识整理】多次请求同一数据接口时导致数据渲染混乱的web前端解决方案(示例代码以vue.js开发为例)

一。在进行前端开发过程中，经常会遇到需要请求同一个数据接口但不同参数的需求，这种情况下当用户通过页面操作频繁请求该接口，而接口的不同参数响应时间差异较大时，容易引发数据渲染混乱的bug。举例说明：假设页面上有button1,button2两个按钮，点击这两个按钮会请求同一个后台接口，但发送的参数不同，由于参数的不同后台操作数据库的查询语句会有一定差异，这就导致了不同的查询操作耗时可能差异巨大。再...

2018-09-18 14:31:04 12160 1

原创【知识整理】vue-cli脚手架开发项目如何进行js高级加密

一。最近收到一个对js源码进行加密，以防止关键js源代码泄露的需求！由于我们的项目是基于vue-cli脚手架开发的，因此首先想到的是其中的webpack插件UglifyJsPlugin是否提供js代码加密的配置。查询UglifyJsPlugin官方手册后发现该插件提供代码压缩及混淆功能，可以对代码进行压缩，变量、函数名替换为简单字母，降低了源码的可读性，一定程度上达到了加密的目的，但是加密级别没有...

2018-07-04 10:39:29 14198 29

原创【知识整理】iview组件事件额外传参的解决办法

一、最近用iview遇到这样一个需求，在使用iview的组件时，希望在其定义的某个钩子事件的处理函数中传递额外的一个参数，同时又不影响该钩子事件默认的返回值。最后在网上查找资料找到了解决办法，这里把解决方案贴出来，仅供大家参考！二、我们以iview中Input组件为例，首先根据iview中Input组件的文档可以知道,on-change事件是有默认返回值event的，我们保留event返回值的情况...

2018-06-08 16:41:17 10828 6

原创【知识整理】iview远程搜索选择框，删除后再次打开不显示的bug

现在使用iview的远程搜索选择框时需要到了这样一个问题，输入框在一个模态框里，打开模态框删除选择框中的内容时，关闭模态框，再次打开模态框时无法为选择框赋上原来的值。查了很多资料也没找到原因，这应该是iview的一个bug。删除前显示模态框时，远程搜索选择框显示的内容如下图，不了解iview远程搜索输入框的盆友，请移步https://www.iviewui.com/components/selec...

2018-05-11 16:12:20 5411 3

转载【知识整理】利用CSS自定义滚动条样式

一。某些情况下浏览器自带的滚动条样式不能满足我们的需求，这时需要我们自定义滚动条的样式，经过网上资料的收集，发现了自定义浏览器样式的代码，但仅限webkit内核的浏览器，其他浏览器暂不兼容。/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ #scroll::-webkit-scrollbar { width: 5px; /*滚动条宽度*/ height: ...

2018-04-28 10:22:51 1092

原创【工具使用】VSCode如何设置代码格式化

首先在应用商店中搜索“Vetur”插件安装，然后进行下面操作：文件->首选项->设置，然后在右边编辑框输入以下设置：{ "prettier.tabWidth": 4, "vetur.format.defaultFormatter.html": "prettier"}然后通过快捷键 Alt+Shift+F 进行格式化...

2018-04-13 17:46:40 16808 1

转载 tortoisegit 常见错误disconnected no supported authentication methods available(server sent: publickey)

1.安装好小乌龟git后，用小乌龟的pull 从github上拉取项目，遇到错误：disconnected no supported authentication methods available(server sent: publickey) 或者是 git did not exit cleanly (exit code 1)亦或者是 git did not exit cleanly (exi...

2018-03-21 10:18:10 3740

原创 web前端领域移动端自定义长按事件你用过吗？

一。在移动端开发过程中经常会用到长按事件，例如游戏中人物，长按上下左右会持续移动人物的位置，这是一个典型的长按事件的需求，但javaScript原生不支持长按事件，这就需要我们自定义一个长按事件以满足我们的需求。1.由于移动端长按元素会触发许多默认行为，所以第一步我们要禁掉这些默认行为，css代码如下。body { -webkit-touch-callout: none !important...

2018-03-05 10:41:42 4227 1

原创 windows下利用Node.js开发后台服务器（三）

三.为前端做数据接口1.在项目文件夹下新建app.js文件作为项目主入口文件2.项目需要用到koa\koa-bodbparser\kou-router\kou-cors模块，先requrie进去const Koa = require('koa');const bodyParser = require('koa-bodyparser');const cors = require('k

2018-01-23 08:56:02 736

原创 windows下利用Node.js开发后台服务器（二）

二。搭建项目架构1.（1）在合适位置新建一个文件夹作为项目总目录（2）在VS Code中打开该文件夹（文件->打开文件夹）（3）新建package.json文件（3）在package.json文件中写入如下项目信息 ①name:项目名称(必填) ②version : 项目版本号（必填） ③description : 项目描述（可选

2018-01-08 11:34:56 1382

原创 windows下利用Node.js开发后台服务器(一)

一。安装Node.js（1）打开node的官网，下载node,https://nodejs.org/en/（2）点击安装包->选择好安装位置->一路Next到完成即可.(注：在windows上安装是要选择全部组件，包括勾选Add to Path)（3）完成安装后，打开windows命令提示符（点击‘开始’->键盘输入‘cmd’即可）。然后在命令提示符中输入node -v,如

2017-12-28 10:24:06 1512

原创【知识整理】Axios-如何发送一个GET请求

一.发送一个GET请求1.将请求参数挂载到请求的url中的形式：axios.get('/user?id=123&lpage=1').then(function(response){ console.log(response);//请求正确时执行的代码}).catch(function (response){ console.log(response);//发生错误时执行的代码});

2017-12-18 16:19:52 42678 4

原创【知识整理】Node.js-Koa之Web App的功能

一。Web App的功能1.Cookies:用来读写cookieconst main = function(ctx){ const n = Number(ctx.cookie.get('view') || 0) +1; ctx.cookid.set('view', n); ctx.response.body = n + 'view';}2.表单：koa-body模块可以用来从p

2017-12-06 10:16:00 414

转载【知识整理】Node.js-Koa之错误处理

一。错误处理1.500错误：如代码运行过程发生错误，我们需要把错误信息返回给用户。HTTP协议规定这时要返回500状态吗，koa提供了ctx.throw()方法，用来抛出错误。const main = ctx =>{ ctx.throw(500);}2.404错误：如将ctx.response.status设置成404，相当于ctx.thow(404),返回404错误const

2017-11-29 16:08:32 5016

原创【工具使用】eclipse打war包

一.WAR包是用于将java项目部署在中间件上的，例如部署在Tomcat的ROOT根目录下，可以很方便的将java项目整体部署到Tomcat上。下面我们来介绍如何使用eclipse打一个war包。1.选择需要打成war包的java项目，点击File->Export2.选择Web文件夹下的WAR file,点击Next3.在Web project中选择要打成war包的项目

2017-11-22 15:41:35 2025

原创【知识整理】app应用上架申请所需材料

对于广大软件开发者来说，第一次操作app的上架是一个陌生又繁琐的过程。各大应用市场应用上传规则及所需手续、材料不尽相同，开发者往往由于材料准备不充分，导致app无法正常上架，下面根据本人的经验，列出app上架所需的所有材料，供app应用上架人员参考。1.安卓应用上架材料：（1）企业相关文字信息：包括名称、注册地址、类型、经营范围、固定电话、网址、统一社会信用代码等（2）营业执照扫描件

2017-11-13 15:44:09 6391

原创【知识整理】Node.js-Koa之路由

一。路由1.原生路由：通过ctx.request.path可以获取用户请求的路径，实现简单的路由。const main = ctx =>{ if(ctx.request.path ！== '/'){ ctx.response.type='html'; ctx.response.body = 'Index'; return; } ctx.response.body =

2017-11-07 17:29:53 493

原创【知识整理】安卓(Android)应用上传360应用市场步骤详解

一。将开发好的安卓应用打成apk包。二。将应用上传至360应用市场1.注册360账号：网址：http://dev.360.cn/2.点击“提交软件”按钮3.选择注册开发者类型，如为个人开发者，点击“个人开发者”填写个人开发者注册信息；如为企业开发者，点击“企业开发者”填写企业卡发着注册信息;信息填写完成后提交信息。4.如果信息审核结果会以

2017-10-30 15:44:29 7820

原创【知识整理】Node.js-Koa之Context、HTTP Response类型

koa：是一种简单好用的web框架。特点是优雅、简介、表达力强、自由度高。本身代码只有1000多行，所有功能都通过插件实现。一。Context对象：Koa提供一个Context对象，表示一次对话的上下文（包括HTTP请求和HTTP响应），通过操作这个对象就可以控制返回给用户的内容。1.Context.response.body属性就是发送给用户的内容。const Koa = requ

2017-10-19 11:21:03 2605

原创【知识整理】生成Android(安卓)app证书的keystore文件

一.准备工作：需要安装Java JDK（建议8.0以上，其他版本能不能成功还没试过。），及配置环境变量，至于如何配置环境变量这里不做详细介绍，请各位自行搜索。二.使用keytool工具生成证书：keytool已经集成在JDK中了。我们只需要在命令提示符窗口中输入相应的指令及信息即可快速生成数字证书，具体做法为：1.在命令行中输入如下指令：keytool -genkey -v -keys

2017-10-09 16:12:21 6952 1

原创【知识整理】Node.js-Sequelize之原始查询

一。使用原始查询或执行已经准备好的SQL语句，可以用Sequelize提供的工具函数sequelize.query实现.1.原始查询方法：（1）//可以在查询时传入type属性，指定表示查询类型的type参数，以告诉sequelize如何格式化返回结果sequelize.query("select * from users", {type : sequelize.QueryType

2017-09-26 12:51:07 6088

原创【知识整理】Node.js-Sequelize之查询

一。Sequelize中两种查询方式：1.使用Model（模型）中的方法查询。2.使用sequelize.query()进行SQL语句的原始查询.本文主要介绍第一种“Model”查询。第二种“原始查询”的方式将在下篇博客中介绍。1.Attributes属性与查询字段：查询时，如果值需要查询模型的部分属性，可以通过在查询选项中指定attributes属性实现，该项是一个数组，在数组中指定要查询的

2017-09-20 15:58:53 4361

原创【知识整理】Node.js-Sequelize之模型（表）之间的关联关系

一。Sequelize介绍：二。模型之间存在各种关系，如：一对一、一对多、多对多等。模型件的关系本质上是对其代表的数据库中表之间的关系的描述，通过这些关系可以实现数据库中表之间主/外键约束的创建。查询时也可以基于这些关系，生成在数据库中执行的简介查询或复合查询SQL语句。三。一对一关联：一对一关联是由一个单一的外键，实现两个模型之间的精确关联。1.BelongsTo（属于）:Belon

2017-09-13 15:49:24 4885

原创【人生百味】那些透支健康而获得的成就真的值得吗？

大概有3周没有发文了，虽然本人不是什么大博主，也没有什么影响力，又不是技术大牛，小白一个而已，想来发不发也没人记得，姑且当做是本人自娱自乐的方式吧，但自从开通博客之后，如无特殊情况，一般保持在1周1篇博客的频率，到现在也快有2年的时间了。定期发文基本已经养成了习惯，每周不发总感觉少点什么。前阵子只所以没发文，是因为身体上出了一些小问题。我一直有午睡的习惯，这个习惯从小学的

2017-08-17 11:50:48 446

原创【知识整理】微信小程序-图片在容器中等比缩放至垂直、水平居中，并计算缩放后真实宽高

一.对于微信小程序页面中的图片，官方提供了image组件进行支持。根据官方文档，image组件用法如下：例：图片水平、垂直居中布局代码如下：注1：如不了解rpx，请查看开发文档注2：image组件的mode属性值为aspectFile:保持纵横比缩放图片，使图片的长边能完全显示出来。1.自此上述代码实现了图片的水平垂直居中效果图如下：

2017-07-25 16:12:34 22420

转载【知识整理】修改Tomcat7的/webapps/ROOT发布路径

Tomcat7跟以前的版本一样，默认的发布程序是/usr/local/tomcat/webapps/ROOT下面，即我们必须将测试文件放在此目录下才能进行测试，如何更改ROOT路径呢？我们可以修改vim /usr/local/tomcat/webapps/conf/server.xml，我的文件如下：<Host name="localhost" appBase="/data/htdocs

2017-07-17 09:31:00 1131

原创【知识整理】nested exceptionis org.hibernate.exception.GenericJDBCException: Cannot open connection。

一。本人将公司基于SSH(Spring,SpringMVC,Hibernate)的web项目上传至远程服务器，打开网页后报500错误。查看日志文件，发现后台抛出了如下异常：nested exceptionis org.hibernate.exception.GenericJDBCException: Cannot open connection。翻译过来大意是说，在使用Hibernate通过JDB

2017-07-05 09:46:30 50041 4

转载【转载】Java后台日志记录组件--Log4j详解

日志是应用软件中不可缺少的部分，Apache的开源项目Log4j是一个功能强大的日志组件,提供方便的日志记录。在apache网站：jakarta.apache.org/log4j 可以免费下载到Log4j最新版本的软件包。一、入门实例本例子工程下载1.新建一个Java工程，导入包log4j-1.2.17.jar，整个工程最终目录如下2、src同级

2017-06-26 10:31:59 1887

原创【知识整理】聊聊web app开发的那些事

一.什么是web app？根据本人理解，通俗点讲，web app是用前端的HTML5、CSS3、JavaScript借助于适当的web app开发SDK或平台整合开发，可以编译为兼容大多数Android和iso系统的app应用。web app以其媲美原生app的功能和用户体验，实现了一次编写多平台运行的特点。不需要专门的Android、ios开发工程师的参与，只需要前端开发工程

2017-06-15 11:09:43 736

转载【转载】mysql索引总结----mysql 索引类型以及创建

文章作者：http://feiyan.info/16.html，转自http://blog.youkuaiyun.com/xluren/article/details/32746183关于MySQL索引的好处，如果正确合理设计并且使用索引的MySQL是一辆兰博基尼的话，那么没有设计和使用索引的MySQL就是一个人力三轮车。对于没有索引的表，单表查询可能几十万数据就是瓶颈，而通常大型网站单日就可能会

2017-06-07 08:40:20 291

转载【转载】Spring中原型prototype的准确使用

实际问题项目中，报表导出涉及到了在同一个类的两个不同方法中，都有相同的查询数据库的操作，一个方法是用于获取内容，一个是用于获取条数的，大概类似于这样：@Servicepublic class MyReportExporter extends AbstractReportExporter{ @Override protected DataResp getData(Par

2017-05-31 09:29:48 784

原创【知识整理】Spring整合SpringMVC

一.Spring整合SpringMVC:通常情况下，类似于数据源、整合其他框架、事务都放在Spring的配置文件中，放入Spring中的配置文件对应的IOC中的还有Service和DAO。而与Handler相关的配置都放在SpringMVC配置文件中。1.Spring整合SpringMVC流程：（1）web.xml中： contextConfigLocation clas

2017-05-22 10:12:28 328

原创【知识整理】SpringMVC-文件上传

一.文件上传：SpringMVC为文件上传提供了直接的支持，这种支持通过即插即用的MultipartResolver实现的。Spring实现了一个MultipartResolver实现类,CommonsMultipartResovler。1.SpringMVC上下文中默认没有装配MultipartResolver,因此默认情况下不能处理文件的上传工作，如果想使用Spring的文件上传功能，需要

2017-05-10 08:54:35 392

原创【知识整理】SpringMVC-JSR 303数据校验

一.JSR 303数据校验1.JSR 303是java为Bean数据合法性校验提供的标准框架，它已经包含在javaEE 6.0中.JSR 303通过在Bean属性上标注类似@Notnull\@Max等标准的注解指定校验规则，并通过标准的验证接口对Bean进行验证。2.使用流程（1）加入hiernate validator验证框架的jar包（2）在SpringMVC配置文件中添加

2017-05-02 08:52:30 477

原创【知识整理】SpringMVC-REST风格CRUD

一.POST、PUT、DELETE，他们分别对应四种基本操作，GET用来获取资源，POST用来新建资源，PUT用来更新资源，DELETE用来删除资源。1.HiddenHttpMethodFiter:浏览器表单只支持GET与POST请求，而DELETE\PUT等method不支持，Spring3.0添加一个过滤器，可以将这些请求转为标准的http方法，使得支持GET\POST\PUT\DELET

2017-04-24 09:36:32 387

原创【知识整理】Spring整合Hibernate详解

一.spring整合Hibernate整合什么？1.由IOC容器来管理Hibernate的sessionFactory2.让Hibernate使用上spring的声明式事务二.整合步骤：1.加入Hibernate（1）导入jar包（2）添加Hibernate的配置文件 1）.数据源配置到IOC容器中，此处不需配置 2）.关联的.hbm.xml在IOC

2017-04-14 10:13:16 568

原创【知识整理】Hibernate-管理Session

1.在Hibernate的配置文件中，hibernate.current_session_context_class属性用于指定Session管理方式，可选值包括:（1）thread：Session对象的生命周期与本地绑定线程注：若Session是由thread管理的，则在提交或回滚事务时，已经关闭。（2）jta*：Session对象的生命周期与JTA事务绑定（3

2017-04-07 09:47:51 332

原创【知识整理】Hibernate-QBC查询

QBC查询：QBC查询就是使用hibernate提供的Query By Criteria API来查询对象，这种API封装了SQL语句的动态拼装，对查询提供了更加面向对象的功能接口。一.QBC查询步骤： Employee、Department持久化类代码如下：(Employee与Department为双向多对一关联关系)package com.lyn.hibernate.qbc;

2017-03-31 10:24:32 449

转载【转载】Java之单例模式

单例设计模式的目的是使得类的一个对象成为系统中唯一实例。如何保证对象唯一性呢？不允许其他程序用new创建该类对象。在该类创建一个本类实例。对外提供一个方法让其他程序可以获取该对象。步骤：(1)私有化该类构造函数。(2)通过new在本类中创建一个本类对象。(3)定义一个公有的方法，将创建的对象返回。方法一——饿汉式class Single{ pri

2017-03-23 09:06:33 384

原创【知识整理】Hibernate-HQL查询之分页查询、投影查询、报表查询

1.HQL分页查询（1）setFirstResult(int firstResult):设定从哪一个对象开始检索，参数firstResult表示这个对象在查询结果中的索引位置，索引位置的起始值为0，默认情况下，Query从查询结果中的第一个对象开始检索。（2）setMaxResults(int maxResults):设定一次最多检索出的对象数目，在默认情况下，Query和Criteria

2017-03-13 08:38:44 1005

空空如也

eclipse4.6安装springIDE时报错？？

HTML5 canvas绘图，如何使图像边缘变的平滑？

关于安卓app开发的问题？

微信页面回退记忆scrollTop值失效问题