Asion168-CSDN博客

原创 Nginx学习教程

目录一、Nginx的优点二、在linux安装Nginx三、Nginx服务启动与停止四、Nginx配置文件解读五、Nginx访问权限六、Nginx设置虚拟主机（服务）七、Nginx反向代理与负载均衡八、Nginx适配PC与移动端九、开启Gzip压缩十、nginx.conf 文件截图一、Nginx的优点支持海量高并发：采用IO多路复用epoll。官方测试Nginx能够支持5万并发链接，实际生产环境中可以支撑2-4万并发连接数。内存消耗少：在主流的服务器中

2020-11-18 10:19:32 548

原创 vue-cli4的配置vue.config.js

一、配置多环境变量 1、package.json 里的 scripts 配置项中添加--mode xxx 来选择不同环境"scripts": { "dev": "vue-cli-service serve", "build:prod": "vue-cli-service build --mode production", "build:stage": "vue-cli-service build --mode staging",}2、在项..

2020-06-15 17:54:49 13230 2

原创 vscode基本配置setting.json（typescript）

基于vue-cli4.4搭建的vue前端工程，使用到了typescript{ "[json]": {}, "workbench.sideBar.location": "left", "editor.wordWrap": "on", // 控制折行方式。可以选择： - “off” （禁用折行）， - “on” （视区折行）， - “wordWrapColumn”（在“editor.wordWrapColumn”处折行）或 - “bounded”（在视区与“editor.wordWrapCol

2020-06-11 16:19:37 1736

原创使用TypeScript改造vuex

vue 项目引入TypeScript 后，之前vuex的写法需要修改了。在代码编译阶段，会提示你vuex出现了问题。按照下面的样例编写，可将vuex 尽快与TypeScript 相融合。1、目录结构2、app.tsimport { Commit } from 'vuex';export interface State { details: object}const state: State = { details:{}}const mutations =

2020-06-09 16:50:39 741

原创前端性能优化——字体文件压缩

我们在开发前端的时候，经常会用到第三方字体库。一个字体文件少则几百KB，多则几十M，非常影响前端页面的展示速率。在此我们使用一个npm插件--字蛛，对我们使用到字体文件进行压缩。一、理解字蛛字蛛是一个字体压缩器，它的工作原理，是将我们页面上使用到的字体，抽取到字体文件中。这样就缩小了字体文件。字蛛支持压缩的文件格式暂时为ttf。二、ttf字体文件准备我之前在做字体压缩时，字体源文件为otf格式的，字蛛是不支持的。有好多在线站点支持字体文件格式转化，但是效果不好，转化后字体失真。这

2020-06-07 17:18:01 3249

原创前端性能优化——html、css、js压缩

如果你未使用vue、react等主流前端框架，可选择忽略。因为前端资源在打包时，已经默认对js、css等文件进行了压缩。我们知道，在浏览器渲染前端页面时，要首先获取我们的前端资源：html、css、js等。获取此类资源会需要消耗网络流量，那我们此次优化就来减小网络流量的消耗。压缩参考工具：在线压缩站点离线压缩工具下载一、案例：压缩html1、压缩前： test.html文件压缩之前 901B，在服务端开启gzip压缩的情况下，test.html.gz 文件的大小为440B...

2020-06-07 11:23:33 1514

原创前端性能优化——使用GZIP压缩

前端项目的脚手架以vue-cli4 为基础搭建一、什么是GZIP GZIP是网站压缩加速的一种技术，对于开启后可以加快我们网站的打开速度。经过服务器压缩，客户端浏览器快速解压，可以大大减少网站的流量。二、vue中怎么使用在vue中集成插件compression-webpack-plugin配置如下...

2020-06-05 13:50:03 2809

原创现代前端为什么要使用虚拟DOM

一、虚拟DOM与DOM的区别仅仅修改虚拟DOM中内容，不会带来页面的排版与重绘操作。在完成虚拟DOM修改后，进行真实DOM的修改，才会使页面重绘。虚拟DOM进行频繁修改，然后一次性比较并修改真实DOM中需要改的部分，最后并在真实DOM中进行排版与重绘，减少过多DOM节点排版与重绘损耗真实的DOM中，过多的内容修改，会带来多次的页面重绘，极大的损耗页面的性能。而在使用虚拟DOM时，不管一次修改了多少内容，最后只会发生一次页面的重绘，大大的提高了页面的性能。二、虚拟DOM的优势 Vi...

2020-06-05 11:50:21 935

原创前端web页面的渲染流程

1、构建DOM与 CSSOM 浏览器通过http请求，获得静态资源后，进行页面渲染时，构建dom与cssom是同时进行的。 html 构建dom 构建dom时，按照html页面中标签的顺序，由上向下渲染。 css构建cssom html构建cssom的同时，将css样式构建为cssom 2、渲染树 Render Tree 该过程中DOM与CSSOM合并，生成渲染树，树中包含了渲染页面所需要的节点。3、布局Layout计算出每...

2020-06-04 17:11:00 1408

原创 java启动exe程序，传递参数和获取参数

1、java中启动exe程序，并添加传参 String[] cmd = {"hh.exe","12315"}; Process process = null; try { ProcessBuilder pb = new ProcessBuilder(); pb.command(cmd); ...

2018-11-01 14:20:19 7155

原创 html图片按钮&按钮点击效果

} /** * 按钮样式 */ /* Radomir */ .ripple { position: relative; /*//隐藏溢出的径向渐变背景*/ overflow: hidden; } .ripple:after { content: ""; display: block; po...

2018-10-11 19:50:28 18751

原创 MUI 启用沉浸式&header显示问题

启用沉浸式在manifest.json配置文件中添加如下代码（两种方式皆可）a、"plus": { "statusbar": { "immersed": "supportedDevice", "style": "dark" },b、"plus": { "statusbar": { "immers

2018-09-28 10:25:43 4272

原创处理InfiniteCycleViewPage的点击事

最近使用到了Github的开源库InfiniteCycleViewPage，那如何处理它的点击事件呢。 hicvp.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { ...

2018-05-05 11:18:22 240

原创 This view is not constrained. It only has designtime positions, so it will jump to (0,0) at runtime

使用 ConstraintLayout 遇到的问题This view is not constrained. It only has designtime positions, so it will jump to (0,0) at runtimeConstraintLayout是Android Studio 2.2中主要的新增功能之一，我们在使用时遇到了如上所述的问题，通过Desig...

2018-04-09 10:59:28 1639

原创 Retrofit2.0 处理返回的加密String字符串

Retrofit2.0 处理返回的加密String字符串由于项目的需要，上传与返回的数据都要加密，并用到的返回的报文头字段进行解密。若用Retrofit2.0 应该怎样处理呢，下面我给大家解读一下。一、配置Retrofit2.0 与 RxJava二、项目上加解密的处理三、配置RetrofitUtil工具类四、自定义String转化库StringConverterFactory五、编写接口A

2017-12-24 12:46:57 1853

原创 java.sql.SQLException: Access denied for user ''@'localhost' (using password: YES)

最近在研究springboot，但是连接mysql时出现了这样一个错误 java.sql.SQLException: Access denied for user ”@’localhost’ (using password: YES)，仔细查看了下配置文件，application.properties，发现标签错了这个地方要改为username

2017-09-17 23:34:07 288

原创学习使用安卓scroller

Android Scroller 解读编写DemoScroller是一个专门用于处理滚动效果的工具类，大多数情况下，我们直接使用Scroller的场景并不多，但是很多大家所熟知的控件在内部都是使用Scroller来实现的，如ViewPager、ListView等。而如果能够把Scroller的用法熟练掌握的话，对于之后使用ViewPager更容易上手。直接上源码，代码已经做了详细解读：

2017-08-01 16:19:59 396

原创 Android多线程理解

Android 理解多线程安卓应用程序通常是应用在一个单独的线程里的，即为主线程，用于显示用户界面以及响应用户的操作。如果一些耗时任务也同时在主线程里去完成，则会影响用户体验，会阻塞UI主线程。我们会创建一个单独的线程或者子线程，去处理这些耗时操作（如网络请求、数据库操作等）。那么这些子线程就是AsyncTask、Thread、HandlerThread，它们叫做安卓的工作者线程。 - A

2017-03-29 11:16:35 2048