自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

SeriousLose

✎﹏小飞飞 认真你就输了,一直认真你就赢了

  • 博客(213)
  • 收藏
  • 关注

原创 React Native 环境安装

React Native 环境安装。

2024-01-11 12:25:48 572

原创 Flutter Environmental Installation

Android Studio -> SDK Manager -> SDK Tools tab -> 选择右下角 Show Package Details -> 在 Android SDK Build-Tools 里选择 28.0.3 下载并安装。Android Studio -> SDK Manager -> SDK Platforms tab -> 选择 Android 10.0 Pie(

2023-10-28 21:53:29 2020 1

原创 查找数组中从最大到最小再到最大的距离

let a=[1,5,5,2,6]; // 4 5,5,2,6let b=[1,1]; // 2 1,1let d=[2,6,8,5]; // 3 2,6,8

2022-12-06 16:52:26 934 3

原创 Web Cache

浏览器缓存的分类强缓存协商缓存(对比缓存)浏览器在加载资源时,会先判断是否命中强缓存再验证是命中协商缓存。强缓存浏览器在加载资源时,会先根据本地缓存资源的 header 中的信息判断是否命中强缓存,如果命中则直接使用缓存中的资源不会再向服务器发送请求流程ExpireCache-Control协商缓存协商缓存一般是这样一个流程:Last-Modified,If-Modified-Since浏览器第一次请求资源的时候,服务器返回的 header 上会带有一个 Last-Modified 字段,表示资源最后修改的

2022-12-05 23:36:59 932

原创 Copy

深拷贝 拷贝的对象的值中如果有 function、 undefined、 symbol 这几种类型, 经过 JSON.stringify 序列化之后的字符串中这个键值对会消失; 拷贝 Date 引用类型会变成字符串; 无法拷贝不可枚举的属性; 无法拷贝对象的原型链; 拷贝 RegExp 引用类型会变成空对象; 对象中含有 NaN、 Infinity 以及 - Infinity, JSON 序列化的结果会变成 null; 无法拷贝对象的循环应用, 即对象成环(obj[key] = obj)

2022-12-05 13:07:05 1006

原创 File Type

如果系统无法获取文件类型,则读取二进制流,对二进制进行解析文件类型

2022-12-03 19:00:25 928

转载 NG DI

1、派生组件不能继承父组件的注入器 2、父组件与派生组件之间没有任何关联 3、父组件注入的服务,那么派生组件也必须注入父组件依赖的服务 4、在派生组件中的constructor中使用super(...)往组件中传递。在传统的开发模式中,调用者负责管理所有对象的依赖,循环依赖一直是梦魇,而在依赖注入模式中,这个管理权交给了注入器(Injector),它在软件运行时负责依赖对象的替换,而不是在编译时。通过控制反转,对象在被创建的时候,由一个调控系统内所有对象的外界实体,将其所依赖的对象的引用传递给它。

2022-12-03 18:54:34 963

转载 NG Incremental DOM

因为组件编译的过程发生在编译过程中,因此我们可以根据引用到指令,来排除未引用的指令,从而可以在 Tree-shaking 过程中,将未使用的指令从包中移除,这便是增量 DOM 可树摇的原因。Ivy 引擎基于增量 DOM 的概念,它与虚拟 DOM 方法的不同之处在于,diff 操作是针对 DOM 增量执行的(即一次一个节点),而不是在虚拟 DOM 树上执行。虽然增量 DOM 带来了减少内存使用的解决方案,但是该解决方案影响了增量 DOM 的速度,因为增量 DOM 的差异计算比虚拟 DOM 方法耗费更多时间。

2022-12-01 13:01:46 797

原创 ng Schematics

Angular Schematics 是基于模板(Template-based)的,Angular 特有的代码生成器,当然它不仅仅是生成代码。新增ng-add指令。

2022-11-28 21:07:19 1041

原创 Scss

加、减、乘、除、变量计算。

2022-11-28 13:59:34 777

原创 Scss

这样一来,也就有了—— Sass 的编译。上面的命令表示将项目中“sass”文件夹中所有“.scss”(“.sass”)文件编译成“.css”文件,并且将这些 CSS 文件都放在项目中“css”文件夹中。压缩输出方式——在编译的时候带上参数“ --style compressed”: 项目上线时使用,会将代码中的注释和空格省略,使源文件体积更小。那么这里告诉大家,在项目中还是引用“.css”文件,Sass 只不过是做为一个预处理工具,提前帮你做事情,只有你需要时候,他才有攻效。

2022-11-28 12:49:55 1173

原创 Sass

CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题”,例如你可以在 CSS 中使用变量、简单的逻辑程序、函数(如右侧代码编辑器中就使用了变量$color)等等在编程语言中的一些基本特性,可以让你的 CSS 更加简洁、适应性更强、可读性更佳,更易于代码的维护等诸多好处。CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成 文件,然后开发者就只要使用这种语言进行编码工作。什么是css预处理器?

2022-11-28 12:44:27 777

原创 scss

【代码】scss。

2022-11-27 18:03:22 817

原创 数组方法考察

【代码】数组方法考察。

2022-11-18 17:35:57 791

原创 get(obj, “a.b[0].c“, 0)

/ 实现一个 get 函数,get(obj, chain, defaultVal)get(obj, "a.b[0].c", 0) // 输出 1。get(obj, "a.b.c", 0) // 输出 0。💡 未做异常处理,请注意;

2022-11-09 13:02:16 940

原创 [5, [[4, 3], 2, 1]]=>(5 - ((4 - 3) - 2 - 1))

实现一个函数,能够将诸如 [5, [[4, 3], 2, 1]] 的数组当做(5 - ((4 - 3) - 2 - 1))进行分组的减法运算,并返回结果。(不能使用eval,建议使用递归);

2022-11-09 12:51:48 1240

转载 NPM RXJS

对象时,它会把订阅者添加到观察者列表中,每当有接收到新值时,它就会遍历观察者列表,依次调用观察者内部的。,但又想在每次新的订阅时,它都会重新发送最后几个值,这个时候就可以用到。需要传入一个初始值,然后这个值将不断变化,我们只能看见当前的值。侧重于缓存,那么当它完成时,并不会影响我们继续观测它缓存的值。只是缓存了最近的值,它仍然反映的是不断有值产生的流(执行,所以它可以存储多个旧值并发送给它的新订阅者。表示你可以始终直接从。,但是它还有一个额外的特性,它可以记录一部分的。时,订阅它仍然可以拿到缓存的值,而。

2022-10-19 11:09:11 1068

原创 Git index.lock

一个由'git commit'打开的编辑器。请确认所有流程被终止,然后重试。如果它仍然失败,一个git进程可能已经在此存储库中崩溃:手动删除该文件以继续。 💡 无法创建“**/.git/index.lock”:文件存在。另一个git进程似乎正在这个存储库中运行,例如。该项目目录下运行该命令。

2022-10-18 13:00:40 848

原创 Error URIError

浏览器url上拼接上(

2022-09-05 18:27:05 946

原创 JS Regex

中国手机号(最宽松), 只要是1开头即可, 如果你的手机号是用来接收短信, 优先建议选择这一条。大于等于0, 小于等于150, 支持小数位出现5, 如145.5, 用于判断考卷分数。中国手机号(宽松), 只要是13,14,15,16,17,18,19开头即可。最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符。二代身份证号(18位数字),最后一位是校验位,可能为数字或字符X。微信号,6至20位,以字母开头,字母,数字,减号,下划线。用户名正则,4到16位(字母,数字,下划线,减号)...

2022-08-30 13:19:22 1357

原创 Nvm的使用

自动执行项目下的 .nvmrc 文件,自动切换node对应环境;根目录下创建 .nvmrc 文件。切换使用指定的node版本。安装最新稳定版 node。设置默认的node版本。写入自动切换的版本号。安装指定node版本。删除已安装的指定版本。...

2022-08-29 18:00:38 1471

原创 compositionstart

【代码】compositionstart。

2022-08-29 15:35:12 1120

原创 卸载Node

代码】卸载Node。

2022-08-04 13:52:28 223

原创 react/vue/angular中使用同一组件设计思考

React中如何使用组件?◦ Angular中如何使用组件?◦ Vue中如何使用组件?

2022-07-28 10:10:24 288

原创 CSS Grid

如果不指定这两个属性,浏览器完全根据单元格内容的大小,决定新增网格的列宽和行高。💡网格区域一定要形成规整的矩形区域,什么L形,凹的或凸的形状都是不支持的,会认为是无效的属性值。布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是。将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。💡注意,设为网格布局以后,容器子元素(项目)的。的顶层子元素,不包含项目的子元素,比如上面代码的元素就不是。...

2022-07-25 22:49:09 585

原创 Android 登录Notion

需要手机🪜。notion

2022-07-25 01:27:34 893

转载 API Test

接口测试是测试系统组件间接口的一种测试。接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点。测试的重点是要检查数据的交换,传递和控制管理过程,以及系统间的相互逻辑依赖关系等。...

2022-07-20 22:58:59 766

转载 CSS Flex

💡设置为Flex布局后,子元素的float、clear和属性将失效;

2022-07-20 21:33:58 93

原创 css 小Demo

CSS 小示例

2022-07-20 21:19:23 108

原创 React是什么?

它的核心设计思路有三点,分别是声明式、组件化与 通用性。声明式的优势在于直观与组合。组件化的优势在于视图的拆分与模块复用,可以更容易做到高内聚低耦合。通用性在于一次学习,随处编写。比如 React Native,React 360 等, 这里主要靠虚拟 DOM 来保证实现。这使得 React 的适用范围变得足够广,无论是 Web、Native、VR,甚至 Shell 应用都可以进行开发。这也是 React 的优势。但作为一个视图层的框架,React 的劣势也十分明显。它并没有提供完整的一揽子解决方

2022-07-06 22:27:41 241

原创 NG Textarea-auto-resize

Textarea 自动换行

2022-07-01 14:08:46 137

原创 CSS transform

💡 元素的边缘应该和像素点对齐,但是元素作用了 或者 后的计算值产生了非整数计算的结果并非整数的像素点,导致本来一个像素能渲染的内容,没有完全归纳在其像素点内,导致出现模糊的情况; 💡 由于浏览器将图层拆分到 以进行 转换,而非整数的像素偏移,使得 Chrome 在字体渲染的时候,不是那么的精确; Notion – The all-in-one workspace for your notes, tasks, wikis, and d...

2022-06-30 15:14:57 164

原创 JS EventListener

addEventListener 添加监听的事件 阻止默认事件preventDefault() 阻止事件冒泡stopPropagation() removeEventListener 移出事件 💡 removeEventListener 需要知道你需要移出的是哪个事件处理函数。匿名函数丢弃了自身函数名,是移出不了。 💡 IE9以下的IE浏览器不支持 addEventListener...

2022-06-26 23:39:50 513

原创 页面嵌入iframe 点击浏览器后退问题

在iframe绑定load事件,这样子就可以监听到打开 iframe 点击浏览器后退 按钮事件;

2022-06-21 14:25:23 3021 2

原创 React Component

react 组件控制渲染

2022-06-19 00:33:17 172

原创 Uncaught Error: Objects are not valid as a React child (found: Error: Objects are not valid as a Rea

Uncaught Error: Objects are not valid as a React child (found: Error: Objects are not valid as a React child (found: object with keys {name}). If you meant to render a collection of children, use an array instead.class Index extends Component { co

2022-05-27 00:09:52 1384 2

原创 JS Standard

使用空格,而不使用tab除了行终止符外,在系统文件中,空格是唯一表示空白的字符,这意味着 tab 不能作为缩进使用。规定用2个空格(而不是4个)来表示缩进。必不可少的分号每个语句都必须以分号结尾,不要依赖编译器自动插入分号。不使用 var声明局部变量用 const 或者 let,默认使用 const,除非变量需要重新赋值。箭头函数完美替代 function箭头函数不仅语法简洁易读,而且修复了 this 的问题,特别是在嵌套函数中。用模板字符串替代字符串拼接用模板字符串(用 ` 分

2022-05-25 00:28:07 202

原创 Data URL

Data URI使用 data URI 来呈现一些较长的内容,如一串二进制数据编码、图片等,采用 base64 编码可以让内容变得更加简短。 而对图片来说,在 gzip 压缩之后,base64 图片实际上比原图 gzip 压缩要大,体积增加大约为三分之一,所以使用的时候需要权衡。data:[<mime type>][;charset=<charset>][;base64],<encoded data>data: 协议头,它标识这个内容为一个 data UR

2022-05-24 23:57:10 14228

原创 JS Touch

$("body").on("touchstart", function(e) { e.preventDefault(); startX = e.originalEvent.changedTouches[0].pageX, startY = e.originalEvent.changedTouches[0].pageY;});$("body").on("touchmove", function(e) { e.preventDefault(); moveEndX .

2022-05-24 23:56:21 91

原创 && 与 ||

与(&&)运算符将会返回第一个false/‘falsy’的值。当所有的操作数都是true时,将返回最后一个表达式的结果。举个🌰let one = 1, two = 2, three = 3;console.log(one && two && three); // Result: 3console.log(0 && null); // Result: 0或(||)运算符将返回第一个true/‘truthy’的值。当所有

2022-05-24 10:00:06 94

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除