码厩

原创 vue 在 MacOS 中运行绑定80端口做代理的方法

启动，使用的是 1024 端口，绑定80端口失败。应该使用 root 权限，在 MacOS 中启用80端口需要 root 权限，先给对应目录分配权限。只需要把权限组从 root 切回原来的就可以了。启动 vue 工程。，80端口绑定成功。

原创 在 echarts 的 rich 中使用 iconfont 图标库图标作为 backgroundColor.image 值的方法

3、 获取图标的描边路径，即 path 的 d 属性；以及 symbol 中的 viewBox 属性（注意：如果没有viewBox，最终可能显示的是空白图标）有时一个项目中，不止使用一个图标库，因此在body下不止一个svg，仍然用上面的方法可能无法获取到对应图标，因此需要将所有svg都获取下来，然后遍历。该脚本执行时，会在 body 下插入一个 svg 标签，标签下包含了图标库中的 svg 图标 path。2、获取 svg 的 dom 节点。注意，iconfont 的 svg 是插入到 body 下的。

原创 兼容性：ios 部分机型不兼容new Date() 转换字符串解决办法

iOS一部分机型使用new Date()将字符串转换为日期时，会有兼容性问题。比如转换后出错。

原创 heatmap.js 中文文档

h337h337 是heatmap.js 全局注册的对象名。你可以使用它来创建热图实例。h337.create(configObject)返回热力图实例（heatmapInstance）使用h337.create 创建热力图实例，可通过configObject 参数自定义****。****configObject参数为必填参数。参数配置属性名称类型是否必选描述containerDOM是热力图将添加到的DOM节点（热力图画布将适应节点尺寸）backgrou

原创 JavaScript 列表转树结构

