ZY Blog

Thinking will not overcome fear but action will.

30分钟快速入门 Docker 教程

Docker

一、欢迎来到 Docker 世界 1. Docker 与虚拟化 在没有 Docker 的时代,我们会使用硬件虚拟化(虚拟机)以提供隔离。这里,虚拟机通过在操作系统上建立了一个中间虚拟软件层 Hypervisor ,并利用物理机器的资源虚拟出多个虚拟硬件环境来共享宿主机的资源,其中的应用运行在虚拟机内核上。但是,虚拟机对硬件的利用率存在瓶颈,因为虚拟机很难根据当前业务量动态调整其占用的硬件...

前端工程化之webpack

webpack

前言 webpack 是一个现代 JavaScript 应用程序的静态模块打包,在前端开发中是一块非常重要的内容 前端工程化之webpack 什么是 webpack? 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其...

新版 ECMAScript 特性分析

特性分析

新版 ECMAScript 特性分析 本文约定: 示例代码中注释里双右尖括号 >> 代表“打印/输出”的意思。 1.0 本篇导读 JavaScript是一门支持多种编程范式的语言,灵活性很高,功能也十分强大。因为灵活性,JavaScript有很多种使用方式,被应用到浏览器、客户端软件、嵌入式硬件等多种场景下。在面向对象(OOP)这种编程范式大行其道的今天,这种变化多端的语言因...

终端操作关键字

关键字

前言 终端操作效率提升纪要 x,X x为向后删除一个字符,X为先前删除一个字符 nx(n代表数字) 向后删除n个字符 dd 删除当前行 D 删除当前行所有字符,试成为空行 ndd(n代表数字) ...

EventLoop

时间循环机制

JavaScript执行机制 javascript是一门单线程语言 Event Loop是javascript的执行机制 javascript是按照语句出现的顺序执行的 我们认为的代码是这样的: let a = 1 console.log(a) let b = 2 console.log(b) >> 1 >> 2 然而实际上代码: setT...

ES5继承

手写JS继承

有下面两个类,下面实现Man继承People: function People() { this.type = 'prople' } People.prototype.eat = function () { console.log('吃饭啦'); } function Man(name) { this.name = name; this.color = 'black';...

Swift WKWebView JS 交互

原生交互

前言 开发中经常需要用到h5,WkWebview为我们提供了便捷的h5和原生交互的方法。 创建对象 let url = 'http://www.baidu.com' let request = URLRequest(url: url!) let userContent = WKUserContentController.init() // 此处设置app的 scheme 很重...

人性的弱点记

前言 只要将他人内心的恐惧化为奋斗,就能克服任何困难 成功的人际关系在于:您能洞察对方的立场,同时兼顾自己和对方的不同角度 人们内心深处究竟想要什么?研究表明,是对重视的渴望 指责和批评不能从根本上让人改变,反而会招来怨恨 赢得他人喜欢的6种方式:真诚地关心他人;微笑;记住他人的名字;专注倾听他人讲话;谈论他人感兴趣的事情;让人感到自己重要 不够聪明的人会批评、指责...

关于this

this指向研究

#彻底搞懂 this this是JavaScript世界最让人迷惑的关键字之一,如果不明白this的本质, 看万本文就有很深刻的理解了 1.0 为什么要有this? JavaScript 允许在函数体内部,引用当前执行上下文的其他变量。 function func() { console.log(a); } 如上代码,函数func引用了当前执行上下文的变量a,问题是这个函数fun...

Android Listview复杂列表的处理

listview优化

Android Listview复杂列表的处理 概念 电商类app, 订单信息较复杂,页面复杂度较高,可利用组件复用机制进行优化处理。 listview的使用 布局 (xml) <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.c...