05 2021 档案
摘要：今天要使用到 nvue 页面，在使用过程中发现 iconfont 图标不好使了，这里记录一下如何在 nvue 页面中引入使用 iconfont 图标。 1、JS部分 const domModule = weex.requireModule('dom'); domModule .addRule('fo
阅读全文
摘要：微信小程序有包体积限制，整个小程序所有分包大小不超过 20M，单个分包/主包大小不能超过 2M。然而面对业务的不断更新迭代，代码和资源会越来越多，如果不尽早规划包体积的治理，势必有一天会对业务的发展造成阻碍。所以如何在有效支持业务逻辑的同时，尽量减少资源占用，在小程序开发环境中显得尤为重要。代码包体
阅读全文
摘要：一、关系数据库概述 1、数据模型：数据库按照数据结构来组织、存储和管理数据，实际上，数据库一共有三种模型： 层次模型 网状模型 关系模型 层次模型就是以“上下级”的层次关系来组织数据的一种方式，层次模型的数据结构看起来就像一颗树 ┌─────┐ │ │ └─────┘ │ ┌───────┴────
阅读全文
摘要：Maven是一个Java项目管理和构建工具，它可以定义项目结构、项目依赖，并使用统一的方式进行自动化构建，是Java项目不可缺少的工具。 一、Maven介绍 1、在了解Maven之前，我们先来看看一个Java项目需要的东西。 （1）首先，我们需要确定引入哪些依赖包。例如，如果我们需要用到common
阅读全文
摘要：一、IO流介绍 1、IO是指Input/Output，即输入和输出。以内存为中心： Input指从外部读入数据到内存，例如，把文件从磁盘读取到内存，从网络读取数据到内存等等。 Output指把数据从内存输出到外部，例如，把数据从内存写入到文件，把数据从内存输出到网络等等。 为什么要把数据读到内存才能
阅读全文
摘要：在逛廖雪峰的官网时发现了一个可以在线查写SQL的工具，后来了解了一下居然是纯JavaScript框架 - AlaSQL，所以必须了解一下先。 AlaSQL - 是一个轻量级的客户端内存SQL数据库，旨在在浏览器和Node.js中使用，在js里写SQL语句。 1、AlaSQL使用纯JavaScript
阅读全文
摘要：当一个元素不设置height时，它的默认值是 auto，浏览器会计算出实际的高度。宽度类似。 但如果想给一个 height:auto 的块级元素的高度添加 CSS3 动画时，该怎么办呢？ 从 MDN 的描述可以查到 CSS 支持动画的属性中的 height 属性如下： height ：yes, as
阅读全文
摘要：在Java中，如果一个Java对象可以在内部持有若干其他Java对象，并对外提供访问接口，我们把这种Java对象称为集合。引入集合的原因是方便处理一组类似的数据。 数组有如下限制：（1）数组初始化后大小不可变；（2）数组只能按索引顺序存取。 因此，我们需要各种不同类型的集合类来处理不同的数据，例如：
阅读全文
摘要：一、什么是泛型 1、ArrayList 误转型的案例。为了解决新的问题，我们必须把ArrayList变成一种模板：ArrayList<T>，代码如下： public class ArrayList<T> { private T[] array; private int size; public vo
阅读全文
摘要：什么是反射？反射就是Reflection，Java的反射是指程序在运行期可以拿到一个对象的所有信息。 反射是为了解决在运行期，对某个实例一无所知的情况下，如何调用其方法。 一、class类 1、class（包括interface）的本质是数据类型（Type）。无继承关系的数据类型无法赋值。 Numb
阅读全文
摘要：一、Java中的异常 1、Java内置了一套异常处理机制，总是使用异常来表示错误。异常是一种class，因此它本身带有类型信息。异常可以在任何地方抛出，但只需要在上层捕获，这样就和方法调用分离了 2、Java异常的继承关系 从继承关系可知：Throwable是异常体系的根，它继承自Object。Th
阅读全文
摘要：一、字符串与编码 1、在Java中，String是一个引用类型，它本身也是一个class。但是，因为String太常用了，所以Java提供了"..."这种字符串字面量表示方法。 String s1 = "Hello!"; // 实际上字符串在String内部是通过一个char[]数组表示的，因此，按
阅读全文
摘要：一、方法 1、直接把field用public暴露给外部可能会破坏封装性，直接操作field，容易造成逻辑混乱。为了避免外部代码直接去访问field，我们可以用private修饰field，拒绝外部访问。 2、private的field，我们需要使用方法（method）来让外部代码可以间接修改fiel
阅读全文
摘要：一、为什么java中静态方法不能调用非静态方法或变量？ 我们需要首先知道的是静态方法和静态变量是属于某一个类，而不属于类的对象。我们不直接讲原因，先从jvm说起： 这是一张类加载的生命周期图。 1、加载 “加载”是“类加载机制”的第一个过程，在加载阶段，虚拟机主要完成三件事： （1）通过一个类的全限
阅读全文
摘要：一、静态字段与实例字段 在一个class中定义的字段，我们称之为实例字段。实例字段的特点是，每个实例都有独立的字段，各个实例的同名字段互不影响。 还有一种字段，是用static修饰的字段，称为静态字段：static field。 实例字段在每个实例中都有自己的一个独立“空间”，但是静态字段只有一个共
阅读全文
摘要：交互设计的英文是Interaction Design，“inter”是英文前缀，意思为“两者之间”，“action”是指动作。所以简单理解，交互就是两个object之间进行互动，具有一个输入和输出的指令。举例来说，当你想要用洗衣机洗衣服的时候，把衣服放进洗衣机，然后按下按钮，这一系列动作其实就是输入
阅读全文
摘要：首先引入几个问题： 为什么叫x86和x86_64和AMD64? 为什么大家叫x86为32位系统？ 为什么软件版本会注明 for amd64版本，不是intel64呢？ 一、x86_64介绍 x86是指intel的开发的一种32位指令集，从386时代开始的，一直沿用至今，是一种cisc指令集，所有in
阅读全文
摘要：一、docker-stack相关操作 docker stack deploy --compose-file docker-compose.yml stack_name //启动stack docker stack down service_name //关闭stack docker stack ls
阅读全文
摘要：一、报错提示：Property 'xxx' does not exist on type 'never'. 开发过程中出现这个错误是因为Typescript在执行代码检查时在该对象没有定义相应属性，这个错误不致命，遇到该错误有以下几种解决办法。 1、将对象设置成 any this.targetArr
阅读全文
摘要：近几年，伴随着前端技术日新月异的发展，前端开发中前后端分离，工程化，自动化等现代化的开发模式越来普及，前端项目也引入了编译，构建，单元测试等现代软件工程化的标准环节。这样大大提高了前端的开发效率和业务交付能力。但是，在代码集成，项目部署阶段，我们还需要引入 CI / CD 等现代化的软件开发实践，来
阅读全文
摘要：由于在 linux 安装nodejs环境时遇到一个不可执行文件的问题，涉及到了ARM和x64文件，所以查了点资料初步了解了一下cpu两大架构：ARM与X86的区别。 一、CPU是什么 中央处理单元（CPU）主要由运算器、控制器、寄存器三部分组成，从字面意思看运算器就是起着运算的作用，控制器就是负责发
阅读全文
摘要：一、基础配置解析及生产环境关闭sourceMap module.exports = { publicPath: './', // 基本路径 outputDir: 'dist', // 输出文件目录 assetsDir: './assets', indexPath: 'index.html', fil
阅读全文
摘要：提到react fiber，大部分人都知道这是一个react新特性，看过一些网上的文章，大概能说出“纤程”、“一种新的数据结构”、“更新时调度机制”等关键词。但如果被问： 1、有 react fiber，为什么不需要 vue fiber 呢？ 2、之前递归遍历虚拟dom树被打断就得从头开始，为什么有
阅读全文
摘要：大家都清楚在使用webpack构建前端项目时都会使用到sass-loader、less-loader、postcss-loader、css-loader、style-loader，但这些loader在其中起到什么作用呢？本篇主要阐述css-loader与style-loader的作用和实现，加深对l
阅读全文
摘要：默认已使用终端连接上服务器，进入root文件夹 一、上传node文件到服务器 两种方式可以下载： 1、官网下载：nodeJS官网：http://nodejs.cn/download/ 根据服务器选择对应的文件下载。 需要注意的是这里会有坑：上面 Linux 二进制文件有 2 种，你要先看好自己 li
阅读全文
摘要：一、查看Linux操作系统版本 ## 方法1. uname查看系统信息，uname就是UNIXname的缩写 uname -s # -s或–sysname 显示linux内核名称 Linux uname -r # -r或–release 显示linux操作系统内核版本号 4.4.0-18362-Mi
阅读全文
摘要：1、如何将多个文件及文件夹压缩为一个压缩文件 经常会忘记 tar 压缩和解压命令的使用，故记下来。 // 1、打包压缩 tar -zcvf pack.tar.gz pack/ #打包压缩为一个.gz格式的压缩包 tar -jcvf pack.tar.bz2 pack/ #打包压缩为一个.bz2格式的
阅读全文
摘要：一、快速关联/修改Git远程仓库地址 按照如下步骤即可快速实现关联/修改Git远程仓库地址： 1、删除本地仓库当前关联的无效远程地址，再为本地仓库添加新的远程仓库地址 git remote -v //查看git对应的远程仓库地址 git remote rm origin //删除关联对应的远程仓库地
阅读全文
摘要：本文将简单的说明下当我们运行Java程序时JVM（Java虚拟机）的内存分配情况。 一、基础概念要点 首先我们先来感观的认识下几个名词： 1、栈空间（stack）：连续的存储空间，遵循后进先出的原则，用于存放局部变量。 一般来说，基本数据类型直接在栈中分配空间，局部变量（在方法代码段中定义的变量）也
阅读全文
摘要：首先我们可以先了解下这篇博客，对比着理解会更好一些：理解JS里的稀疏数组与密集数组 一、稀疏数组的实际需求 1、问题背景 编写的五子棋程序中，有存盘和续上盘的功能。 2、分析问题 因为该二维数组的很多值的默认值为0，因此也记录了很多没有意义的数据。 3、解决方案 当一个数组中大部分元素为零或同一值时
阅读全文
摘要：UmiJS官方文档：https://umijs.org/zh-CN 一、什么是Umi.js umi，中文可发音为乌米，是一个可插拔的企业级 react 应用框架。你可以将它简单的理解为一个专注性能的类 next.js 前端框架，并通过约定、自动生成和解析代码等方式来辅助开发，减少我们开发者的代码量。
阅读全文
摘要：问题背景：我们在使用 https 网站时，经常会看到这样的报错提示： Mixed Content: The page at 'https://' was loaded over HTTPS, but requested an insecure frame 'http://'. This reques
阅读全文
摘要：一、Async 函数的错误处理 async 函数的语法不难，难在错误处理上。先来看下面的例子： 我们可以看到 Promise 报错后，a = await 1 并没有被执行。即当 async 函数中只要一个 await 出现 reject 状态，则后面的 await 都不会被执行。 解决办法是：可以添
阅读全文
摘要：1、npm报错： 今天看个项目，执行 npm install 安装依赖时报错： 84 error code ENOTFOUND 85 error errno ENOTFOUND 86 error network request to https://npm.***.com/@umijs%2fpres
阅读全文
摘要：本文转载自公众号 Hollis：对于初学者来说，要想把这个问题回答正确，是比较难的。在第二天整理答案的时候，我发现我竟然无法通过简单的语言把这个事情描述的很容易理解，遗憾的是，我也没有在网上找到哪篇文章可以把这个事情讲解的通俗易懂。所以，就有了我写这篇文章的初衷。这篇文章中，我从什么是方法的实际参数
阅读全文
摘要：在Java5 中提供了变长参数（varargs），也就是在方法定义中可以使用个数不确定的参数，对于同一方法可以使用不同个数的参数调用，例如print("hello");、print("hello","lisi");、print("hello","张三", "alexia");，下面介绍如何定义可变长
阅读全文
摘要：问题背景： 浮点数拓展：银行业务，浮点数计算怎么表示？ 浮点数的加减乘除会存在问题，因为浮点数是有限的离散的，而有很多数据是无限的，浮点数都会存在舍入误差，它是接近但不等于 原则是：最好完全不使用浮点数进行比较。 但是如果需要比较的话，则需要使用 Java 内置的类 BigDecimal 去进行浮点
阅读全文
摘要：1、class 类名必须与文件名一样 javac Hello.java - javac命令，编译代码，会生成一个 jvm 运行的 class 文件 java Hello - java命令，运行代码 2、java运行机制 - java既有编译型特点，也有解释型特点 高级语言分 2 种：编译型、和解释型
阅读全文
摘要：一、resultType resultType 可以把查询结果封装到 pojo 类型中，但必须 pojo 类的属性名和查询到的数据库表的字段名一致。也就是说一般数据库字段名喜欢用下划线类型：user_id、而实体类通常是用驼峰 userId。如果这样子那么就对不上了，怎么办呢？ 如果 sql 查询到
阅读全文
摘要：一、问题背景 iOS安装包使用 appUploader 上传到 app store 之后，在 app store connect 的构建版本处，一直不显示。 比较疑惑，还以为是上传工具的问题，但是又感觉不应该，因为工具显示了上传成功的，以前也一直是这么上传的，一般上传之后过个几分钟就会在构建版本处显
阅读全文
摘要：1、iOS微信分享图片不显示安装分享正常 使用 uni.share() 分享图文时，安卓手机的缩略图是可以正常显示的，但是 iOS 的不显示。 问题原因：看官网文档有介绍，图片地址建议需小于 20K；所以估计安卓平台没有限制死，而 iOS 平台估计限制比较死，所以不显示。 解决方案：压缩图片是其小于
阅读全文
摘要：在上篇文章中我们从技术演变的角度介绍了 PWA，这是一套集合了多种技术的理念，让浏览器渐进式适应设备端。今天我们要站在开发者和项目角度来聊聊 WebComponent，同样它也是一套技术的组合，能提供给开发者组件化开发的能力。 那什么是组件化呢？ 其实组件化并没有一个明确的定义，不过这里我们可以使用
阅读全文
摘要：在专栏开篇词中，我们提到过浏览器的三大进化路线： 第一个是应用程序 Web 化； 第二个是 Web 应用移动化； 第三个是 Web 操作系统化； 其中，第二个 Web 应用移动化是 Google 梦寐以求而又一直在发力的一件事，不过对于移动设备来说，前有本地 APP，后有移动小程序，想要浏览器切入到
阅读全文
摘要：虚拟 DOM 是非常火的技术，两大著名前端框架 React 和 Vue 都使用了虚拟 DOM，所以我觉得非常有必要结合浏览器的工作机制对虚拟 DOM 进行一次分析。当然了，React 和 Vue 框架本身所蕴含的知识点非常多，而且也不是我们专栏的重点，所以在这里我们还是把重心聚焦在虚拟 DOM 上。
阅读全文
摘要：在前面几篇文章中，我们分析了页面加载和 DOM 生成，讨论了 JavaScript 和 CSS 是如何影响到 DOM 生成的，还结合渲染流水线来讲解了分层和合成机制，同时在这些文章里面，我们还穿插说明了很多优化页面性能的最佳实践策略。通过这些知识点的学习，相信你已经知道渲染引擎是怎么绘制出帧的，不过
阅读全文
摘要：在前面的文章中我们分析了 CSS 和 JavaScript 是如何影响到 DOM 树生成的，今天我们继续沿着渲染流水线向下分析，来聊聊 DOM 树之后所发生的事情。 在前面的文章《浏览器工作原理：浅析浏览器渲染进程 - HTML、CSS和JavaScript是如何变成页面的？（下） 》中，我们介绍过
阅读全文
摘要：在上篇文章中我们详细介绍了 DOM 的生成过程，并结合具体例子分析了 JavaScript 是如何阻塞 DOM 生成的。那本文我们就继续深入聊聊渲染流水线中的 CSS。因为 CSS 是页面中非常重要的资源，它决定了页面最终显示出来的效果，并影响着用户对整个网站的第一体验。所以，搞清楚浏览器中的 CS
阅读全文
摘要：在浏览器中的页面： 21 | Chrome开发者工具：利用网络面板做性能分析中，我们通过开发者工具中的网络面板，介绍了网络请求过程的几种性能指标以及对页面加载的影响。 而在渲染流水线中，后面的步骤都直接或者间接地依赖于 DOM 结构，所以本文我们就继续沿着网络数据流路径来介绍 DOM 树是怎么生成的
阅读全文
摘要：承接上篇（解决sockjs、stomp在uni-app端使用的坑）第3个问题：在安卓app上是可以正常建立链接的，但是在ios app上却不行。虽然不行，但还是需要解决。 起初查百度，很多人说是nginx配置，或ssl证书问题，但是我试了，iOS还是不生效。那么web连接和安卓连接都没问题，那么说明
阅读全文
摘要：在 Promise 原理解析中，我们介绍了怎么使用 Promise 来实现回调操作，使用 Promise 能很好地解决回调地狱的问题，但是这种方式充满了 Promise 的 then() 方法，如果处理流程比较复杂的话，那么整段代码将充斥着 then，语义化不明显，代码不能很好地表示执行流程。 比如
阅读全文
摘要：在上一篇文章中我们聊到了微任务是如何工作的，并介绍了 MutationObserver 是如何利用微任务来权衡性能和效率的。今天我们就接着来聊聊微任务的另外一个应用 Promise，DOM/BOM API 中新加入的 API 大多数都是建立在 Promise 上的，而且新的前端框架也使用了大量的 P
阅读全文
摘要：在之前的文章中，我们介绍了消息队列，并结合消息队列介绍了两种典型的 WebAPI —— setTimeout 和 XMLHttpRequest ，通过这两个 WebAPI 我们搞清楚了浏览器的消息循环系统是怎么工作的。不过随着浏览器的应用领域越来越广泛，消息队列中这种粗时间颗粒度的任务已经不能胜任部
阅读全文
摘要：一、WebSocket 1、http：http超文本传输协议，http有1.0、1.1、 2.0几个版本，从http1.1起，默认都开启了Keep-Alive，保持连接持续性，简单地说，当一个网页打开完成后，客户端和服务器之间用于传输http数据的TCP连接不会关闭，如果客户端再次访问这个服务器上的
阅读全文
摘要：我们项目之前前后端使用的是Stomp + SockJs实现的在线直播的实时聊天，现在需要搬到app上，所以要在uni-app上面也实现一次，结果就很自然的出问题了。下面整理一下在uniapp整合WebSocket中遇到的bug。 1、第一次尝试 先像web开发一样去写：先引入stomjs和sockj
阅读全文
