随笔分类 -  javascript

关于ECMAScript DOM vue rect jQuery bootstrap 等前端库和和相关技术分享与探讨
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)

导航