最近不忙,一直写React,所以打算重温一下Vue的东西,从创建项目开始,有兴趣的可以了解一下。 先说下前置条件: node版本在18.3以上(vue2可能不需要这么高的版本) 输入: node –v,查看node版本 一、基于vue-cli搭建 vuecli官方文档 @vue/cli版本在4.5.0以上,vue2不需要,但是尽量使用高版……
标签目录:前端
以下是与标签 “前端” 相关联的文章typesciprt学习笔记
TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。这意味着TypeScript是JavaScript的超集,它包含了JavaScript的所有元素,并为其添加了可选的静态类型和基于类的面向对象编程。 一、主要特性 类型批注:TypeScript允许开发者为变量、函数参数和返回值……
解决使用SASS样式库中遇到的常见两个警告
Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. 针对您遇到的“Deprecation Warning: The legacy JS API is deprecated and will be remov……
Koa和Express的区别
Koa和Express都是基于Node.js的服务端开发框架,它们各有特色,下面我们来对比一下。 一、涉及理念 Express:旨在提供一个灵活而全面的Web开发框架,集成了许多常用的功能,如路由、模板渲染等。它屏蔽了大量复杂繁琐的技术细节,让开发者只需要专注于业务逻辑的开发,降低了入门和学习的成本。 Koa:更注重简洁和优雅,它更像是一……
Vite构建框架概览
Vite作为Vue3主推构建框架,在性能上跟webpack有很大冲击,并且在开发圈占有的比重越来越大。文档说得很详细,今天只是针对前端面试常问到的内容做一个筛选总结,也方便不熟悉的同学快速了解。 一、优势 或者说为什么选择了Vite,在浏览器支持 ES 模块之前,JavaScript 并没有提供原生机制让开发者以模块化的方式进行开发。这也……
node发起axios请求报错:Socket hang up
看这一段人畜无害的代码,axios的引入和配置,再加上超长的超时限制 那么问题来了,第一个请求之后,node处理了很多逻辑操作,以至于要等好久才会发起第二次请求,第二次请求的拦截已经可以打印config,但是后面完全没有响应了,并且报错:socket hang up 最喜欢疑难杂症,因为比较有意思,但也最怕这种坑,因为老板总是催业务,不敢……
react-intl 实现 React 国际化多语言
随着应用广度不断增加,有时候我们需要设置多种语言,最近帮朋友做一个网站用到react-intl这个库,还是挺好用的,这里跟大家分享一下。 首先我们来明确一下它的原理,这样比较好理解,其实也比较简单,就是把需要展示的文本赋给一个key或者id,在页面中使用变量去获取这个文本,那么多种语言自然就对应了多套设置。下面所讲的都是使用方法而已,re……
JavaScript模板引擎Nunjucks
接触低代码后才认识了这个家伙: 提供丰富的语言特性和块继承、自动转移、宏和异步控制等等。 模板引擎就是基于模板配合数据构造出链输出的一个组件。 尽可能情况下,我们都需要读取数据后渲染模板,然后呈现给用户。故我们需要约会对应的模板引擎。 简单来说,Nunjucks就实现了在后台服务器显示内容的模板。 下面来看看一些使用方法 一、node上的……
浏览器存储:cookie、webStorage、webSQL、IndexedDB、locaForage
随着前端业务的不断扩展,逻辑也越来越复杂,就连服务端存储都逐渐渗透到前端来。几种常见的浏览器存储,了解一下。 一、Cookie 存储 cookie 是浏览器的功能,浏览器下有一个 cookie 文件夹专门存放各个域下设置的 cookie。Cookie都是name=value的结构,name和value都为字符串。另外,Cookie是有生命……
微信小程序进行时优化
小程序的运行时性能直接决定了用户在使用小程序功能时的体验。如果运行时性能出现问题,很容易出现页面滚动卡顿、响应延迟等问题,影响用户使用。如果内存占用过高,还会出现黑屏、闪退等问题。 在优化运行时性能前,建议开发者先了解下小程序的运行环境和运行机制。 开发者可以从以下方面着手进行启动性能的优化: 合理使用 setData 渲染性能优化 页面……