葉無聞-CSDN博客

原创详解Unicode和JavaScript字符编码

UnicodeUnicode，又称万国码、统一码和国际码，是由统一码联盟制定的一套规范统一的字符编码集，其设计意图是将世界上所有字符都包含在其中，它使用特定的十六进制编号来表示字符，每一个特定十六进制编号统称为码点，也叫码位，用“U+”紧接四位或五位十六进制数字来进行表示（例如U+597D表示中文“好”），在Unicode3.0中，也可用“U-”紧接八位十六进制数字表示。目前，Unicode整理并编码了世界上绝大部分的字符，并且已经普遍运用到各个编程语言，其中就包括了接下来要讲的JavaScript编码

2021-03-02 10:10:43 1390

原创扒去JS中Number那最后一层“衣服”

JavaScript采用“IEEE 754 标准定义的双精度64位格式”表示Number数字。也就是说，js没有所谓的整数，所有数字实质上都是浮点数 . . . . . .然后，完了。呃 . . . . . . 我果然是一个失败的标题党，话还没说完，“衣服”就扒光了。好吧，失败就失败，问题不大，这并不妨碍我们对Number进行探究。我们说JS中的Number实...

2020-03-24 13:39:48 621

原创 mac m1运行具有canvas模块时报所需arm64架构和系统x86_64”不匹配

确认您的计算机上是否安装了 CMake 工具。如果没有，请安装它。确保您的计算机上已经安装了 Cairo 和 Pango 库。这将强制 Node.js 使用 “x86_64” 架构编译 “canvas” 模块。确保您已经安装了模块 “canvas” 的所有依赖项。检查是否已成功更改 “canvas” 模块以支持 “x86_64” 架构。打开命令行终端，并进入 “canvas” 模块的目录。保存并关闭 binding.gyp 文件。

2023-06-21 11:19:45 1094

原创 mac m1 安装brew问题

由于是安装在 M1 Mac 上，需要先安装 Rosetta。Rosetta 是一个跨架构的虚拟机，可以让 Intel 架构的应用程序在 Mac M1 上运行。如果你不知道 Mac M1 是否已经安装了 Rosetta，请打开终端并输入以下命令。，则表示已经在本机上运行 M1 版本的终端。否则需要在 Finder 中用 Cmd+I 获取终端应用的信息，在界面中选择“打开用 Rosetta 打开”并确认即可。如果输出结果中包含"Intel"，则表示你的 Mac M1 已经成功安装了 Rosetta。

2023-06-21 11:17:39 1623

原创 mac M1安转node-canvas失败

兼容性问题 - node-canvas 与当前 Node.js /npm 版本不兼容。尝试使用较早或较新的 Node.js /npm 版本安装 node-canvas。缺少依赖项 - node-canvas 模块所需的依赖项可能没有安装或没有正确安装。如果你在使用其他操作系统，请根据操作系统和目标程序包管理器来安装对应的依赖库。当安装依赖项后，尝试重新安装 node-canvas。编译或安装问题 - 可能是由于编译或安装错误引起的。这个错误似乎是由于 node-canvas 模块编译安装过程中失败导致的。

2023-06-21 11:16:27 1436

原创说说Cordova实现拍视频和从相册选取视频功能过程中要踩的坑

这里不上代码，也不说实现细节，只说说这一路上踩的坑……视频拍摄我是用cordova-plugin-media-cature插件来做视频拍摄的，遇到一个问题就是拍完返回的时候界面卡住了，有时候还出现程序崩溃的情况，这问题找了很久，甚至觉得是插件和手机版本不兼容，毕竟插件最后一次更新是在三年前，后来在cordova-plugin-camera插件文档中找到了这个描述原来是我在回调函数里加了个alert来查看返回情况，这做法有点low，一般来讲，打印到控制台的话一般不会出现这种问题的，但是既.

2021-09-09 17:53:48 795

原创记一下Array中那巧妙的reduce方法

