摘要:看完本文,希望可以写出更加漂亮简洁函数式的代码可以用来汇总数据的初始值把一个对象数组变成一个以数组中各个对象的为属性名,对象本身为属性值的对象。 Handle javascript data structures with map/reduce 看完本文,希望可以写出更加漂亮、简洁、...
摘要:我们需要关注的一方面是如何决定什么时候重新渲染组件。组件获得新的状态然后决定是否应该重新渲染组件。比起让每次都重新渲染,你可以告诉你什么时候不像触发重新渲染。重要提示当子组件的的变化时返回并不能阻止它们重渲染。 React因为他的性能而著...
摘要:同时,在方法命名上也投入一精力,尽可能地使方法名保持简单,它将帮助你在重构代码时,更好的达到单一职责。 这是理解SOLID原则中,关于单一职责原则如何帮助我们编写低耦合和高内聚的第二篇文章。 单一职责原则是什么 之前的第一篇文章阐述了依赖倒...
摘要:继承前言作为一门轻量级的脚本语言在和的横空出世之后将其推向的新的高度虽然中出现的新的生成对象的类语法格式但依然为的语法糖而我们依然有必要从的原生实现入手来了解它的继承实现方式给出了更加简洁的固定的类声明方式有兴趣的可以查看阮一峰的入门...
摘要:但高度封装的带来方便的同时,很多人却很少去关注轮子的内部结构,以至于当使用需要手动配置一些东西如编译实现代码压缩,移动端适配等配置的时候往往无从下手。废话不多说,下面我们来看看如何基于模仿实现项目工程化。 从零搭建vue-cli 原创不易,如...
摘要:问题引入接触过事件循环的同学大都会纠结一个点,就是在中和执行顺序的随机性。当队列被执行完,或者执行的回调数量达到上限后,事件循环才会进入下一个阶段。嵌套的在下一个事件循环的阶段执行回调输出嵌套的。 问题引入 接触过事件循环的同学大都会...
摘要:是词法作用域工作模式。使用可以将变量绑定在所在的任意作用域中通常是内部,也就是说为其声明的变量隐式的劫持了所在的块级作用域。 作用域与闭包 如何用js创建10个button标签,点击每个按钮时打印按钮对应的序号? 看到上述问题,如果你能看出来这个...
摘要:重要的是后续的更新。第一个程序要注意的是,我们写的将在环境中执行。而执行将通过命令行运行。因此,我们说交互环境会把每一行代码结果自动打印出来,但是直接运行文件却不会。 Node.js 安装与更新 Node.js可以通过在官网下载更新,第一次安装我们只...
摘要:继承的继承可以简单的认为就是上篇文章中的寄生组合继承模型几乎一模一样,只是在语法结构上多了和关键字,另外一个区别就是父类和子类通过连接。 ES5继承 VS ES6继承 前言 ES6 已经发展了很长时间里 javascript相对于其他例如java等是一门比较怪异的...
摘要:原文出自本人博客的详细总结博主博客兼乎说在前面最近在使用做项目,所以有了总结的念头。在这种情况下,只有当所有触发函数完成后,返回的才会执行。当模块被注册后,它的所有及都会自动根据模块注册的路径调整命名。 原文出自本人博客:vuex的详细总...
摘要:介绍这是一个功能强大的可拖拽的组件。它可以自动滚动,锁定坐标系。支持拖拽时,流畅的动画效果。可以支持水平,垂直或者网格的拖拽。 介绍 vue-slicksort -- 这是一个功能强大的可拖拽的vue.js组件。 它可以自动滚动,锁定坐标系。支持拖拽时,流畅...
摘要:全局作用域对应全局变量,局部作用域对应局部变量。通常理解的局部作用域是定义在函数内部的作用域。作用域链当我们定义一个全局变量的时候,它就在全局环境里,作用域链只有一条。 变量对象js 解析器是如何找到我们定义的函数和变量的?实际是通过VO...
摘要:使用发布将项目打包后部署到上是常见需求。需要使用到的库。关于的知识,参考使用指南用打造超溜的前端工作流需付费修改此时,虽然可以发布,但所有相关的静态文件的目录都是指向的,而实际的静态文件的位置是在中。 使用npm-scripts发布Github Pages ...
摘要:行内元素总是和相邻的元素在同一行内联元素的宽高和内外边距都是不可控制的,就是里面图片和文字的大小。但是也有一些浏览器默认的行内元素,他们可以控制高度,但是不会换行,比如说等。函数对象函数对象,函数对象以上方法可以更加方便的使用。 html...
摘要:因为觉得这个是在项目中最常用的功能,提取出来方便复用的才是组件然而我才发现这个想法是有问题的。联动思考悟缘起于最近的一个表单开发,页面上有个是联动菜单的选项。两个组件放在不同的板块内,相互独立,方便管理和维护。 今天在家躺了一天,直到...
摘要:如果没有看过之前一篇博客的,或者对的脚手架没有了解过的同学,推荐先看上一篇如何实现一个简单的脚手架。它是一个用来构建静态网站的类库,也能够用来对文件进行处理。有任何问题欢迎进行交流。 前言 在之前一篇博客介绍了关于Node脚手架的一些基础...
摘要:高级排序算法总结希尔排序间隔序列可以动态定义,不过对于大部分的实际应用场景,算法要用到的间隔序列可以提前定义好有一些公开定义的间隔序列,使用它们会得到不同的结果。 高级排序算法总结 希尔排序 function shellsort(array, gaps) { ...
摘要:鼠标按住绘制轨迹需求在一块画布上,初始状态画布什么都没有,现在,我想给画布加一点鼠标事件,用鼠标在画布上写字。获取当前鼠标相对于的坐标。的解构赋值绘制起点。但是由于浏览器会自动帮你判断并且移交事件处理,所以完全不用担心。 概要 工作以...
摘要:注意字段的用法以上的功能有一个致命弊端每次添加包时,都需要重新修改添加包会让所有模块恢复默认状态,临时用是没问题的。 最近写 Vue 遇到了问题,来自于这里 自定义块; 简单来说,我想和官方教程一样,在 .vue 文件中包含一个 docs 的标签,像下...
摘要:实例代码各游览器兼容所有识别识别识别识别有效仅有效及以下识别仅识别仅识别一般情况下我们区分只用配合就行了如果必须写这样的代码区分及以下则谨记此写法对也有效,故在其中要再重写一次或者使用方法仅对有效。 关于CSS HACK 可以参见这个网站http...
摘要:前言这一篇,我们将接着上篇来完成配置。开发一配置我们采用的方式来创建。对了,前提我们需要全局安装。三配置创建文件,上配置配置总结这篇不多,就做了三件事,。下一篇我们将创建项目文件目录架构从零开始做前端架构项目完整代码前端架构子咻 前言...
摘要:而则在我们完成当前中文的输入触发。看以下代码事件触发我们通过,事件来设置,判断是否正在进行输入中文以控制事件的响应,看上去没有问题,但实际执行时会发现在谷歌浏览器中执行顺序要先于,火狐执行顺序正常,但会响应两次。 我们在网页中经常会遇...
ChatGPT和Sora等AI大模型应用,将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的,但推理(inference/serving)用4090不能说合适,...
图示为GPU性能排行榜,我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...