1、使用递归缺点：算法复杂度稍大，O(n2)；无法消除脏数据导致的循环引用问题（例如ID与parentId相同，但一般情况下都不会发生）。export function list2treeV1(_list, _props = {}, _disabled = false) { const props = { // 标准字段映射 id: 'id', // id值使用字段，默认id label: 'label', // 标签值字段，默认 label disabled: 'd

原创 JavaScript深入学习——执行上下文、作用域与作用域链

JavaScript代码的整个执行过程，分为两个阶段，代码编译阶段与代码执行阶段。编译阶段由编译器完成，将代码翻译成可执行代码，这个阶段作用域规则会确定。执行阶段由引擎完成， 主要任务是执行可执行代码，执行上下文在这个阶段创建。作用域作用域规定了如何查找变量/函数，也就是确定当前执行代码对变量/函数的访问权限，目的是为了提高程序的可靠性和减少命名冲突。相当于给变量/函数划定了区域，只有在区域内才能访问，出了这个区域就不能访问了。JavaScript 采用词法作用域(lexical scoping).

原创 JavaScript 深入学习——变量

ECMAScript 变量是松散类型的，意思是变量可以用于保存任何类型的数据。每个变量只不过是一个用于保存任意值的命名占位符。变量声明varvar 声明语句声明一个变量，并可选地将其初始化为一个值。变量声明无论发生在何处，都在执行任何代码之前进行处理（即变量提升）。var声明的变量的作用域是它当前的执行上下文（全局作用域或函数作用域）声明和非声明的变量存在以下3点差异：声明变量的作用域限制在其声明位置的上下文中，而非声明变量总是全局的。声明变量在任何代码执行前创建，而非声明变量只有在执行

原创 vue3 在 DOM 上挂载组件

情景在实际开发中，有时需要动态将某个组件添加在页面上，但是这个添加的位置有点尴尬：是在某个组件内的某个节点位置，无法在模板上标记，也没有 slot 可以插入。解决办法使用 vue 实例的mount()方法进行挂载。没错，就是出现在main.js中的app.mount('#app')这个方法。主要逻辑：import {onMounted, h, createApp} from 'vue'import ComponentVue from './Component.vue' // 引入待插入组件s

原创 parseInt()、parseFloat() 与 Number() 使用总结

parseInt()parseInt(string, radix) 用于解析一个字符串，并返回特定的十进制值。参数string: 待解析的字符串。如果该参数不是字符串，将会被转换为字符串。radix: 字符串基数，指定待解析字符串的进制，范围为 2 =< radix <= 36。解析规则将从字符串的第一个非空字符开始，到第一个无效字符结束的一段字符串解析为整数。ps: 有效字符指的是 数字、进制符号（0x）、正负符号 。当待解析参数不是字符串时，先将参数转换为字符串，再执行第一个

原创 table 导出excel表格及遇到的一些问题

table 导出excel表格及遇到的一些问题let tableHtml = `<table> <thead> <tr> <th style="border: 1px solid #999;">姓名</th> <th style="border: 1px solid #999;">年龄</th> <th style="border: 1px solid #999;">电

原创 JavaScript函数声明提升

1 函数创建方法1.1 函数声明使用函数声明方法创建函数时，显示function关键字，然后是函数名、参数列表和函数体，如：function fnName(arg1, arg2) { 函数体逻辑......}1.2 函数表达式首先介绍以下匿名函数。使用函数声明创建的函数可称为具名函数，那么匿名函数顾名思义，就是函数名隐匿起来的函数。匿名函数与具名函数就函数外形而言，只是函数名的有无...

原创 Vue响应式原理简析

原创 Vue生命周期图注解

参考：Vue生命周期图生命周期钩子详解vue生命周期

原创 异步加载JavaScript的方法

在一般情况下，HTML文档中的标签是按顺序加载的。如果将<script>标签嵌在文档头部，那么只有当脚本加载完毕，并且解释后才能加载页面内容，会降低网页性能。为了解决这个问题，在嵌入脚本时，一般会将<script>标签放置在文档的最后，这样可以先让页面显示，再加载js脚本，提高用户体验。以上情况对于嵌入脚本和外部脚本来说都使用。对于外部脚本来说，我们可以让它异步加载，在加...

原创 伪类选择器

概念CSS伪类是添加到选择器的关键字，指定要选择元素的指定状态。所谓的指定状态是指添加了伪类的元素，需要符合某种条件或某种状态下才能生效。例如：设置了:hover伪类的元素，只有当鼠标悬停在元素上面时，样式才会生效。语法selector:pseudo-class{property: value;}selector：表示CSS选择器；:pseude-class：表示伪类；propert...

原创 浏览器内核前缀

每种浏览器内核都有着对应的浏览器内核前缀。浏览器内核前缀在书写CSS代码时会用到，对于添加了浏览器前缀的CSS代码，只有对应的浏览器内核才能识别。浏览器内核前缀是为了解决兼容性而存在的。只有一些实验性的、非标准的和私有的CSS属性需要添加浏览器内核前缀，而标准的CSS属性不需要添加浏览器内核前缀，若添加了，这些属性将不会生效。浏览器内核与对应的浏览器内核前缀如下：浏览器内核代表浏览...

原创 hack技术

概念由于存在着各种浏览器，同种浏览器也有不同的版本，而且不同浏览器和同种浏览器不同版本之间对 web 标准实现成不不一致，CSS 的解释机制并不完全相同，从而导致不同浏览器之间，页面的显示效果各不相同。为了解决这个问题，针对一种或多种浏览器进行 CSS 样式设置，从而达到浏览器页面效果一致的 CSS 程序叫做 hack。hack 有三种常见的形式：CSS 属性 hack，CSS 选择符 hac...

原创 HTML超链接

在互联网中，超链接可谓是无处不在，它是各个网页之间的桥梁，使得网页能够进行跳转。一个网站之中的页面也必须通过超链接连接起来才能称之为网站。当然，超链接除了指向另一个网页之外，还可以指向邮箱地址、图片、文件等。1 a标签向网页中添加a标签是实现超链接的重要方式，但不是唯一方式。本文后面所提到的超链接一般是指通过a标签添加的超链接。&lt;a href="https://gitee.com/H...

原创 CSS盒子模型总结

在使用CSS进行网页布局时，我们一定离不开的一个东西————盒子模型。盒子模型，顾名思义，盒子就是用来装东西的，它装的东西就是HTML元素的内容。或者说，每一个可见的 HTML 元素都是一个盒子，下面所说的盒子都等同于 HTML 元素。这里盒子与 中的盒子又有点不同，这里的盒子是二维的。盒子的组成一个盒子由外到内可以分成四个部分：margin（外边距）、border（边框）、padding...

原创 为什么img放在 li中，底部会多出几个像素？

&amp;amp;lt;li&amp;amp;gt;&amp;amp;lt;img src=&amp;quot;img/1.jpg&amp;quot; style=&amp;quot;height: 60px&amp;quot;/&amp;amp;gt;&amp;amp;lt;/li&amp;amp;gt;当使用以上布局时，会发现li的高度会比img的高度大几个像素。出现这种问题的原因是：img默认是一个行内元素

原创 CSS样式优先级

CSS样式列举在说CSS样式的优先级之前，我们先来了解一下CSS有种表示样式的形式。层叠样式类型有：内联样式&amp;lt;a style=&quot;&quot;&amp;gt;；内部样式&amp;lt;style&amp;gt;&amp;lt;/style&amp;gt;；外部样式&amp;lt;link&amp;gt;；浏览器用户自定义样式；浏览器默认样式；层叠样式内部的选择器有：id

原创 HTML语义化是什么？为什么要语义化？

我理解的HTML语义化经过查看别人博文中的一些描述，我将HTML的语义化总结为： 用最恰当的标签来标记内容。 该如何理解呢？比如需要加入一个标题，这个标题的字体比正文的要大写，还要加粗。能够实现这种效果的方法有很多，比如用CSS样式进行渲染。这样的效果看起来像是一个标题，但是他对浏览器来说，只是一个被渲染过的文本，无法知道他是一个标题。若要让浏览器知道他是一个标题，应该用hx标签来进行...

转载 C语言中extern的用法

0x01extern用在变量或函数的声明前，用来说明“此变量/函数是在别处定义的，要在此处引用”。0x02extern修饰变量的声明。举例：若a.c中需引用b.c中的变量int v，可以在a.c中声明extern int v，然后就可以引用变量v;需要注意的是，被引用的变量v的链接属性必须是外链接(external)的，也就是说a.c要引用到变量v，不只是取决于在a.c中声明extern int ...

转载 C语言中static关键字的作用

在C语言中static的作用如下第一 在修饰变量的时候，static修饰的静态局部变量只执行一次，而且延长了局部变量的生命周期，直到程序运行结束以后才释放。 第二 static修饰全局变量的时候，这个全局变量只能在本文件中访问，不能在其它文件中访问，即便是extern外部声明也不可以。 第三 static修饰一个函数，则这个函数的只能在本文件中调用，不能被其他文件调用。Static修饰...

原创 keil uvision5错误：error: #928: incorrect use of va_start

原因：ADS与keil共存，va_start所在的头文件指向了ADS的文件夹。解决办法： 1. 添加环境变量：ARMCC5INC C:\Keil_v5\ARM\ARMCC\include 2. 卸载ADS和keil，重启电脑，重装keil...

翻译 【译】Jep文档(4)——数据类型(Data Type)

数据类型在标准模式中，Jep支持许多不同的数据类型，包括数字、字符串、向量（数组）和复数。数字在默认情况下由double类型表示。当然，也可以像自定义类型描述的那样，改变内置表示。字符串（String）可以通过使用双引号可以引入字符串，并且可以用“+”操作符将两个字符串串联起来，用关系运算符==或!=比较两个字符串。一个涉及到字符串类型的简单表达式”foo” + “bar” =...

原创 jdk10安装及环境变量配置

下载安装jdk10首先，你需要安装jdk10，如果已经安装，请看下一步。 官网下载： http://www.oracle.com/technetwork/java/javase/downloads/jdk10-downloads-4416644.html下载完成后双击exe文件开始安装；点击“下一步” 三个功能全选（默认）。“开发工具”就是jdk；“源代码”是相关的API...

翻译 【译】Jep 文档(3)——变量(Variable)

原文连接：http://www.singularsys.com/jep/doc/html/variables.html变量基础知识未声明和未定义的变量赋值获取变量列表变量观察者基础知识变量用类Variable来表示，并存储到VariableTable中。一个变量的值可以通过以下语句设置Jep.addVariable(String name,Object ...

翻译 【译】Jep 文档(2)——基本用法(Basic Usage)

原文链接（http://www.singularsys.com/jep/doc/html/usage.html）基本用法入门指南在您的项目中使用Jep包是非常容易的。以下步骤将使您快速入门。下载Jep包解包档案将jep-java-x.x.x.jar文件（位于主目录下）移动到您选择的路径。重要：要使java编译器在编译时能找到Jep类，编译器需要知道Jep类的位置...

翻译 【译】Jep 文档(1)——介绍(Introction)

原文连接（http://www.singularsys.com/jep/doc/html/index.html）介绍综述Jep 是一个用于分析和计算数学表达式的java库。有了这个包，您就可以把数学公式当作是字符串，并且立即求出它们的值。许多常见的数学函数和常量都是内置的，可以直接使用。但是，您还可以通过自定义变量、常量和函数来扩充Jep。特征小巧（仅有 218K...

原创 java回调机制

回调的基本概念在java中，我们可以将回调简单理解为：类A中的a方法调用类B中的b方法，而类B的b方法有反过来调用类A中的回调方法（callBack()）。回调还可以分为同步回调和异步回调同步回调先看下面例子：代码清单1：ICallBack.java/** * 回调接口 * @author 叶汉伟 * @version v1.0 */public interface ICallBack ...

原创 java的继承机制

继承的基本概念在日常生活中，我们经常用到“是一种（IS-A）”关系来组织和表达知识，从而将知识组织成一种有层次、可分类的体系结构。例如，鸭梨是一种梨，梨是一种水果；大叶榕是一种树，树是一种植物等等，数不胜数。在面向对象程序中，用IS-A关系来描述类与类之间的关系，称之为继承（inheritance）。继承就是子类继承父类的特征和行为，使得子类对象（实例）具有父类的实例域和方法，或子类从父类继承方法...

原创 六大设计原则之依赖倒置原则（DIP）

很多初学编程的小伙伴在编程时会发现，自己写的类总是频繁的用到（依赖）其他类，一旦被依赖的类需要修改，那么其他的类也统统都要修改一遍，让人感觉烦不胜烦。若是小型的程序也紧紧是觉得烦而已，可一旦是大型的工程，这种强耦合的程序一旦有某一个细节放生改变，那是砸电脑的心都有。各个具体类之间发生了直接的依赖关系，使得这些类紧紧地耦合在了一起，从而降低了程序的稳定性、可维护性和可读性。要解决这个问题，我们可...

原创 六大设计原则之单一职责原则（SRG）

在做代码练习或者开发的过程中，我们会发现自己写的类越来越大，该类的功能也越来越多。有一些开发者包括之前的我看到自己写的类够大，功能够多是往往会充满自豪感。但是当某个功能需要做一个小改动时，就会发现整个程序出现了各种大大小小的问题。为什么知识对这个类的一个功能做了小小的修改就会引起这么大的问题？因为我们违反了单一职责原则。将多种功能集成在一个类中，就等于把这些功能耦合了起来，一个功能的变化可能会削弱...

原创 六大设计原则之里氏替换原则（LSP）

在学习java类的继承时，我们知道继承有一些优点：子类拥有父类的所有方法和属性，从而可以减少创建类的工作量。提高了代码的重用性。提高了代码的扩展性，子类不但拥有了父类的所有功能，还可以添加自己的功能。但又有点也同样存在缺点：继承是侵入性的。只要继承，就必须拥有父类的所有属性和方法。降低了代码的灵活性。因为继承时，父类会对子类有一种约束。增强了耦合性。当需要对父类的代码进行修改时，必须考虑到对子类产...

原创 HTML标签（2）——body

标签是网页的主体标签，网页要显示的内容都应该放置在与之间。属性根据w3c标准，在 HTML 5 中，删除了所有 的特殊属性。也就是说，在HTML5中的标签是没有属性的。但是，以往的HTML标签是可以使用属性的，HTML5的标签使用属性后，浏览器仍然能显示属性内容。所以我们需要了解一下标签属性的使用，以方便以后阅读旧版本的HTML文件。常用属性bgcolor：设置网页的背...

原创 HTML标签（1）——使用规则

HTML称为超文本标记语言，从这个名字上看，我可以知道其中最重要的就是“标记”两个字，我将“标记”理解为HTML的核心。用于标记的符号称为超文本标记语言标签（英文名Hyper Text Markup Language tag），简称HTML标签。HTML标签是HTML语言中最基本的单位，也是HTML(标准通用标记语言下的一个应用)最重要的组成部分。HTML标签的组成HTML标签以尖括...

原创 HTML文档结构

HTML文档的结构，我们可以将它理解为网页的语法结构，一种编码的格式。这个文档结构可以使网页的编写变得非常的规范。规范的代码可以增加代码可读性，看起来也显得更加的专业。HTML文档总是以&lt; html&gt;标签开始并以&lt; /html&gt;结束的。 也就是说，网页的内容全部全部包含在&lt; html&gt;与&lt; /html&gt;之间。现在知道的HTML文档结构如下：&...

原创 认识html5

我们经常在电脑的文件资源管理器里面看见以“.htm”或“.html”为后缀名的文件。当双击它，以文本打开的时候，我们看见的是一行一行的代码，它的特点就是有很多的尖括号；当我们选择用浏览器打开的时候，看到的是一个有字、有图、有链接、有音频的网页。由这种现象，我们可以想到，我们在浏览器上看到的网页，它是用一种带有很多“尖括号”的语言写成的。这种带有很多“尖括号”的语言称为“HTML语言”，简称 H...

原创 8086/8088移位指令

目录非循环移位 1.1 逻辑左移——SHL 1.2 逻辑右移——SHR 1.3 算术左移——SAL 1.4 算术右移——SAR循环移位 2.1 循环左移——ROL 2.2 循环右移——ROR 2.3 带进位循环左移——RCL 1.4 带进位循环右移——RCR总结1. 非循环移位1.1 逻辑左移——SHL操作数每左移一次，操作数的最低位补零，最高位移入CF（C