首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端项目都有啥?

前言 在Rust 赋能前端-开发一款属于你的前端脚手架中我们介绍过使用Rust来写一个基于前端项目的脚手架,在发文后反响也不错。然后,有些动手能力强的小伙伴,已经将其应用到实际开发中了。...biome也是一款用Rust编写的前端工具库。 ❝有没有感觉到Rust在重构前端工具中,越来越重要。这里王婆卖瓜一下,前端时间,我们用Rust写了一个前端脚手架,有兴趣的同学可以自行使用。...(js|mjs|cjs|ts|mts|cts) 我们选择最常规的方式,postcss.config.js来配置,这样更容易处理一些逻辑。 postcss.config.js 本地安装PostCss。...如果想了解这方面的知识,可以参考前端工程化之Webpack优化 使用vite构建的前端项目,它会为我们内置很多默认插件,让我们可以无脑进行前端应用开发。...: "js/[name].

26410
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端JS规范

    male', age: 25 } 只对非法标识符的属性使用引号,eslint: quote-props 原因:因为通常来说我们认为这样主观上会更容易阅读,这样会带来代码高亮上的提升,同时也更容易被主流 JS...bar.css' // good import fooSass from 'foo.scss' import barCss from 'bar.css' 迭代器 建议使用 JS 更高优先级的函数代替...the same applies for `const` 不允许出现未被使用的变量,eslint: no-unused-vars 原因:声明但未被使用的变量通常是不完全重构犯下的错误.这种变量在代码浪费空间并会给读者造成困扰...// true // 数组(即使是空数组)也是对象,对象等于true } 分号 Standard 的规范是不使用分号的,我建议统一使用分号,代码更加清晰 关于应不应该使用分号的讨论有很多,好的 JS

    5.3K10

    js 函数柯化(Currying)

    原文链接:https://blog.spiritling.cn/posts/c0f17b1f/ 在计算机科学中,柯化(Currying),又译为卡瑞化或加里化,是把接受多个参数的函数变换成接受一个单一参数...从一道面试题谈谈函数柯化从一道面试题谈谈函数柯化 题目:使用 js 实现 add(1)(2)(3)(4) 返回 10 函数柯化要求多个参数转为单一参数,所以相当于 function add()..._add.getResult = function () { return result; }; return _add; }; 这样通过上面函数就可以实现基本的柯化要求...当然有了,在 js 中函数是有原型链的,所以每个函数都继承了基本的一些方法。 当你定义一个函数后,你如果打印时只输入函数名,并不执行,则函数内部信息就被打印出来。...结束 通过上面的研究,解决一个函数柯化问题。

    1.5K20

    JS中的柯

    作为函数式编程语言,JS带来了很多语言上的有趣特性,比如柯化和反柯化。 这里可以对照另外一篇介绍 JS 反柯化 的文章一起看~ 1....以上柯化函数已经能解决一般需求了,但是如果要多层的柯化总不能不断地进行currying函数的嵌套吧,我们希望经过柯化之后的函数每次只传递一个或者多个参数,那该怎么做呢: function curryingHelper...也可以使用下划线来指定未确定的参数 var sendPost = sendAjax( _ , _ , { type: "POST", contentType: "application/json" }) JS...// 绑定 bar() // 888 ---- 网上的帖子大多深浅不一,甚至有些前后矛盾,在下的文章都是学习过程中的总结,如果发现错误,欢迎留言指出~ 参考: JS...高级程序设计 JS中的柯化(currying) 前端开发者进阶之函数柯化Currying 浅析 JavaScript 中的 函数 currying 柯化 掌握JavaScript函数的柯化 函数式

    4.6K20

    前端JS内存管理

    JS内存管理 内存原理: 任何变成语言在执行的时候都需要操作系统来分配内存,只是有些语言需要手动管理分配的内存有些语言有专门来管理内存的方式 如 JVM 了解以上的概念之后,我们再来了解一下大致的内存周期...分配需要的内存 使用内存 在不使用的时候释放内存 JS 属于自动管理内存的语言 在我们定义数据的时候 JS 会给我们分配内存,但是内存分配的方式有区别 对于原始数据内存分配在执行的时候 直接放在栈空间进行分配...PS:这个算法可以很好的解决循环引用的问题 他会从一个根对象去不断查找确认查找之后就会标记对象 如果发现找不到 就等于无法引用 那么就会去销毁(如下图) 前提是 RO 对象不会被删除 其实就代表我们 js...闭包概念 闭包是JavaScript中一个非常容易让人迷惑的知识点 JS 作为高级语言 是支持函数式编程的,这意味着在js中 函数操作和使用都非常灵活 函数可以作为另外一个函数的参数,也可以作为另外一个函数的返回值来使用

    2.1K20

    前端格局要大,不能被限制在“前端

    但是一直以来关注我这个微信号的朋友们,应该会发现我事实上很少写直接学JS前端的教程。...因为我觉得一是现在网上前端方面的技术文章足够的多了,并不差我这一篇;另一方面是觉得我及这个微信公众号的目的并不是教你如何学JS,而是如何在前端的路上走的更远,更稳,保持正确的学习观,技术观,路线观,简称我的三观...那回到本文的标题,什么叫不能被限制在前端呢? 因为第一前端是一个综合性的工作,它不是单纯的一个技术,像JAVA啊,PHP啊,你学好这一个语言就OK。...前端不是,你必须至少学会CSS\JS\HTML三种语言,然后才有学会前端的可能。它要求你对这三种语言都能够熟悉掌握、并理解它。然后才能合理的配置它们的工作方式方法。...所以前端工作,你使用的是html、css、javascript。但你脑子,眼睛,心里必须同时看着后端,盯着设计和产品,还要有用户体验,还要有网络环境、浏览器相关、用户上网终端、新技术发展。

    783100

    js 高阶函数之柯

    博客地址:https://ainyi.com/74 定义 在计算机科学中,柯化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术...call / apply 直接执行有所不同 动态创建函数 有一种典型的应用情景是这样的,每次调用函数都需要进行一次判断,但其实第一次判断计算之后,后续调用并不需要再次判断,这种情况下就非常适合使用柯化方案来处理...function (type, el, fn) { // 关键 el.attachEvent('on' + type, fn) } } })() 上面这种实现方案就是一种典型的柯化应用...始终将 Object.prototype.toString 设置为传入参数,其实等价于 Object.prototype.toString.call() 实现 Currying 函数 可以理解所谓的柯化函数...=> {}).length; // 0 const fn = (...args) => { console.log(args.length); } fn(1, 2, 3) // 3 所以在柯化的场景中

    2.8K40

    前端的世界没有“容易”二字

    前端也从最初的一个概念变为前端的新宠儿。一图胜千言吧~ ? 5 编程语言 来自statesofjs的统计,在类JS编程语言上,ES6遥遥领先,TypeScript也获得接近半数的使用量。...大纲如下: 1.TypeScript+Webpack环境搭建 构建基于TypeScript编译和运行环境 构建基于tsx组件化思想Webpack环境 构建TypeScript对Node.js的编译支持...实战应用 去 Redux 使用React hooks 完成状态管理 使用React hooks+Functional components 3.集成BFF开发模式完成真假路由混用 搭建基于Nest.js...的后端开发环境 将React项目发布至其前端进行集成 完成BFF+SPA整体项目的测试环境搭建 4.Webpack开发SPA与MPA核心知识 了解SPA与MPA开发的性能指标区别 CSS in JS &...JS in CSS工程实践 学习Webpack优化SPA与MPA配置区别 5.基于AST实现简版Webpack 了解Webpack基础运行原理 了解AST在前端开发具体用途 从0到1带你手写简版的Webpack

    78520

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券