reduce这个看似平常的东西，实质上却是一个很有用的方法，很多人更多的是把它当作一个求和的工具，但其实它有更多的用法，具体要看我们怎么去把它的用法挖掘出来，接下来慢慢说一下。reduce()是JavaScript Array数组的归并方法，与forEach、map、some、every等迭代方法一样都会对数组每一项进行遍历，但是reduce可以同时将前面数组项遍历产生的结果和当前元素进行运算，这一点是其它迭代方法做不到的，也因此使它拥有不一样的能力。一、reduce 语法arr.reduc.

2021-05-26 13:08:41 386

原创 Unicode详解（附UTF-8、UTF-16和UTF-32）

Unicode在百度百科上，对Unicode的介绍是这样的：“ Unicode（统一码、万国码、单一码）是计算机科学领域里的一项业界标准，包括字符集、编码方案等。Unicode 是为了解决传统的字符编码方案的局限而产生的，它为每种语言中的每个字符设定了统一并且唯一的二进制编码，以满足跨语言、跨平台进行文本转换、处理的要求。”Unicode源于一个很简单的想法：将全世界所有的字符包含在一...

2019-08-16 14:26:44 9623 3

原创 ES6学习总结之let 和 const 命令

前言在说let和const命令之前，我先讲述一下JavaScript中的变量声明命令var，在ES6之前，变量的声明几乎都是使用var命令，通过var声明的变量所在的作用域是全局作用域或者函数作用域，变量一旦被声明，在其所在作用域下的任何位置都能被访问而不会被报错，同时，var所声明的变量会被提升到作用域最前面，所以可以在声明之前对变量进行访问，只不过此时会返回undefined。而ES6新增...

2019-08-15 16:23:54 194

原创 css white-space属性总结

white-space 属性用于设置如何处理元素内的空白。它有几个可选值：normal，nowrap，pre，pre-wrap，pre-line,默认情况下，white-space的值是normal。1、normal值normal表示合并空格，即多个相邻空格合并成一个空格，并且在源码中的换行也当空格处理，只会根据文本所在容器的大小进行换行。这里的空白是值空白字符，包括空格，制表符等空白字...

2019-05-28 15:04:36 3332 1

原创 CSS3渐变属性

渐变可以使得元素背景更加有灵性并具有生气，虽然我们可以使用背景图片来呈现渐变效果，但却是不够灵活，当想要改变颜色时需要使用图片编辑器重新编辑，而渐变则可以在代码中直接改变颜色就可以了。CSS3提供了两种渐变方式，分别是线性渐变（linear-gradient）和径向渐变（radial-0gradien）。一、线性渐变（linear-gradient）线性渐变就是沿着某个方向进行颜色上...

2019-05-28 10:53:10 7424 5

原创 js对象数组去除重复

