javascript - 随笔分类 - 素心~

import-local执行流程与node模块路径解析流程

摘要：# import-local 概述当本地和全局同时存在两个脚手架命令时，使用 import-local 可以优先加载本地脚手架命令 ```javascript const importLocal = require("import-local"); if (importLocal(__filena 阅读全文

posted @ 2023-07-12 10:31 素心~ 阅读(341) 评论(0) 推荐(0)

lerna存在的必要性

摘要：lerna是什么，它解决了什么问题使用npm link 的方式生成软链接，链接到当前开发目录在开发脚手架过程中通常会采用分包开发将需要分包的lib文件夹使用npm link的方式，在全局node_modules 下面添加一个指向开发目录的软连接在执行文件开发目录下通过 npm link li 阅读全文

posted @ 2022-05-14 18:20 素心~ 阅读(109) 评论(0) 推荐(0)

脚手架执行原理

摘要：什么是脚手架脚手架严格意义上是一个运行在操作系统上的客户端，依赖node.js运行时环境为什么要有脚手架脚手架主要的意义是进行开发提效拿前端举例项目创建测试回滚发布等一系列流程都可以通过脚手架完成大大提升了开发效率脚手架可以做项目初始化用脚手架维护通用组件库用脚手架实现自动构建阅读全文

posted @ 2022-05-09 09:35 素心~ 阅读(191) 评论(0) 推荐(0)

JS模拟C语言经典四指针法

摘要：// JS模拟C语言经典四指针法 const checkReapetSubStr = (str1, str2) => { let maxLength = 0; let maxChar = ''; // 声明指针 let a = 0; let b = a + 1; let c = 0; let d = 阅读全文

posted @ 2021-03-13 17:22 素心~ 阅读(176) 评论(0) 推荐(0)

深入浅出koa洋葱模型

摘要：关于洋葱模型很多人都理解，并且绝大多数人都知道要想保证洋葱模型必须要使用async 和await 那么问题来了async和 await 是用来解决异步编程的，那么当我们调用的下一个中间件不存在异步的时候，是否还需要使用async和 await 答案是肯定的，以至于现在很多人只要是写中间件必用asy 阅读全文

posted @ 2020-05-21 11:32 素心~ 阅读(1404) 评论(0) 推荐(0)

深入浅出node.js异步编程及async await原理

摘要：最近看了一些文章对于async await的原理及概念的解析，我觉得很多时候有些不太准确。尤其是对于async和await会阻塞线程的说法更是有些扯淡了，JS本身就是单线程的语言如果await会阻塞线程那不是说JS自己搬石头砸自己的脚？用最简单的话去描述在node中执行一个文件，或处理一个HT 阅读全文

posted @ 2020-05-10 11:29 素心~ 阅读(1314) 评论(0) 推荐(0)

ES6-reduce详解

