E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Next.js
用 Serverless 优雅地实现图片艺术化应用
项目看点概览:前端react(
Next.js
)、后端node(koa2)全面使用ts进行开发,极致开发体验(后端运行时ts的方案,虽然性能差
Serverless
·
2020-10-09 13:06
腾讯云
serverless
React
Next.js
基本配置(antd按需加载,next支持原本的css)
1、全局安装命令行工具npminstall-gcreate-next-app2、使用命令建立项目npxcreate-next-appproject3、查看是否成功创建next项目cdprojectyarndev4、让next支持cssyarnadd@zeit/next-css配置:根目录下新建next-config.js复制代码进去:constwithCss=require('@zeit/next
归去来兮_十二
·
2020-09-15 12:33
React是一个库吗
React使用
Next.js
作服务器端渲染
React使用
Next.js
作服务器端渲染内容包含什么是React服务端渲染,为什么解决ReactSEO是否需要服务端渲染使用
Next.js
实现React的服务端渲染,基本语法
Next.js
简介安装getInitialPropsjsxstylestatic
同是天涯程序猿
·
2020-09-15 12:45
react
架构设计
Next.js
入门教程
>>>阅读之前在了解
Next.js
之前,需要掌握React的基本使用方法。参考代码:https://github.com/chkui/nextjs-getting-started。
weixin_34348174
·
2020-09-15 12:21
使用
Next.js
构建React服务端渲染应用
next.js
简介最近在学React.js,React官方推荐使用
next.js
框架作为构建服务端渲染的网站,所以今天来研究一下
next.js
的使用。
weixin_34318956
·
2020-09-15 12:50
react服务端渲染框架
Next.js
踩坑(二)
这节课我们一起来完成项目的架构源码githubreact服务端渲染框架
Next.js
踩坑(一)react服务端渲染框架
Next.js
踩坑(二)react服务端渲染框架
Next.js
踩坑(三)react服务端渲染框架
weixin_34320159
·
2020-09-15 12:19
react服务端渲染框架
Next.js
踩坑(三)
源码react服务端渲染框架
Next.js
踩坑(一)react服务端渲染框架
Next.js
踩坑(二)react服务端渲染框架
Next.js
踩坑(三)react服务端渲染框架
Next.js
踩坑(四)一、页面
weixin_34195546
·
2020-09-15 12:10
react基础学习和react服务端渲染框架
next.js
踩坑
这里讲一个react服务端渲染的框架-
next.js
踩坑过程。
weixin_34176694
·
2020-09-15 12:38
react服务端渲染框架
Next.js
踩坑(一)
写在前面
next.js
是react的同构库,用它可以快速搭建一个react服务端渲染的框架,相比于直接用react配置服务端渲染简单了不少。对于没写过SSR项目,想要尝试一下的同学是个挺好的选择。
weixin_33829657
·
2020-09-15 12:19
react -
next.js
引用本地图片和css文件
1.图片把图片放在/static/文件夹中,在component中用imgtag:2.css把css文件放在/static/文件夹中,在pages/index.js中添加Head和link:importHeadfrom'next/head'classHomePageextendsReact.Component{render(){return()}}转载于:https://www.cnblogs.c
weixin_30865427
·
2020-09-15 12:36
javascript
next.js
创建新项目_使用
Next.JS
创建多语言站点—第2部分
next.js
创建新项目Thisarticlewasoriginallypostedhere.本文最初发布在这里。
weixin_26750481
·
2020-09-15 11:39
python
java
next.js
多级路由_
Next.js
教程:静态和动态路由
next.js
多级路由如何在
Next.js
中实现和使用路由(HowtoimplementanduseroutesinNext.js)Helloeveryone!
weixin_26750481
·
2020-09-15 11:39
java
leetcode
python
react seo 优化_使用React +
Next.JS
设计可定制的,SEO优化的个人网站
reactseo优化Forthepastcoupleofyears,mypersonalwebsitehasbeenhostedonaHerokufreedyno.ItwasNode.JSwithanExpressbackendandaEJSfront-end.Itworkedwellforthemostpart,buttherewereseveraldownsides.在过去的几年中,我的个人网
weixin_26750481
·
2020-09-15 11:39
python
c++
算法
java
大数据
使用React服务端渲染
Next.js
框架构建一个简单项目
Next.js
是什么
Next.js
是一个使用React构建服务呈现Web的应用程序。它使用React语法,可以很好的实现代码的模块化,有利于代码的开发和维护。
忘于江湖-CJF
·
2020-09-15 11:40
React
next.js
配置css和scss共用
在next框架中如果你引用了第三方的ui库那么你肯定要引入相应的ui库样式,这样样式基本都是编译后的css文件。然而我们日常开发中的样式要么是scss,less之类的css预处理器。在next框架中如果不进行相应的配置是不能同时使用css和scss的。npminstallcss-loadernode-sass@zeit/next-css@zeit/next-sass--save在根目录下新建nex
养只猫
·
2020-09-15 11:42
next
react
next.js
打包
在打包的时候如果遇到以下问题,原因可能是引入第三方库配置时导致的解决:删除.babelrc中style:css新建_app.js文件importAppfrom'next/app'import'antd/dist/antd.css'exportdefaultApp然后重启再npmrunbuild打包就可以了
讨口子
·
2020-09-15 11:49
Next.js
如何引入百度分享(外部引用)类似的外部js,以及如何操作window
前言近期使用React官方推荐的服务端渲染工具
Next.js
进行服务端页面编程时遇到引入百度分享等外部JS文件的问题。
how2js
·
2020-09-15 11:48
React
next.js
下css-module和组件的import样式共存的配置方法
Next.js
是一个轻量级的React服务端渲染应用框架。
天府第5街①号切图仔
·
2020-09-15 10:57
next.js
css-module
webpack
react
服务端渲染
next.js_Next.js手册
next.jsIwrotethistutorialtohelpyouquicklylearnNext.jsandgetfamiliarwithhowitworks.我编写本教程是为了帮助您快速学习
Next.js
cumichun6193
·
2020-09-15 10:05
python
web
javascript
java
vue
react
next.js
点击任何区域关闭弹框,以点击按钮弹出下拉菜单为例
import{useState,useEffect,useCallback,useRef,memo}from'react'importIconfrom'../icon';import'../../public/css/ui/drop_down.css';functiondrop_down(props){const{menu,name,icon,current}=props;//menu=[{//i
qq_41211900
·
2020-09-15 09:04
next.js
react-next
react
next.js
引用第三方js方法
//在线字体引入为列://官方提供js代码如下:(function(d){varconfig={kitId:'ewt6vfg',scriptTimeout:3000,async:true},h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+"wf-ina
qq_41211900
·
2020-09-15 09:33
next.js
react-next
react
next.js
中引用iconfont中的svgsymbol模式方法
importReact,{Component,memo}from'react'classiconextendsComponent{componentDidMount(){if(typeofwindow!=='undefined'){require('../public/js/iconfont.js');}}render(){//console.log("props",this.props);con
qq_41211900
·
2020-09-15 09:33
next.js
react-next
react中的
next.js
,安装css和less
npminstall@zeit/next-css--savenpminstall--save@zeit/next-lesslessnext.config.jsconstwithCss=require('@zeit/next-css');constwithLess=require('@zeit/next-less');//fix:preventserrorwhen.cssfilesarerequir
qq_41211900
·
2020-09-15 09:32
next.js
here map集成到react
next.js
中,实现自定义api
想要集成
next.js
,就需要get-js这个npm,加载heremap基本代码。
qq_41211900
·
2020-09-15 09:32
next.js
react-next
在
Next.js
中引入Redux|第一篇
前言春节在家里做了一点关于
Next.js
的工作,由于知识点比较多,空余写作时间比较零碎,我决定采用系列文的形式对所有知识点进行回顾总结,争取一篇文章讲明一个点,本篇要讲的是如何通过React高阶组件在
Next.js
Jerry的博客
·
2020-09-14 09:20
Next.js
reactjs
javascript
前端
你需要了解的六种渲染模式
背景周末在网上冲浪,看到个消息:NextJS9.3将静态站点生成功能引入了
Next.js
平台。静态站点生成,也就是所谓的SSG:StaticSiteGeneration。
前端瓶子君
·
2020-09-12 22:22
网络
编程语言
python
java
人工智能
Next.js+Typescript+Yarn 构建服务端渲染项目(1)
本章进行基础项目框架的搭建,使用到的技术点包括基础框架:
Next.js
(一个轻量级的React服务端渲染应用框架)构建工具:YarnTypescript后面我们会再了解eslint等工具的引入github
SunnyQK
·
2020-09-12 22:31
next
react
yarn
typescript
yarn
react
next.js
源码学习
本文为作者学习
next.js
框架架构的一些总结,仅出于个人观点,可留言共勉。
SunnyQK
·
2020-09-12 22:00
next
reactjs
Next.js
踩坑入门系列(四)— 中期填坑
Next.js
踩坑入门系列(一)HelloNext.js(二)添加Antd&&CSS(三)目录重构&&再谈路由(四)
Next.js
中期填坑(五)引入状态管理Redux(六)再次重构目录(七)其他相关知识填坑第一坑
weixin_34239592
·
2020-09-11 20:29
多语言解决方案
next-i18nextnext-i18next用于
next.js
项目的插件允许快速启动和运行翻译完全支持SSR、多个名称空间和代码分割next-i18next底层使用的是i18next和react-i18next
weixin_33825683
·
2020-09-11 17:27
在Create React App和
Next.js
之间决定
Ifyouarereadingthis,you’reprobablyaReactdeveloperwhoisdecidingbetweenCreateReactApp(CRA)andNext.jsforyournewproject.IhaveusedbothextensivelyinseveralprojectsandhavecometoloveNext.jsforitssimplicity,ea
weixin_26750481
·
2020-09-10 23:37
python
java
React.js和Vue.js的语法并列比较
而且
Next.js
和Nuxt.js甚至将它们带入了一个新的高度,这有助于我们以更少的配置和更好的可维护性来创建应用程序。
杭州程序员小张
·
2020-09-10 13:13
大前端技术
在云函数 SCF 里为
Next.js
跑 SSR
Next.js
、Nuxt.js都是SSR框架。本篇文章将介绍
Next.js
。
Serverless
·
2020-08-24 17:27
腾讯云
serverless
nestjs
快速迁移
Next.js
应用到函数计算
首先介绍下在本文出现的几个比较重要的概念:函数计算(FunctionCompute):函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。函数计算更多信息参考。Fun:Fun是一个用于支持Serverless应用部署的工具,能帮助您便捷地管理函数计算、AP
阿里巴巴云原生
·
2020-08-24 16:03
next.js
初次搭建
Next.js
项目历程(精)
使用create-next-app初始化项目create-next-app和react官方提供的create-react-app(CRA)非常像,
next.js
官方也自带了create-next-app
Awbeci
·
2020-08-24 16:59
next.js
ant-design
hiynn-design
react umi+dva开发基本流程(1)
umi以路由为基础的,支持类
next.js
的约定式路由,以及各种进阶的路由功能,并以此进行功能扩展,比如支持路由级的按需加载。
入戏半分笑
·
2020-08-24 10:25
tailwind css_如何使用Tailwind CSS设置
Next.js
tailwindcssIfyou’restartinganewReactproject,youmightwanttoconsiderNext.jsandTailwindCSS.Inthisarticle,wewillexplainwhythiswouldbeagreatchoiceandwalkyouthroughtheprocessofsettingupanewprojectusingthese
weixin_26738395
·
2020-08-24 03:28
python
react ssr 框架
next.js
开发个人网站心得
前言完全借助于
next.js
开发的个人网站,线上地址http://www.liuweibo.cn总结一下开发完成后的心得和使用体会。
编程浪子Weibozzz
·
2020-08-23 18:00
react服务端渲染next.js+antd
next.js
是基于react实现的服务端渲染,为单页面实现良好的seo带来了福音;初次采坑
next.js
;1.next.js+antd实现滚动到相应的位置动态的添加class名来实现动画效果,但是在开阶段完全没有问题
lqdcanty
·
2020-08-22 17:16
react
魅族官网基于
next.js
重构实践总结与分享
项目背景俗话说,脱离业务谈代码的都是耍流氓。在此我先简单介绍下重构项目的背景。截图镇楼:魅族官网首页在2015年,公司前端大佬猫哥基于FIS3深度定制开发了一套前端工程体系mz-fis,该框架经历3年来的网站改版升级需求,都很好的完成了需求任务。但随着项目越来越大,以及前端技术快速迭代。老项目的痛点越发明显。此次重构解决了那些痛点1.随着项目越来越大,前端编译打包流程巨慢。(算上图片视频等资源,仓
ccfnever
·
2020-08-22 13:57
服务端渲染
next.js
javascript
node.js
html5
用
next.js
做一个服务端渲染的加密货币网站
学习next.jsnext.js是一个基于React的通用JavaScript框架,
next.js
为React组件模型提供了扩展,支持基于服务器的组件渲染(SSR),同时也支持在客户端继续进行渲染。
lxz
·
2020-08-22 10:33
react.js
next.js
手把手带你入门 NextJs(v9.5)
前言
Next.js
之前用过一次,这次是重新做个小回顾,现在最新版本已经到了9.5.3,有些API也同以前有点不同了,网上大部分教程也都是旧版本v7的比较多,故打算写下简单的教程,绝对详细的带你入个小门。
JackySummer
·
2020-08-21 19:39
react.js
next.js
使用
next.js
开发网址缩短服务
一、网址缩短服务的原理网址缩短服务,并不是压缩算法。而是把原网址存储在数据库中,用短的参数做key,届时取出原始url,并跳转。因此,短网址最适合用key/value数据库。那么,短网址的唯一参数,如何生成呢?其实用的就是10进制转62进制。functionstring10to62(number){varchars='0123456789abcdefghigklmnopqrstuvwxyzABCD
codetyphon
·
2020-08-21 19:48
next.js
javascript
react.js
手把手带你入门 NextJs(v9.5)
前言
Next.js
之前用过一次,这次是重新做个小回顾,现在最新版本已经到了9.5.3,有些API也同以前有点不同了,网上大部分教程也都是旧版本v7的比较多,故打算写下简单的教程,绝对详细的带你入个小门。
JackySummer
·
2020-08-21 17:15
react.js
next.js
从零开始React服务器渲染
如果你的项目是刚刚开始的话,我是建议你用
Next.js
直接写的,如果你的公司的项目在可把控的时间和财力的话,我还是建议你迁移一下到
Next.js
上。如果你的项目已经是用SPA的话,那今天就可能帮到你。
傻梦兽
·
2020-08-21 09:54
React服务端渲染
Next.js
,帮你迭代React项目快速加载
服务端加载注意只能在父组件里面执行,子组件无法执行如果没有安装axios,请先执行yarnaddaxios//服务端加载的钩子//getInitialProps参数1.`pathname`-URL的path部分2.`query`-URL的query部分,并被解析成对象3.`asPath`-显示在浏览器中的实际路径(包含查询部分),为`String`类型4.`req`-HTTP请求对象(只有服务器端
最好的陪521yyf
·
2020-08-21 04:03
前端
javascript
html5
react.js
yarn
React和Vue语法并排比较:状态管理
其它两篇:React.js和Vue.js的语法并列比较
Next.js
和Nuxt.js的语法比较议程创建StoreAction异步ActionReducer|MutationCombine-Reducers
杜尼卜
·
2020-08-21 03:09
前端
react.js
vue.js
vuex
redux
如何优雅地部署一个 Serverless
Next.js
应用
但它只是将
Next.js
应用部署到Serverless服务上而已,并不适合实际生产业务。
Serverless
·
2020-08-20 17:47
腾讯云
serverless
如何优雅地部署一个 Serverless
Next.js
应用
但它只是将
Next.js
应用部署到Serverless服务上而已,并不适合实际生产业务。
Serverless
·
2020-08-20 17:47
腾讯云
serverless
开发函数计算的正确姿势 —— 移植
next.js
服务端渲染框架
2019独角兽企业重金招聘Python工程师标准>>>首先介绍下在本文出现的几个比较重要的概念:函数计算(FunctionCompute):函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。函数计算更多信息参考。Fun:Fun是一个用于支持Serverl
weixin_34290000
·
2020-08-17 16:34
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他