一、使用数组方法reducevar obj = {};var aa = [{ "name": "aa", "pwd": "xvxv"}, { "name": "aa", "pwd": "xvxv"}, { "name": "bb", "pwd": "xvxv"}, { "name": "cc", "pwd": "xvxv...

2019-05-17 13:53:34 3845

原创 IIFE（即时调用函数表达式）

我这菜鸟学习jQuery插件代码时，经常遇到如下面的代码：;(function($, window, document, undefined) { //...})(Jquery,window,document)那么，这一段代码有什么作用呢？我也不知道，但看了以下这遍文章时，总算有个基本的了解What (function (window, document, undefine...

2019-04-30 16:13:40 966

原创理解JS同步、异步和事件循环

JS之所以存在同步和异步，都源于JS是一门单线程脚本语言，也就是说同一时间只能用来做一件事，至于为什么说是单线程，那是由js这门语言的用途特征所决定的，js用来页面与用户之间的交互，其中包括操作DOM，如果是多线程，这会造成很复杂的同步问题，例如在创建DOM节点的同时删除同一个DOM节点，那这时就出现了矛盾，JS引擎以哪个线程为主呢？所以单线程这个本质特征在目前甚至未来都基本不会改变。一、主线...

2019-04-25 15:19:15 512

原创详解DOM对象中clientWidth、offsetWidth等属性

我们有时需要获得鼠标在某盒子中的位置，或者是随意移动某盒子的位置，在这些场景中我们可能经常需要用到clientWidth、offsetWidth、offsetTop啊等等。但是对于初学者来说（包括我），看到这些就头疼，因为感觉意思都相近，但作用却不同，所以今天天我就来捋一捋，搞清楚，后面好干活。好吧，废话不多说，开始吧。先上一下示例代码，下面要用到。HTML: ...

2019-04-17 16:28:09 15062

原创 jQuery实现得评论模块

本模块可用于评论或留言，输入区模仿畅言，内容显示使用时间轴，以下是示例图。实现代码如下：index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d...

2019-04-12 16:10:56 1068

原创 input即时搜索提示

引自：input输入中文时，拼音在输入框内会触发input事件的问题。话不多说，代码贴上。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script src="../js/jquery-3.3.1.min.js"></scr...

2019-03-29 18:01:22 903

原创 CSS中的块级元素、行内元素和行内块元素

元素是文档结构的基础，在css里面，每个元素生成了包含内容的框（box）,大家都叫“盒子”。但是不同的元素显示方式是不同的，有占据一整行的，有水平一个挨着一个的。比如：div 与span的显示方式不一样，因为 div是块级元素，会占据一行，而span为行内元素，可多个span放置一行。接下来就详细讲一下在CSS中块级元素、行内元素和行内块级元素的区别。块级元素 block块级元素，顾...

2018-12-10 00:32:58 11048

原创 CSS中的盒子模型

前言在网页布局中，我们的布局对象通常是盒子，而到底什么事盒子？盒子模型有几种？我想这对于做前端开发的来说这至关重要，所以我就对盒子模型的相关知识复习一下，顺便总结出来，以供以后参考。盒子模型CSS css盒子模型又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。元素框的最内部分...

2018-12-09 19:43:36 424

原创 HTML页面中的文档流以及脱离文档流

一、文档流在我们生活中，有各种各样的“流”，有电流、水流等，就像水流从高处往低处流一样，我们可以把文档流想象成html元素在浏览器上“流动”。浏览器的顶端就是河流的源头，浏览器的底部就是河流的尽头。如下图而所谓的文档流（normal flow，也被称为“普通流”），指的是就是元素排版布局过程中，元素会自动从上往下，从左往右地遵守这种流式排列方式。当浏览器渲染HTML文档时，从顶部...

2018-12-07 16:30:44 1445

原创简述reflow和repaint

一般，在页面开发时，不可避免地会发生repaint和reflow，除非是静态页面。从字面上理解repaint，它表示“重绘”，而reflow则是“回流”。他们的目的都是表现出新的页面样貌。一、repaint重绘repaint一般在改变 DOM 元素的视觉效果时触发，即不涉及任何排版布局的问题时触发，它主要针对的是某一dom元素的重新绘制。一般触发repaint的常见场景有以下几个：co...

2018-12-04 20:31:23 2143

转载巴科斯范式BNF

一. 巴科斯范式BNF巴科斯范式的英文缩写为BNF，它是以美国人巴科斯(Backus)和丹麦人诺尔(Naur)的名字命名的一种形式化的语法表示方法，用来描述语法的一种形式体系，是一种典型的元语言。又称巴科斯-诺尔形式(Backus-Naur form)。它不仅能严格地表示语法规则，而且所描述的语法是与上下文无关的。它具有语法简单，表示明确，便于语法分析和编译的特点。BNF表示语法规则的方式...

2018-12-03 21:50:28 711

原创谈一谈HTML中table、tr、td标签的width和height

一般我们利用HTML中table做表格式，经常会遇到table、tr、td标签的width和height问题，而有时候发现在对tr、td设置宽度或高度时没有效果，其实这就是表格标签的特殊性，他们几个互有联系，互有制约，例如table的宽度限制了tr的宽度，table的高度又受tr高度的影响等等。所以要解决这类问题，需要知道在设置table、tr、td的width和height上需要注意的问题，具体...

2018-11-30 19:03:43 10159 2

原创 HTML中表格table学习总结

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 或者<th>标签定义），字母 td 指表格数据（table data），即数据单元格的内容，而标签th指表格表头（table head），即放置表项标题单元格的内容，单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。更复...

2018-11-28 18:07:37 1143

原创 CSS表格折叠边框

折叠边框一般我们用table的border属性来设置表格的边框（当然也可以在style中声明样式border）,但显示表格时总会发现表格有双边框系不系很丑？这是因为表和th/ td元素都有独立的边界。而如果我们想去除表格的双边框的现象，这时就用到了我们的折叠边框属性border-collapse了，可以对表格做如下设置：CSS：table { border-c...

2018-11-27 17:23:48 3829

原创 CSS列表属性学习总结

CSS列表属性在HTML中，有两种类型的列表：无序列表，列表项标记用特殊图形（如小黑点、小方框等）有序列表，列表项的标记有数字或字母在CSS中，有几个列表属性：list-style：简写属性。用于把所有用于列表的属性设置于一个声明中,可以设置的属性（按顺序）： list-style-type, list-style-position, list-style-image,可以...

2018-11-27 15:39:43 819

原创谈一谈标签a的链接状态

<a>标签<a>标签用来定义超链接，表示从一个页面链接到另一页面；<a>标签最重要的属性石href，表示指向链接页面的地址，除此之外，一般还是用属性target表示页面打开的位置，常用属性值为_blank、_parent、_self、_top。在浏览器中，<a>标签的默认外观是：未访问过的链接字体颜色为蓝色并且带有下划线活动...

2018-11-27 15:00:49 1189

原创 CSS的层叠性

CSS指层叠样式表（Cascading Style Sheets），一般通过定义HTML元素的样式来影响页面的布局及外观。层叠性体现在多个选择器选中同一个标签，设置同一个样式，浏览器中加载时，不会加载所有的属性值，挑选其中一个加载，其中一个值层叠/覆盖掉其他的值。样式来源1、浏览器默认的样式，比如你还没有显性设置CSS属性，h1就会显示粗体，em显示斜休。2、用户自定义样式。一些页...

2018-11-25 15:26:22 2120

原创 WebStorage和WebSQL

一、web Storage早期，本地存储使用的是cookie，但是由于cookie的大小及安全性能等方面的局限性衍生出了web存储。web存储的数据并不需要像cookie那般在每次请求中都与服务器交互，它将数据存储在本地。除此之外，它还也可以大量存储数据而不影响网站性能。客户端存储数据的两个对象为：localStorage和sessionStorage。两者使用的API都相同，常用的有...

2018-11-23 21:52:46 415

原创 HTML5 新的表单属性

HTML5 的 <form> 和 <input>标签都添加了一些新属性。一、<form>新属性：1、autocomplete：属性规定 form 域应该拥有自动完成功能（详情看文章关于form和input的autocomplete属性）2、novalidate;属性描述了 <input> 元素在表单提交时无需被验证。注意：在 Saf...

2018-11-23 15:34:48 655

原创关于form与input的autocomplete属性

autcomplete属性规定 form 或 input 域应该拥有自动完成功能。也就是说以前提交的输入记录会在你点击了input域并获取焦点之后浏览器会自动将它们作为填入选项显示出来，它们存储在浏览器cookie下作为用户使用记录。在对于大部分浏览器来说默认情况下，autocomplete是自动开启的。当然对于一部分浏览器autocomplete默认是关闭的，所以需要时可以在form或者inpu...

2018-11-23 14:50:22 1735 2

原创微信小程序实现从顶部弹出的下拉框

效果图：我尝试了微信提供的API wx.animation去实现这个功能，但很是麻烦，而且对于我这刚接触小程序的渣渣而言，实现起来也很是困难。所以我换了种方法，采用CSS的动画去实现。wxml:<image class='fabiao' src='../icon/fabiao2.png' bindtap='fabiao'></image><!--触发下拉框的组件，我...

2018-07-13 20:19:47 9317

原创 JavaScript hoisting(变量提升)学习总结

定义：函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。例如一下两个例子：例1：x = 5; // 变量 x 设置为 5elem = document.getElementById("demo"); // 查找元素 elem.innerHTML = x; // ...

2018-07-04 00:27:24 229

原创 JavaScript null和 undefined

一、null在 JavaScript 中 null 表示 "什么都没有"。null是一个只有一个值的特殊类型。表示一个空对象引用。用 typeof 检测 null 返回是object。也可以使用null来将对象清空。<p>对象可以通过设置为 <b>null</b> 来清空。</p><p id="demo"></p&

2018-07-03 23:09:35 471

原创 json对象与数组的学习心得

一、JSON对象（一）语法JSON 对象使用在大括号({})中书写。对象可以包含多个 key/value（键/值）对。key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。key 和 value 中使用冒号(:)分割。每个 key/value 对使用逗号(,)分割。例如：{ "name":"runoob", "alexa":10...

2018-06-30 21:37:00 239

转载 HTML innerHTML 属性

innerHTML在JS是双向功能：获取对象的内容或向对象插入内容；如：<div id="aa">这是内容</div> ，我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容；也可以对某对象插入内容，如 document.getElementById('abc').innerH...

2018-06-15 20:44:02 606

转载 XMLHttpRequest和本地文件

网页中可以使用相对URL的能力通常意味着我们能使用本地文件系统来开发和测试HTML，并避免对Web服务器进行不必要的部署。然而当使用XMLHttpRequest进行Ajax编程时，这通常是不行的。XMLHttpRequest用于同HTTP和HTTPS协议一起工作。理论上，它能够同FTP这样的其他协议一起工作，但比如请求方法和响应状态码等部分API是HTTP特有的。如果从本地文件中加载网页，那么该网...

2018-06-15 20:13:41 3060

转载如何解决启动Aphche时出现Apache shutdown unexpectedly问题

在安装完XAMMP后，启动Aphche时，可能启动不成功big出现以下提示：Error: Apache shutdown unexpectedly.15:26:23 [Apache] This may be due to a blocked port, missing dependencies, 15:26:23 [Apache] improper privileges, a crash,...

2018-06-15 17:25:58 500

原创如何搭建本地服务器

学习前端，搭建一个本地服务器用来测试代码还是很重要的，不仅可以避免使用Chrome浏览器时，出现不支持File协议的Ajax请求的大坑（Firefox是支持的），还能够用来测试移动端的情况。下面教大家如何搭建一个服务器。首先，我选择的是XAMPP，下载：https://www.apachefriends.org/zh_cn/index.html根据需要，选择安装，安装后，启动XAMPP，并启动Ap...

2018-06-15 16:26:34 24041 1

原创多个HTML页面共同调用一段html代码

方法一、使用script方法：制作一个共用头部文件head.js或一个共用底部文件foot.js。如主页文件是mac.htm，调用头部或底部文件的方法是：在主页文件代码的开始位置和结束位置分别增加下面的代码:<script src=’head.js’>和<script src=’foot.js’>调用共同的网页头部或者网页底部，减少了每个页面都要编写头部或底部的复杂程度...

2018-06-14 11:39:25 18071 2

jQuery实现得评论模块

本模块可用于评论或留言，输入区模仿畅言，内容显示使用时间轴，以下是示例图。

2019-04-12

C#网络编程综合性实验（华农网络编程）

1）用户之间的同步/异步的即时文字通讯； 2）用户之间的文件传输功能； 3）至少支持在局域网内实现基本文字通信功能，考虑基于互联网的网络通信功能。

2018-06-21

实验2，TCP+UDP通信实验

1，Server支持多客户访问； 2，C与S之间使用TCP连接； 3，C与C之间直接通信（不是通过S传递）。 4，C与C之间直接通信既可以使用TCP，也可以使用UDP。 5，可以使用Socket，也可以使用TcpClient/UdpClient等；

2018-06-21

实验1：Socket通信实验

1）设计程序，分别构建通信的两端:服务器端和客户端应用程序,套接字类型为面向连接的Socket,自己构建双方的应答模式，实现双方的数据的发送和接收（S发给C，C发给S）。 2）服务端程序能响应单个或任意多个客户端连接请求；服务端能向单个客户发送消息，支持群发消息给所有客户端； 3）通信的双方具备异常响应功能，包括对方异常退出的处理。如果客户端退出，服务器有响应；反之亦然。

2018-06-21