排序
TVP新书上架 | 融合:产业数字化转型的十大关键技术
新书速递 近期,在腾讯云 TVP 联合出书计划中,腾讯云 TVP 山金孝老师推出了新书《融合:产业数字化转型的十大关键技术》。 《融合:产业数字化转型的十大关键技术》 作者:山金孝 李琦 中译出...
脚手架开发流程
本文作者为360公司奇舞团团队前端工程师韩国芳。 目前日常工作中常用的脚手架有 vue-cli、create-react-app、angular-cli 等等,都是通过简单的初始化命令,完成内容的快速构建。 脚手架是我们...
nvm安装,nvm的使用,nvm常用命令,nvm安装node报错,nvm切换不了,等系列集合
前言: 在Web前端项目开发过程中,由于各种前端框架、插件 以及 Nodejs、Npm 的飞速更新,在项目新开发 或 对老项目进行更新维护时,有些项目版本的配置 和 当前Node、Npm环境不匹配,导致运...
前端Vue基于腾讯地图Api实现的选择位置组件 返回地址名称详细地址经纬度信息
前端Vue基于腾讯地图Api实现的选择位置组件 返回地址名称详细地址经纬度信息, 下载完整代码请访问uni-app插件市场地址:ext.dcloud.net.cn/plugin?id=1… 效果图如下: 使用方法 <!-- left...
vite和rollup出了个新插件,支持国际化工作的自动化解放
前言 之前写了篇文章 我搞了个可以全自动化国际化的工具... ,介绍了当前常用的国际化手段以及我实现的国际化手段的思路对比,以及介绍了我这种思路下的优点。基于上述思路,我搞了个webpack项...
如何用好 useMemo 和 useCallback:你可以移除它们中的大多数
如何用好 useMemo 和 useCallback:你可以移除它们中的大部分 本文源于翻译:How to useMemo and useCallback: you can remove most of them useMemo 和 useCallback 是React中的两个钩子函数,...
一次微前端的改造记录
前言 由于公司的一些需求,需要去了解 iframe 和 qiankun 两种微前端方案,特此记录一下。 微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转...
前端vue简单好用的上拉加载 下拉刷新组件,支持列表分页 本地分页(更新版)
前端vue简单好用的上拉加载下拉刷新组件,支持列表分页 本地分页, 下载完整代码请访问uni-app插件市场地址: ext.dcloud.net.cn/plugin?id=1… 效果图如下: 使用方法 <!-- pullDown:下拉刷新...
从 React 到 Vue:在 Vue3 中 创建 createContext 优雅地实现依赖注入
前言 vue的 provide/inject 也是一种实现组件之间依赖注入的方式,但是他也会存在一些痛点。 依赖注入层级关系不明确。提供的值可以被任何后代组件访问到。这种方式虽然提高了组件的复用性,但...
Next.js 中的 3 种渲染方式:SSR、SSG 以及 CSR
Next.js 中支持 3 种渲染方式:服务端渲染(Server-Side Rendering,简称 SSR)、静态站点渲染(Static Site Generation,简称 SSG)和客户端渲染(Client-Side Rendering,简称 CSR)。 预渲染...
如何实现分片加载网络数据?让页面秒开无白屏!
网络请求是前端开发中非常重要的一环,但是当我们处理较大的网络请求时,我们往往会面临着长时间的等待和页面白屏的问题。 这不仅影响了用户体验,也降低了网站的性能。 那么,你是如何解决这一...
学习vue3系列-路由编
目标 vue-router基础使用 vue-router数据结构 meta数据结构定义 路由守卫 路由鉴权过程 路由permisson逻辑实现 vue-router基础使用 vue项目的开发是离不开vue-router的。vue作为一个mvvm框架,...
Vue和React权限控制的那些事
自我介绍 看官们好,我叫JetTsang,之前都是在掘金潜水来着,现在偶尔做一些内容输出吧。 前言 无论是后台管理系统,还是面向C端的产品,权限控制都是日常工作中常见的需求。在此梳理一下权限控...
前端跨端哪些事之Hybrid
我正在参加「掘金·启航计划」 为什么要有跨端开发 因为前端当下需要处理的场景实在是太多了:android、ios、pc、小程序,甚至智能手表、车载电视等,当某几个场景非常相似的时候,我们希望能够...
Vue自定义指令
在Vue中,指令的使用无处不在,我们前面一直在使用的v-bind、v-model、v-on等都是指令。Vue中也提供了自定义指令的能力,对于某些定制化的需求,配合自定义指令来封装组件可以使开发过程变得非...
不可不知的前端工程化 —— 初识篇
背景 前端工程化的出现是为了应对前端开发的复杂性和多样性。随着前端技术的不断发展和变革,前端的业务逻辑逐渐变得复杂多样,企业对于前端的应用功能要求也跟着不断提高,例如优化开发流程、...
Vue.js新手必看:了解一下VUE数组的变异方法
Vue框架提供了一些便捷的数组变异方法,包括push、pop、shift、unshift、splice、sort和reverse等。在使用Vue开发Web应用程序时,经常需要对数组进行操作以实现相应的功能,而使用原生的JavaScr...
vue-router的报错,我是这样解决的
起因 事情的起因是这样的,我用vite构建了一个vue3的项目,vue-router以及pinia都是通过官网的下载方式下载的 下载之后我vue-router的版本以及pinia的版本分别是 'vue-router': '4' 以及 'pinia...
(源码篇03)webpack5的loader-runner源码浅析
本章知识点: Object.preventExtensions 和 Object.defineProperty 的用法和作用 webpack 中的 pitch loader和normal loader 的本质以及调度过程 loader-runner中巧用this指向和闭包实现异步loa...
React–Redux③(异步数据流和模块拆分)
异步数据流(redux-thunk) 网络请求可以在类组件的 componentDidMount 中发送,所以可以有这样的结构: componentDidMount() { axios.get(url).then(res => { const banners =...