Nuxt 第21页

nuxt 使用babel编译es6语法

让node程序支持es6语法必须安装babel编译npminstallbabel-preset-es2015配置内容然后在项目根目录新建.babelrc文件{"presets":["es2015"]}babel来编译node程序babel是用来编译es6的语法转成es5语法的工具修改package.jsondev&build:在后面添加--execbabel-node如果npmrundev报错：'

彬彬彬boboc·2023-03-23 09:59

nuxt.js中使用vue-cropper实现图片裁剪

最近我司一项目，在个人中心页面上需用户上传个性传封面图（类似知乎个人主页上部），用户上传图片大小不一，且封面图大小为1000px*240px;这就需要在用户上传的时候对图片进行合适大小裁剪。大概思路：用户上传图片时判断图片尺寸大小，宽高不能小于1200px240；小于这个尺寸将无法完美裁剪。将图片转化为base64格式，即时回显图片和不浪费服务器资源。这两步完成后，将进入到vue-cropper的

慢半帧·2023-03-20 23:55

Linux tree命令

tree命令Linuxtree命令用于以树状图列出目录的内容。执行tree指令，它会列出指定目录下的所有文件，包括子目录里的文件。

执拗的男孩·2023-03-20 12:24

nuxt - 环境变量配置

1.安装cross-env插件npminstallcross-env--save2.配置env.js新建一个env.js文件放在目录下（与nuxt.config.js同级），在里面写入自己的项目需要配置的几种环境以及对应环境的参数的值

Bai_白·2023-03-19 11:43

Nuxt 引入 mavon-editor

先installmavon-editor插件`npminstallmavon-editor--save`然后，配置plugins，mavon-editor.js```importVuefrom'vue';importmavonEditorfrom'mavon-editor';import'mavon-editor/dist/css/index.css';Vue.use(mavonEditor);`

yu4hao4·2023-03-18 01:05

将本地项目关联远程仓库

我现在新建的是nuxt的项目：现在查看分支gitbranch以及gitremote-v全部为空image.png创建关联：gitremoteaddorigin关联成功之后没有返回值（没有结果就是最好的结果

风筝啊·2023-03-17 23:00

nuxt.js+vue2.x使用swiper

