one day {dotted startColor="#ff6c6c" endColor="#1989fa"/}
从不喜欢 ts,到最近主动切换 ts ,记录下这个历程,也分享下自己的经验,希望一些方法和坑能帮助到小伙伴~
刚开始了解Node感觉很吊,各种说高性能,可是一直不理解为什么单线程会比多线程快?为什么异步IO比非阻塞IO快?因此,本篇在阅读相关书籍后,根据自己的理解,整理此文,如有错误,仅代表理论不精,必当修改,以免误导他人。还请多多指正..... 关于阻塞IO和非阻塞IO 系统内核只有两种IO模式—— 阻塞IO和非阻塞IO。这里的IO可不仅仅是读取文件内容,而是更为广泛的概念。比如Socket啊,网络Socket,磁盘读取等等,这些相比于CPU计算都是很耗时的。 下图为阻塞IO的工作模式: 阻塞IO在需要获
首先,HTTP 是一个网络协议,是专门用来帮你传输 Web 内容滴。关于这个协议,就算你不了解,至少也听说过吧?比如你访问俺的博客的主页,浏览器地址栏会出现如下的网址
Node.js 是一个用Chrome's V8 JavaScript engine 构建的 JavaScript 运行时框架。Node.js 使用事件驱动、非阻塞式 I/O 模块使得它非常的轻量级和非常的高效。Node.js 生态系统,npm 是世界上最大的开源库生态系统。 NPM是什么呢? NPM的全称是Node Package Manager,是Nodejs的包管理器。Node.js本身身提供了基本的模块,但是我们利用这些基本模块开发实际应用需要编写大量的代码,做较多的工作。NPM上已经有很多Node.js库或框架,这些库或框架可以帮助Node.js的开发者用较少的代码完成较复杂的应用。而npm 上的库或者框架已达30,0000个,其中Node.js 的库和框架也有几千个,真不愧是世界上最大的开源库生态系统。
根据 GPT 返回,先创建一个 Google ScreenShot Extension 的文件夹,然后创建三个文件,分别是:manifest.json、popup.html、popup.js。
本节主要是要介绍下,做一个这样的测试平台,都需要提取掌握哪些技术呢?还没掌握的可以在看完本节之后,去好好学习一下相关技术。本公众号会用直白的土话给您讲讲,并不是百度百科那种晦涩难懂的定义哈。
(2)通过这张图我们知道了vuex状态管理机制的一个大体步骤,但是,前面我有一点没提到,那就是在组件中,可以通过commit方法跳过1步骤直接提交mutations,如图:
昨天是2017年工作的最后一天,伴随着昨天的结束,2017年的工作告一段落。 昨天和前天,在工作中,将一个双重循环的寻找逻辑,改为饿了用对象模拟的Map逻辑,使得效率一下子就提高了很多。今天就想和你聊聊这个类似Map的逻辑。 一开始并没有搜到JS中Map的用法,所以才采用了双重循环的逻辑。11月份在刚开始做这个功能的时候,是有在网上查过JS中的Map用法的,网上的大多解决方案是用循环去模拟Map。理由是JS中并没有Map这个数据结构。后来去W3C上查,也确实没有,外加之当时对JS对象的理解并不深,所以最终用
背景介绍: 最近几天领导让做一个数据库库备份的功能, 在前端页面点击一个按钮,调取后端一个服务,后端进行数据库备份,备份成功后,给后台返回状态码. 思路很明确,逻辑很清楚.但有个问题是,
这篇是izjing小哥哥的投稿。izjing小哥哥的笔记截图非常细致,可谓是手把手教如何通过测试用例调试学源码。文末izjing小哥哥也对比了参与源码共读前后的收获。文章不长,建议收藏,自己动手调试学习。
这几年,前端开发确实是火的不行不行的, 工资也动辄十几K,几十K的, 而且前端入门的门槛确实也不高, 无非是三大块:html / css / js, 这三块里,你搞懂任意二块,就够你吃穿之用了, 但如果只是这样,那前端也不过如此而已, 那么,它这么“火”,到底“火”的是什么呢? 以下为本人“一孔之见”哈,不喜勿喷, 前端火就火在,它有“无限可能”! 这,什么意思呢? 无限可能? 它还能变成个猴啊? 当然不能,, “无限可能”,我自己的理解就是说,你把它放在哪里,它就在哪里运行。 你把它: 放在网页中,它是
【腾讯云】轻量应用服务器Lighthouse,「轻」松上云!1核2G6M 限时低至74元/年起!
在阅读本文之前,建议先阅读之前的一篇文章:“面向设计的半封装web组件开发”,便于理解文章的一些解惑。 一、现状 1. 前端发展现状 前端这几年的发展都是有目共睹的,然而,如果按照已经落地投入实践的标准梳理下,会发现,基本上都是偏后的JS开发层面的,比方说Node.js下的前后端分离,MV*库,React.js,各种包管理工具及前端集成解决方案等。 而往前,Shadow DOM, Web Components规范和标准虽然也出现了,给大家看到了方向和未来,但由于兼容性的问题(参见下表),或者可能缺乏优秀
1. 丢一个js进去,让Claude2分析是干嘛的; 2. 提一个新的需求,让Claude2写代码; 3. 把代码copy paste到js里,搞定;
1995 年,NetScape (网景)公司,开发的一门客户端脚本语言:LiveScript。后来,请来 SUN 公司的专家来 进行修改,后命名为:JavaScript。 1996 年,微软抄袭 JavaScript 开发出 JScript 脚本语言。 1997 年,ECMA (欧洲计算机制造商协会),制定出客户端脚本语言的标准:ECMAScript,统一了所有客户 端脚本语言的编码方式。
Vue官网上提供了一个动态组件 <component :is="currentTabComponent"> ,那么这里的 is 到底是什么呢? 官网介绍的太分散了,这里尽量全面的列举出来。如果有遗漏欢迎补充。
pages 下每个目录就是一个页面,比如上图中就有两个页面,别看有个页面叫logs,他就是披着羊皮的狼就是来误导人的,他就是个页面。
马上八月份了,本菜鸡就要开始备赛九月份的黑盾杯,得开始准备刷刷题了,正好也能给以后学弟学妹们看看。
有时候我们需要分析一个网站,或者基于一个网站进行魔改,这个就需要一些特殊的手段将网站源码下载到本地了,其实目前大部分网站都是有代码压缩的,很难去有修改。 这里我就教大家如何快速获取一个网站的所有资源,包括源码,图片,js,css。
现在这种设计在移动端很常见,因为宽度是稀缺的。相信不少人设计项目中有实现过这种交互,而且,我敢保证是利用JS实现的。
使用 Node.js 搭建 HTTP Server 已是司空见惯的事。在生产环境中,Node 进程平滑重启直接关系到服务的可靠性,它的重要性不容我们忽视。既然是平滑重启,就涉及到新旧进程的接替过渡:
在引入许多官方的CDN静态库时,会发现我们引入的script中,不单单只有src属性,还有crossorigin和integrity属性。
然后我收到了几份作业,其中有二份作业不是特别的合格。就作业本身来讲吧,也不能说它是错的,但它确实是不对,把作业图贴在下面大家看看,
我们知道,JavaScript 模块有两种方法来定义导出:默认导出和命名导出。在本节中,我们来看下为什么默认导出是一种糟糕的做法,会导致不好的开发体验。
(3)可以将js代码编写到外部js文件中,然后通过script标签引入(☆☆☆) 优点:写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制。 注意:script标签一旦用于引入外部文件了,就不能在编写代码了,即使编写了浏览器也会忽略 如果需要则可以在创建一个新的script标签用于编写内部代码。
我们都知道css是可以用表达式设置的,虽然有时候很好用,但是不可否认比较耗费性能,而且ie8之后已经不列入标准了。
ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。
任何东西不可能凭空出来。那么Promise,它到底是个啥?干嘛用的?为解决什么问题而出现的?咱们以这几个问题为线索,简单的说一下。为什么说是简单说一下呢?因为要详细的说那还不如直接看文档呢。 Promise是一个方案,用来解决多层回调嵌套的解决方案。它现在是ES6的原生对象。 可以把一个多层嵌套的同步、异步都有回调的方法,给拉直为一串.then()组成的调用链。 多层嵌套的回调方法中,如果同时存在同步、异步的方法,那
kkFileView,一款成熟且开源的文件文档在线预览项目解决方案,对标业内付费产品有【永中office】【office365】【idocv】等,免费!
总体思路 1、 建立一个js服务,该服务实现通用js文件的加载、依赖、缓存、更新以及复用。 2、 各个项目如果使用通用js,可(bi)以(xu)使用js服务实现加载。 3、 Js服务只提供通用的js,比如jQuery、my97、easyUI等(可根据实际情况设定具体的js文件)。 4、 其他针对特点需求写的js文件,需要自己写代码加载。Js服务可以提供加载用函数。(正在考虑要不要使用sea.js) 5、 Js服务加载的js文件,不需要做任何修改。当然也不负责各个文件里的函数名称是否冲突。 Se
在做表单的时候,会遇到很多的表单项的验证工作,几乎很多验证都是重复的,有一个比较好的lodash库来做了这些工作,但是里面有些方法和实际的业务工作有些不符。比如,lodash.isEmpty(2) // true是会认为是空的。这显然与实际的业务是不符的。另外还有一些数字校验等其他的常用的校验方法,想结合lodash做一个自己的库,这样比较有利于业务的开发。
昨天,突然接到了便利蜂内推成功约面的电话,要我今天去面试,这是春招头一个面试电话呀,很是激动,这得感谢牛客那个便利蜂发了内推邮箱的不认识的小哥哥的帖子吧。 结果我很怂,想推到周一,周末还能再准备准备,然后一本正经跟hr小哥哥说我今天还有两个面试,上午下午各一个,hr小哥哥瞬间乐了(乐啥呢,没明白),说没事,我们可以电话或者视频面,明天下午(也就是今天下午)的5点-6点有空吗,我说可以(反正能拖多久是多久,知足吧),后来就给我发了面试邀请邮件,看到面试官是个小姐姐的名字,感觉好腻害,同样是女生,我咋就这么菜呢
Spring Boot上传文件,相信你一定会了。如果还不会的小伙伴,可以先看看之前的分享: Spring Boot 2.x基础教程:实现文件上传 Spring Boot 2.x基础教程:多文件的上传 文件上传实现之后,通常最常见的另外两个操作就是下载和预览,下载只需要知道地址,就简单搞定了,那么预览怎么做?你知道吗? 今天小编就来推荐一个用Spring Boot搭建的文档在线预览解决方案: kkFileView,一款成熟且开源的文件文档在线预览项目解决方案,如果你用过类似如永中office、offi
在网上乱逛查资料,偶然看到下面这个js面试题, alert(a) a(); var a=3; function a(){ alert(10) } alert(a) a=6; a(); 这么一个题,里面有好几个坑,很不幸,我也掉进了最后一个坑。答案也很简单,自己运行一个就知道了, 首先第一个alert(a),因为js函数中的变量提升,所以此时a的值不是undefined,而是下面所定义的那个function a()...,这个知识点就是函数的变量提升。 然后接下来是10,再接下来是3,这没什么可
https://juejin.cn/post/6959147556295180324
前言 React学习前先搭好环境,官网的例子看着比较分散。结合webpack就可以体验完整的es6开发流程了。 源码:https://github.com/Ryan-Miao/hello-react-js/releases/tag/0.1 1. 环境搭建 涉及以下几个技术。但从hello world的角度说,目前先不用知道是干嘛的,先用来学习react,后面再去研究各个组件的功能。 Webpack - A module bundler Babel - A Javascript compiler ES6 -
东西比较老了,大家有啥原生的 JavaScript 魔性的写法也可以 po 出来大家一起。
webpack ensure相信大家都听过。有人称它为异步加载,也有人说做代码切割,那这个家伙到底是用来干嘛的?其实说白了,它就是把js模块给独立导出一个.js文件的,然后使用这个模块的时候,webpack会构造script dom元素,由浏览器发起异步请求这个js文件。
今天是我入职第二天,leader跟我说,昨天配置好了服务端渲染的文件,今天就先研究研究如何使用koa来搭建一个node server吧!
写作不易,转载请注明出处,谢谢。 文章类别:Javascript基础(面向初学者) 前言 在之前的章节中,我们已经不依赖jQuery,单纯地用JavaScript封装了很多方法,这个时候,你一定会想,这些经常使用的方法能不能单独整理成一个js文件呢? 当然可以,封装本来就是干这个用的。放在一个单独js文件里固然不错,其实我们也可以单独整一个js类库,一方面可以锻炼一下自己封装方法的能力,另一方面,也可以将自己学到的东西做一个整理。 出于这个目的,本文将介绍如何封装一个简单的js类库。 1. 总体设计 所谓的
这里的代码是建立在上一节的基础上,如果你没有看上节课程,请先去看完顶部视频,再来看这节内容。
最近一直忙于工作项目上面的事情,精力少了很多,所以一直没更文,很多技术点,都做在我自己的 Notion 笔记库中,今天,我决定要改变一下方式,所以又重新来更文了。
领取专属 10元无门槛券
手把手带您无忧上云