摘要：ES-6对数组做了一些扩展，有些人对于reduce有些疑惑，其实这个东西非常简单。自己实现一个reduce你就明白了 Array.prototype.redu = function(func) { let result = this[0]; for (let i = 1; i < this.len 阅读全文

posted @ 2020-04-19 08:48 素心~ 阅读(2033) 评论(0) 推荐(0)

JS递归状态回退

摘要：export default (str) => { if (str.length < 1) return [] // 映射数组 const map = ['', 1, 'abc', 'def', 'ghi', 'jkl', 'mno', 'pqrs', 'tuv', 'wxyz']; if (str 阅读全文

posted @ 2020-04-13 11:52 素心~ 阅读(631) 评论(0) 推荐(0)

JS中自定义迭代协议

摘要：/* 迭代对象实现了迭代器的对象迭代器：方法 [Symbol.iterator] */ var obj = { left: 100, top: 200 }; // 迭代协议 obj[Symbol.iterator] = function() { let keys = Object.keys(ob 阅读全文

posted @ 2020-04-12 10:13 素心~ 阅读(342) 评论(0) 推荐(0)

深入浅出解析cookie与session

摘要：1：第一点想要了解一样技术必须了解它的哲学，也就是这项技术是为了解决什么问题而诞生的它存在的意义是什么？因为HTTP是无连接的，当请求结束连接就会中断所以会产生身份识别的问题。因此诞生了cookie甚至于在localStorage出现之前浏览器存储功能都是依靠cookie来完成的但是它的原理简阅读全文

posted @ 2020-03-28 14:39 素心~ 阅读(291) 评论(0) 推荐(0)

node.js哲学与核心原理

摘要：。提起node.js首先脑海中就会出现三个概念，单线程，非阻塞I/O，事件驱动那么node.js的哲学是什么呢，简单说，用低性能的硬件解决web服务器高并发性能问题。例在PHP中I/O是同步的阻塞的，也就是说cpu只有在磁盘驱动器读取完文件后才会执行后续操作 <?php $file_path = 阅读全文

posted @ 2020-03-23 16:23 素心~ 阅读(263) 评论(0) 推荐(0)

深入解析canvas画布游戏机制

摘要：canvas使用了一个特别特殊的模式，上屏的元素，立刻被像素化。也就是说，上屏幕的元素，你将得不到这个“对象”的引用。比如，一个圆形画到了ctx上面，此时就是一堆像素点，不是一个整体的对象了，你没有任何变量能够得到这个圆形，改变这个圆形的x、y。也就是说，这种“改变”的思路在canvas中是行不通的阅读全文

posted @ 2020-03-16 09:40 素心~ 阅读(736) 评论(0) 推荐(0)

原生JS实现挡板小球游戏

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-03-06 17:11 素心~ 阅读(585) 评论(0) 推荐(0)

深入浅出解析AJAX

摘要：AJAX完全依赖于XMLHttpRequest对象 GET请求 // 创建xhr对象 var xhr = new XMLHttpRequest(); // 监听xhr对象 xhr.onreadystatechange = function() { if (xhr.readyState == 4) { 阅读全文

posted @ 2020-03-05 12:16 素心~ 阅读(6236) 评论(0) 推荐(0)

深入解析CSS3圆周运动

摘要：设想下图白色部分为显示器，我们要元素根据不同的角度围绕绿色圆形，做环形运动。那么我们首先要计算出在不同角度时，元素所在位置的XY坐标。已知信息圆心A，B，半径R，角度deg 那么我们可以根据以上信息得出两个公式 sin(deg) = (X - A) / R cos(deg) = (B - Y) 阅读全文

posted @ 2020-03-04 15:35 素心~ 阅读(820) 评论(1) 推荐(0)

JS递归原理

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-02-26 13:43 素心~ 阅读(899) 评论(0) 推荐(0)

JS中关于组件开发

摘要：进行组件开发时我们不必依赖于任何框架，我们只需要使用原生JS，实现指向性，目标性极强的逻辑，比如我们开发轮播图组件，我们不需要复杂的运动框架，更不必复杂的选择器轮子。组件的哲学和通用轮子不一样。通用轮子，要把所有浏览器、所有属性都要封装进来，注重复用、易用。组件开发只针对特定功能，下面是我写的一个阅读全文

posted @ 2020-02-26 11:33 素心~ 阅读(1149) 评论(0) 推荐(0)

JS面向对象组织代码

摘要：JS本身不存在类的概念，它对于继承的判定有时非常混乱，当然这并不影响我们以面向对象的思维去编程。例如我们有两个类A类B类，我们想让B类继承A类，在python中可以轻而易举的实现，在JS中需要一种折中法 function A() { } A.prototype.hello = function() 阅读全文

posted @ 2020-02-25 11:52 素心~ 阅读(282) 评论(0) 推荐(0)

JS中原型链关系

摘要：在JS中没有类的概念，JS这个语言是“基于对象”(base Object)的语言，不能叫做“面向对象”(orinted object)的语言。在原生JS中它的内置数据类型是基于Fcuntion也就是内置构造函数，当然其也是一个对象，所以JS是基于对象，而不是基于抽象类就像下图的关系，可以理解为先阅读全文

posted @ 2020-02-21 18:09 素心~ 阅读(288) 评论(0) 推荐(0)

JS原生模拟楼层导航

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文

posted @ 2020-02-20 10:05 素心~ 阅读(573) 评论(0) 推荐(0)

素心~

随笔分类 - javascript