大部分工程化的项目为方便维护,大多都会采用前后端分离的开发方式,而前端和后端的工作基本也是同时下发的,这时前端开发人员就会很尴尬,后端在干活的时候,领导几乎一定会让你先做个静态页面看看,这时候你和后端之间可能只是约定了接口(当然也可能连接口都没约定,那我只能祝你幸福了),并没有数据的传输,没法直接拿到填充网页的数据,如果一次将前端代码写到位,那么打开网页时轻则页面提示没有获取到数据,重则直接报错退出脚本。
这里的http静态服务器是指创建静态网站,并且通过node.js创建静态web服务器来向客户端提供服务。一个静态web服务器的例子就是Apache,只需要把网站相关的html,css,javascript,jpg等静态资源放到Apache的目录下,只需要访问主机名就可以显示网页了。
创建一个github仓库 新建仓库 填写仓库信息 这个仓库的名字需要和你的账号对应, 如 linxunfeng.github.io 输入基本信息,然后点击下方的绿色按钮来创建仓库. 填写信息 安装H
最近小明介绍完自己用hexo+git搭建个人博客,大家好像更关心的是域名mynamecoder.com,不是应该关注技术嘛,让小明哭笑不得?,今天继续给大家讲一下如果觉得这两个代码托管平台打开加载太慢
Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。
准备工作: Hexo : 基于Node的一个静态博客框架,可以方便生成静态网页托管在github上 node,js : 用来生成静态页面。 Node.js官网下载 git :本地数据提交至github github : 博客的远程仓库,备份数据 安装: 安装Node.js 安装Hexo 终端中输入 : npm install -g hexo 终端cd到一个选定的目录 执行 hexo init 安装npm npm install 开启hexo服务器 hexo s , 浏览器中打开网址: ht
SSR(Server-Side Rendering,服务器端渲染)是指将 React、Vue、Angular 等客户端渲染的应用在服务器端执行一次,然后将渲染结果返回给浏览器进行展示的过程。相对于客户端渲染(CSR,Client-Side Rendering),SSR 可以提高页面的首屏加载速度和搜索引擎优化(SEO),因为它可以在服务器端直接生成 HTML,并将静态资源(如 CSS、JavaScript 等)和页面数据一起返回给客户端,从而减少客户端的渲染工作量。
最初的网页以HTML为主,是纯静态的网页。网页是只读的,信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。
我们知道部署web应用程序的最佳方式是作为静态HTML应用程序,因为他对搜索引擎很友好,速度快等等,这对我们写个人博客这样的小型网站无异于非常nice。如果你的应用可以作为静态HTML,那么可以试试Next.js。
Hexo是一个开源的静态博客生成器,用node.js开发,作者是台湾大学生tommy351。
在当下前后端分离的大背景下,vue项目的构建需要一个Node环境,虽然后端并不需要懂太多前端知识,很多时候独立部署前端项目时,如果没有对于Node的知识了解,遇到很多的障碍就没有办法解决,于是决定对于Node的理论知识做一个入门的学习
http-server是一个简单的零配置命令行http服务器。 它足够强大,足以用于生产用途,但它既简单又易于破解,可用于测试,本地开发和学习
最近正好在学习前端开发,想着搭建一个属于自己的个人博客,把自己的技能树整理整理,温故而知新。
昨天的《WEB前端新人,怎么样构建自己的“前端技术体系”?用以在面试中打败其它竞争者》大概的写了下新人如何建立属于自己的前端技术体系,比较简单,正好今晚的先行者课程,就拿它来演示一下。 为什么说要建立属性自己的技术体系呢?前端开发用的技术不都是一样的吗?原因是因为每个人的基础、接受和理解程度不一样,所以每个人走的技术路线都不尽相同。 我个人吧,对于前端技术体系的建立的思路是,从高到低,从顶往下。把大的技术路径连接起来,再往下层层细化,但不要过于深究细节。因为时机不到,过于深入细节会让自己迷失在细节之中。 今
http-server是一个简单的零配置命令行http服务器。它足够强大,足以用于生产用途,但它既简单又易于破解,可用于测试,本地开发和学习
Hexo官网中说是这么描述的:A fast, simple & powerful blog framework,即:一个快速、简单且强大的博客快速生产工具。它的简单体现在你完全有可能在30分钟内就生成属于你的个人博客。而它的强大体现在你对细节的调整上完全有可能花上一天的时间。
githubPages + hexo 搭建个人博客 hexo是基于git和Node.js的 必须先安装 git和Node.js; node.js安装 Node.js 下载地址 http://nodej
静态网站。这是其最大优势。在使用 TailwindCSS 等,可以更加灵活的制作出样式优美的页面及组件。拥有着较为完善的生态圈。
开源JavaScript运行时Node.js上周发布了第15版。经历了11年个年头,Node.js一如既往地受欢迎,但是在2020年,一个竞争对手横空出世。Deno是今年5月份发布的开源JavaScript运行时,由Node.js的原作者Ryan Dahl创建。把Deno说成是Node的竞争对手,好像有点不恰当(译者:毕竟Ryan Dahl可是被大家称作Node之父),因为Deno的创建是专门为了解决Dahl所认为的Node.js的致命缺陷而设计的,包括安全性问题,使用集中依赖管理系统(npm)和“笨重的工具。”
next是一款用JS开发的全栈框架,它是基于express框架基础上开发而成,可以用react写客户端,node.js写服务端。一份代码可在前后端同时运行,这在next中称之为同构!
到目前为止,我们的本地博客就成功搭建了,但是现在我们只能通过本地连接查看博客,我们要做的是让其他人也能够访问我们的博客,这就需要我们将博客部署到Github Pages上,在站点目录下执行下面的命令,也就是创建的博客目录下:
今天我们将探讨如何使用 TypeScript 构建网络爬虫。网络爬虫是一种强大的工具,可以帮助我们从互联网上收集数据,进行分析和挖掘。而 TypeScript,则是一种类型安全的 JavaScript 超集,它可以让我们在编写 JavaScript 代码时享受到更严格的类型检查和更好的开发体验。本文将介绍如何选择最适合你的网络爬虫工具,并分享一些实用的案例。
在之前的一篇文章中,介绍了如何使用Hugo在三分钟之内建立一个简单的个人博客系统,它是基于go lang的,其实,市面上还有一款类似的静态页生成器,就是Hexo 读音/hækso/ ,它是基于node.js的,和Hugo一样,Hexo 正常来说,不需要部署到我们的服务器上,我们的服务器上保存的,其实是基于在hexo通过markdown编写的文章,然后hexo帮我们生成静态的html页面,然后,将生成的html上传到我们的服务器。简而言之:hexo是个静态页面生成、上传的工具。
参考资料: https://blog.csdn.net/Hoshea_chx/article/details/78826689 https://www.jianshu.com/p/8681ab76da08 https://www.cnblogs.com/sqlsec/p/hexo.html
一、前端开发入门 在入门阶段,你首先要学会最基本的技能:根据UI的设计稿,实现HTML的静态页面制作。这就要求你得掌握HTML、CSS页面布局排版、样式美化等技能。 请点击此处输入图片描述 在这个阶段你需要学习: 1、HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发 2、JavaScript基础 掌握JS的基本语法、条件、语句、循环等,学会常用算法,增强逻辑性。 3、常用的前端工具 比如Webstrom、Sublime、Dreamweaver、HBuilder等
博客对我来说,就像一个云端笔记,可以记录一下自己在完成各种任务中坑,也可以让别人看到从而避免这些,可以写博客的地方有很多比如csdn、博客园、简书之类的,但是看到许多大神都是用自己搭建的博客,仔细一了解才知道都是用hexo和github搭建的 看了许多教程之后,踩了许多坑之后就想总结一下自己的搭建过程
欢迎关注本人的微信公众号“前端小填填”,专注前端技术的基础和项目开发的学习。 上一节简单介绍了什么是MEAN全栈项目,这一节将简要介绍三个内容:(1)一个通用的MEAN项目的技术架构,(2)为什么我们要打造单页应用,(3)本系列项目的技术架构和开发计划。希望通过这三个问题,我们能够对本项目产生一个全局视角。 实现一个常见的MEAN全栈项目的核心就是RESTful API。这个接口通常是用MongoDB, Express, Node.js实现的,而单页应用(SPA)由AngularJs打造。这种开
经常阅读此公众号文章的读者可能知道,这篇教程在一个月前发布过一次,因为题图的文字字体版权问题,不得不删除。今天重新发出来,给您说声抱歉。此教程博客是在自己的云服务器上搭建的,如果没有云服务器,同样可以利用GitHub免费搭建自己的博客,公众号回复:「GitHub」就可以获取视频教程。
我为什么要搭建自己的博客:人嘛!总会有迷茫的时候。无聊了就搭建一个博客玩玩。借此思考下人生戳这里先洗下脑
仓库名称必须是**用户名.github.io**,比如我的用户名是damit5,那么我就填**damit5.github.io**
本文将介绍最流行的十大博客静态站点生成工具,以 Github star 数来排名。
今年休产假的时候学习了next.js,然后用这个nodejs框架重构了我的粤语网站 https://shyyp.net
其实在年前就试着想搞这么一套个人blog,然而年前只想着放假并没有开搞,于是在年后按照教程搞了一遍。
今年最受欢迎的项目是谷歌的zx,可在JavaScript或TypeScript中编写简单的命令行脚本。
何时: 凡是HTML和CSS做出的静态页面,都要用JavaScript添加交互行为后,才能给用户使用
随着前端开发的兴起,QQ也逐渐演变为Web与原生终端混合的开发模式。得到Web动态运营能力的同时,QQ也在交互响应速度、后台服务压力、海量用户集的带宽冲击等方面,受到了更多的挑战。在快速的Web运营节奏下,必须保证嵌入QQ的第三方业务也始终处于一个高质量的服务状态。针对这些问题,QQ团队除了采用动态CDN、后台渲染等全栈手段优化体验,也构建了围绕速度、成功率、页面异常等维度的监控体系来保障服务质量。
来记录下学习(踩坑)的过程,这篇文章的代码都在https://github.com/Maricaya/nextjs-blog-1啦。
通常来讲,建立个人博客有2种方式: 第一,直接在第三方博客平台注册博客空间,如:博客园,简书,CSDN等,这种方式建立的博客,所有数据都存放在博客平台。 第二,自建博客系统,这种方式就是自己实现与博客平台相同的功能,需要涉及多个部分,如:购买云主机,注册域名,CDN,图床等。
【编者按】在过去一年中,JavaScript 生态圈的技术框架大放异彩,根据 GitHub 中增加的星星数量排名,JavaScript 领域最受欢迎的项目是 zx、Vite 和 Next.js。开发者越来越看重速度的提升,为构建更好的网站和应用,元框架开始走进大家的视野。许多社区成员都开始从事开发工作,为用户带来更好的体验。今年又将出现哪些表现出色的项目呢?让我们一起来看看吧! 这是「进击的Coder」的第 577 篇技术分享作者:Michael Rambeau编译:郭露来源:CSDN(ID:CSDNnew
Hexo 是一个快速、简洁且高效的静态站点生成框架,它基于 Node.js 。 它有以下特点:
Hexo 是一个快速、简洁且高效的博客框架,基于 Node.js 开发。Hexo 使用 Markdown 解析文章,并生成静态页面,非常便于静态部署和加载,许多人把页面存在 GitHub Pages 或 OSS 上,连服务器都省了。
搭建独立博客不是很繁琐,只要你静下心,一点点弄,很快就能搭建好。 首先、云服务器 推荐【腾讯云】多款云产品1折起,买云服务器送免费机器,最长免费续3个月 https://cloud.tencent.
1. Git 下载(Git for windows 国内下载)、安装(安装时请勾选Add to PATH选项)、配置、生成SSH公钥
本文介绍了如何利用Browsersync这个工具提高前端开发效率,通过具体的使用场景和命令行参数进行了详细说明。
当使用 React 开发系统的时候,常常需要配置很多繁琐的参数,如 Webpack 配置、Router 配置和服务器配置等。如果需要做 SEO,要考虑的事情就更多了,怎么让服务端渲染和客户端渲染保持一致是一件很麻烦的事情,需要引入很多第三方库。针对这些问题,Next.js提供了一个很好的解决方案,使开发人员可以将精力放在业务上,从繁琐的配置中解放出来。下面我们一起来看看它的一些特性。
领取专属 10元无门槛券
手把手带您无忧上云