安装swiper5,没有指定版本的话，默认安装最新的，vue2用不了npmiswiper@5.xvue-awesome-swiper-s在plugins目录下新建文件swiper.js,内容如下importVuefrom'vue'importVueAwesomeSwiperfrom'vue-awesome-swiper'exportdefault()=>{Vue.use(VueAwesomeSwi

相维变·2023-03-17 23:45

JAVA 提升图形界面的一些性能

https://linuxtoy.org/archives/speed-up-slow-java-apps.html

沧浪之水v·2023-03-17 14:21

如何使用Github发布私有NPM包

最近在做一个基于Nuxt的项目时，我需要将一些应用程序级的逻辑分离到一个单独的Nuxt模块中，这样就可以独立地管理它，并在其他应用程序中重用它。

Meta.Qing·2023-03-17 10:12

nuxt - 初始化项目

1.初始化项目在cmd窗口中输入npxcreate-nuxt-appnuxt-test，其中nuxt-test是你的项目名称。

Bai_白·2023-03-17 07:09

vue + nuxt + vee-validate（表单验证）

安装npminstallvee-validate--saveplugins文件创建veevalidate.jsimportVuefrom'vue'importVeeValidate,{Validator}from'vee-validate'importzh_CNfrom'vee-validate/dist/locale/zh_CN'Vue.use(VeeValidate);Validator.lo

哎呦程序猿·2023-03-17 02:28

Nuxt.js腾讯云直播

腾讯云文档：https://cloud.tencent.com/document/product/881/20207Step1.引入初始化脚本nuxt.config.js引入TcPlayerJS库script

Cxetry_·2023-03-16 12:06

nuxt.js安装

2.使用vue安装nuxt安装好vue-cli后，就可以使用init命令来初始化Nuxt.js项目。

简单的源代码·2023-03-16 10:54

NuxtJS 多层动态路由 /dataset/:industry/:category/...

需求：将冗长的路由缩短before/dataset/{industryID:5cfcc796fb0a4e6b9f2550d3,category:5cfcc796fb0a4e6b9f2550ca}after/dataset/5cfcc796fb0a4e6b9f2550d3/5cfcc796fb0a4e6b9f2550capages/--|dataset/-----|_industry/-------

文句大嫌·2023-03-16 06:18

物理cpu、逻辑cpu

intel超线程技术，可以在加上intel的超线程技术（HT），可以在逻辑上再分一倍数量的cpucore出来逻辑CPU数量=物理cpu数量*cpucores这个规格值*2（如果支持并开启ht）注：linuxtop

k1ic·2023-03-15 21:16

2.Nuxt 项目初始化

一、利用vue-cli脚手架初始化项目1.安装脚手架npmi-gvue-cli2.利用脚手架初始化项目vueinitnuxt-community/starter-templatedemo其中demo为projectname3

winzhyming·2023-03-15 17:02

第十七篇 | Linux命令之tar/gzip/bzip2/zip/unzip

不同操作系统，常用的打包压缩方式不同windowsrarMaczipLinuxtar.gzgzipmkdiratdirbtdir在当前路径下创建atdir,btdir两个文件夹cdatdir/touchaabbcccd

奈思特·2023-03-15 12:53

2020-01-13 nuxt实现打包后可动态修改接口地址

1.此功能的原因：1.当接口地址需要改动时，需要修改代码重新提交、重新打包；2.当项目不需要修改功能；只需要改变一下接口地址，其它项目可以直接部署使用时；2.思路：配置一个json文件，可以通过修改此文件达到改变接口地址的目的；此时便需要在页面入口处可以读到此文件；3:实施3-1:新建pathConfig.json文件此文件由于是对外可以进行修改的，因此不能进行编译，可放在static文件夹下；{

坨坨_ea46·2023-03-15 11:23

pm2安装并启动项目

-linux-x64/bin/pm2/usr/local/bin/3、查看进程pm2listLinux下启动项目1、启动node项目pm2startapp.js--namemy-project2、启动nuxt

塔塔七·2023-03-15 05:34

视频教程-Nuxt.js+BootstrapVue+Json-server 基础入门到项目实战-Vue

Nuxt.js+BootstrapVue+Json-server基础入门到项目实战多年全栈开发经验及讲师培训经验，资深全栈大前端工程师；科盾科技前端开发主管；舆情大数据安全中心研发经验；李广川¥19.00

weixin_33392213·2023-03-15 05:57

nuxt动态路由传参

我的动态路由目录你也可以这样在this.$router.push中有两种传参方式1.使用query来存放参数//其中的game.id，这就是动态路由的参数，也就是‘_gt’//query:{name:'aaaa'}，就是要传递的参数this.$router.push({path:'/goodsList/'+game.id,query:{name:'aaaa'}})效果：这样做你传递的参数就会在地址

断水无忧·2023-03-14 17:00

Nuxt.js项目开发过程遇到的问题以及对Nuxt.js的学习与总结

文章目录前言Nuxtjs3快速了解nuxtjs是什么？官网是这样介绍它的。

黛琳ghz·2023-03-13 23:33

Python使用Django创建第一个项目

1首先确保安装了Python3,在此使用的系统为Ubuntu@ubuntu:~$python3Python3.6.7(default,Oct222018,11:32:17)[GCC8.2.0]onlinuxType"help

weixin_30498807·2023-03-13 11:19

nuxt打包去除console.log之uglifyjs-webpack-plugin插件

安装uglifyjs-webpack-plugin插件：npmiuglifyjs-webpack-plugin@1.0.0--save可以在nuxt.config.js中的build->plugins中添加

一只喵de旅行·2023-03-11 05:56

初识nuxt.js

其中原生Vue渲染模式是CSR，这种渲染模式不利于搜索引擎的搜录；而我司项目比较依赖搜索引擎的流量、加上后端初转前端的我只会Vue,搜索了大量资料、最终觉得Nuxt.js比较适合我这种新手。

慢半帧·2023-03-10 09:54

Liunx常用命令

一、教程网址http://man.linuxde.net/https://linuxtools-rst.readthedocs.io/zh_CN/latest/index.html二、Linux文件系统常见目录说明

趙小傑·2023-03-09 23:04

【containerd】RunPodSandbox for XXX error="failed to reserve sandbox name"

k8s集群k8s:01746170708faa599113b027772802bcbb594ee8containerd:v1.5.4OS:Tencenttlinux2.2(Final)kernel:LinuxTENCENT64

Lis_·2023-03-09 20:19

Cloud Studio 下Lua环境安装

Lua正常步骤左下角终端输入curl-R-Ohttp://www.lua.org/ftp/lua-5.3.5.tar.gztarzxflua-5.3.5.tar.gzcdlua-5.3.5makelinuxtestsudomakeinstal

空娴·2023-03-09 15:53

（三）Vue-Snabbdom

虚拟DOM的作用维护视图和状态的关系复杂视图情况下提升渲染性能跨平台•浏览器平台渲染DOM•服务端渲染SSR(Nuxt.js/Next.js)•原生应用(Weex/ReactNative)•小程序(mpvue

JerrySi·2023-03-09 11:00

nuxt+koa-session2+redis 实现用户登录

前言最近再用nuxt2+elementui编写用户登录和注销，在实际操作过程中发现了许多问题，目前关于登录的会话保存除了用token就是用session，我依然采用传统的session方式，同时由于我nuxt

zshawk1982·2023-03-09 05:19

『踩坑记录』解决Nuxt.js 打包后 Ant Design 的 dist.js 图标文件过大的问题

参考「踩坑记录」Nuxt.js&AntDesignVue配置https://www.jianshu.com/p/ca335eaa50cbnuxt按需引入组件库（却加载所有图标问题），nuxt性能优化。

Northes·2023-03-08 23:33

Nuxt3项目搭建过程(Nuxt3+element-plus+scss详细步骤)

目录1.Nuxt3的安装1.1.安装新建Nuxt3项目1.2.Nuxt3的启动使用1.3.Nuxt3运行端口2.element-plus的安装配置2.1.演示使用3.scss安装和全局变量配置3.1.使用

·2023-02-27 18:01

Linux To Go（把Linux装进口袋）

起因自从来买硬盘和硬盘盒之后很少用u盘来传输文件了但又不想让他闲着想起很多人都做成了WinToG看起来挺好玩的样但是把win的系统装进u盘感觉用处又不是很大刚好接触Linux系统比较多那就做一个LinuxToGo

雪月三十·2023-02-25 15:47

Nuxt3实战系列之配置管理

Nuxt提供了一个运行时配置API，在你的应用程序和服务器路由中暴露配置，并能在运行时通过设置环境变量进行更新。

·2023-02-24 18:29

使用Nuxt3创建一个项目模版的相关配置以及遇到的一些问题

ArcoNuxt3Admin这四个使用nuxt3和ArcoDesign创建的简单项目模版，下面是一些创建项目的相关配置和遇到的一些问题项目地址初始化创建这里我使用pnpm创建，详情查看Nuxt3Installationpnpmdlxnuxiinitarco-nuxt3

·2023-02-21 18:39

Nuxt3实战系列之网络请求篇

Nuxt3提供了4种方式使得我们可以异步获取数据useAsyncDatauseLazyAsyncData（useAsyncData+lazy:true）useFetchuseLazyFetch（useFetch

·2023-02-19 16:05

提高首页访问速度 and 记录一次Nuxt天坑

起因将整个博客用Nuxt重构完成之后我发现首页访问速度还是不尽人意，白屏时间确实大大缩短，但是背景出现到最近文章出现这中间还是有比较长的一段时间，主页截图也就是说第一次网络请求比较慢，那有没有办法解决呢

AtomG·2023-02-19 04:27

前端测试

其实没必要达到测试驱动开发的程度，只要写完代码可以补测试，并且补出高效的测试，前端或许真的不需要手点大前端时代不谈环境不成方圆，本文从下面几个环境一一分析下如何敏捷测试node环境vue环境nuxt服务端渲染环境

gaby666·2023-02-18 15:46

Nuxt.js 入门

前言Nuxt是Vue上的SSR，也就是服务端渲染应用框架，可在很大程度上解决当前SPA和CSR的首页加载慢，不利于SEO的问题。

__Nancy·2023-02-18 06:58

realworld+nuxtJS项目

REALWORLD项目介绍GitHub仓库：https://github.com/wang1xiang/realworld-nuxtJS在线示例：http://106.75.190.29:3000接口文档

wangxiang2020·2023-02-18 00:41

vue-cli3搭建服务端渲染vue-ssr，node+express+vue-cli3+vue-ssr

有帮助的话，还请点个赞建议使用nuxt，可以更好的做服务端渲染。需要自己创建index.template.html文件。

芸芸众生ing·2023-02-17 11:01

为什么在容器中 1 号进程挂不上 arthas？

提示AttachNotSupportedException:UnabletogetpidofLinuxThreadsmanagerthread。

·2023-02-17 10:41

nuxt解决首屏加载慢问题_如何解决作物生根慢的问题？

原标题：如何解决作物生根慢的问题？蔬菜生根缓慢甚至不生根原因有哪些？看起来是土地上部长势问题，但根本的问题出在根上，是根系长势衰弱。蔬菜生长到现在，根系由于各种原因影响，开始出现老化，表现为老根活性降低，新根扎不下去，所以根群浅，吸收养分和水分能力下降，从而导致蔬菜长势衰弱，产量低。一、地温不足，蔬菜根系生长要保持在12度以上，新根才能生长，如果地温不足，直接导致蔬菜不生新根。二、土壤板结和盐渍化

weixin_39719077·2023-02-17 02:26

nuxt解决首屏加载慢问题_如何解决百度云盘下载速度慢的问题

最近用百度云盘下载东西，由于本人是个“穷人”，没有开通VIP会员，下载的速度很慢，本着时间就是金钱的原则，果断上网搜索解决办法。下面介绍的解决办法都是从网上搜索来的，亲测可用，总结下来，以供大家参考。1.这是我从博客上看见的一种方法，可以跟着上面的步骤进行操作，自己测试过了，确实可行2.上面的方法中提到了用Internetdownloadmanager软件进行下载，我顺便搜了一下这个软件的安装和使

weixin_39777637·2023-02-17 02:26

nuxt解决首屏加载慢问题_滴普大前端 | 滴普是如何实现首屏加载性能优化的？...

决定优化方向首先打开Inspect-Network查看请求情况，从图片可以看出，DOMContentLoaded时间为2.67s，Load时间为3.45s，资源交换为2.4MB。优化方向主要在以下几个方面：DNS解析时间比较长资源加载量大首页并没用到高德地图，高德地图的请求阻塞了后续资源的加载流式请求的加载顺序阻塞了后续请求的发起图片的格式未针对浏览器进行优化，体积比较大，小型图片可以使用svg替

weixin_39786617·2023-02-17 02:26

nuxt解决首屏加载慢问题_Nuxt开发经验分享，让你踩少点坑

背景：为什么使用nuxt.js?vue单页面应用渲染是从服务器获取所需js，在客户端将其解析生成html挂载于id为app的DOM元素上，这样会存在两大问题。

weixin_39586353·2023-02-17 02:56

nuxt解决首屏加载慢问题_干货：网站加载太慢？从图片入手

互联网愈来愈发达，在网站的页面中的图片越来越多，而当用户打开页面的时候，用户只能看到首屏的内容和图片，非首屏图片对用户来说，是没有意义的。如果我们不做图片做任何处理，那用户打开页面的时候，浏览器会加载页面上的所有图片资源。这无疑会增加页面展示时间和其他功能的使用，这也是导致网站加载过慢的原因之一。人们的智慧是无限的，为了解决这一问题，图片懒加载的技术随之兴起。首先，让我们看一个栗子:这是一个常规电

weixin_39599081·2023-02-17 02:56

nuxt解决首屏加载慢问题_Vue首屏加载慢

项目慢慢大起来之后，页面越来越多你会发现第一次进入vue项目变得很慢，这就叫首屏加载慢。一般有这些常见原因：有些项目图片很大也没有压缩一般大图控制在300k以内小图可以控制到50k以内可以让美术压缩好素材再发给你项目使用了一些插件如轮播倒计时等等其他文件还有些图标，字体文件等代码写的有问题需要优化代码首页接口过慢F12查看Network接口响应速度要求后端优化接口项目过大页面太多使用路由懒加载ss

weixin_39672572·2023-02-17 02:56

Nuxt3实战系列之了解Nuxt3的渲染模式

使用过nuxt2的人都知道，nuxt并不单单是个服务端渲染框架，它也同时具备纯客户端渲染以及静态化渲染的能力。

·2023-02-17 02:54

nuxt作为主应用接入qiankun的实践（附代码）

上半年一直在倒腾qiankun，在使用nuxtjs接入qiankun时遇到了一些坑，记录并分享出来，希望能帮助到大家。

·2023-02-17 02:22

推荐频道

Nuxt