一、Node+Vue实战项目1.1 创建Node项目、Vue项目mkdir classweb cd classweb/ express server vue init webpack vueclient. |-- server | |-- app.js | |-- bin | |-- node_modules | |-- package-lock.json | |-- pa
转载 2024-08-09 11:24:06
60阅读
最近面试中经常会被问到html页面的渲染过程,之前一直只是在用,没有仔细的研究过其中的过程,今天查阅了一些资料,并整理了一些自己的理解,方便以后查看。如果有理解不正确的地方,还希望多包涵和指导。整个渲染的过程其实就是将URL对应的各种资源,通过浏览器渲染引擎的解析,输出可视化的图像。 渲染模块: 从图中可以看出,一个渲染引擎大致包括HTML解释器、CSS解释器、布局和JavaS
转载 2024-02-26 06:50:02
106阅读
上一篇导航流程讲到,网络进程请求到数据回来后,解析响应数据,并让浏览器进程通知渲染进程准备好,准备好后,浏览器向渲染进程发起提交文档的消息,渲染进程接受文档开始渲染渲染流程机制过于复杂,大致为以下渲染流水线 按照渲染的时间顺序,流水线可分为如下几个子阶段:构建 DOM 树、样式计算、布局阶段、分层、绘制、分块、光栅化和合成。1. 构建DOM树浏览器无法识别HTML,所以得经过HTML解析器输出为
1、SSR 介绍为什么使用服务器端渲染(SSR)?与传统SPA相比,服务器端渲染(SSR)的优势主要在于:更好的SEO、更快的内容到达时间(time-to-content)。使用服务器端渲染,还需要有哪些权衡之处?开发条件所限(某些浏览器特定的代码,只能在某些生命周期钩子函数中使用);涉及构建设置和部署的更多要求(需要处于node.js server 运行环境);更多的服务器负载(在node.js
前言在 Vue 核心中除了响应式原理外,视图渲染也是重中之重。我们都知道每次更新数据,都会走视图渲染的逻辑,而这当中牵扯的逻辑也是十分繁琐。本文主要解析的是初始化视图渲染流程,你将会了解到从挂载组件开始,Vue 是如何构建 VNode,又是如何将 VNode 转为真实节点并挂载到页面。挂载组件($mount)Vue 是一个构造函
转载 2023-10-14 07:12:09
195阅读
CSS 样式渲染的样式渲染的优先级优先级1、选择符样式的优先级为:内联样式 > 多级选择符样式 > ID选择符样式 > CLASS选择符样式 > TAG选择符样式比如标签内定义的 style=“color:red” 是内联样式,是优先级最高的,而类似 div {color:blue} 这样的单纯tagname的选择符是优先级最低的。2、多层的选择符会根据单层选择符的优先级逐
服务端渲染定义首先回顾一下 页面渲染的流程浏览器通过请求得到一个HTML文本渲染进程解析HTML文本,构建DOM树解析HTML的同时,如果遇到内联样式或者样式脚本,则下载并构建样式规则(stytle rules),若遇到JavaScript脚本,则会下载执行脚本。DOM树和样式规则构建完成之后,渲染进程将两者合并成渲染树(render tree)渲染进程开始对渲染树进行布局,生成布局树(layou
一、条件渲染1、v-if 和v-else    条件渲染就是,通过改变条件来决定一些东西是否出现在页面中。如v-if和v-else,此要成对出现,且放在同级别标签中。如下例子,当v-if为true时,页面显示hello world 。当v-if为false时,则显示   你好 世界。<p v-if="isShow">hello world<
转载 2024-03-19 08:46:14
253阅读
备注:vue.3.0的生命周期与渲染等机制有变化,这里仅是适用vue2.0一、vue2.0生命周期beforeCreate(创建前)、created(创建后) beforeMount(载入前)、mounted(载入后) beforeUpdate(更新前)、updated(更新后) beforeDestroy(销毁前)、destroyed(销毁后)二、问题: 1.vue第一次页面加载会触发四个钩子函
转载 2024-02-28 08:33:12
200阅读
npm init -y初始化包管理npm i express -S 安装express 创建app.js const express =require('express') const app = express() app.use(express.static('./dist')) app.lis ...
转载 2021-08-13 17:35:00
158阅读
2评论
搞了一个个人博客,想要发布到腾讯云。由于之前从未接触过linux相关知识,所以在查了各种资料,挖了各种坑,重置了N次系统后终于将个人博客上线了。随手记录下正确的完整过程和维护常用的代码,希望对大家有所帮助 一、购买服务器与域名 这里我使用的是腾讯云轻量应用服务器,CentOS 7.6镜像,使用pm2+nginx部署项目。其他不多说,买就完事了,买完就能看到你的服务器了
这篇文章主要是对博客的一些逻辑呀样式呀还有跳转等问题进行修改。样式问题样式问题比较简单,主要都是input和textarea都会存在一个默认的选中框,以及router-link会存在默认下划线等。我的收藏收藏这个部分有点儿麻烦,主要是因为我点击收藏一次就要去修改一次数据库吗? 但是想链接那样先修改,点击保存后再保存到数据库的话,用户就要因为收藏多点击一次save按钮,还是很繁琐的。 思来想去我
最近这两天有点闲,通过自研学习了如何使用express框架搭建后台以及vue框架开发前端。express框架是用来搭建web服务,是nodejs的二次封装。vue就是前端框架。那么可以通过搭建express框架用来写接口,vue框架写页面用来调用接口,形成全栈的开发。 1、搭建express过程 使用 express的脚手架快速搭建:express-generator首先安装express 和ex
转载 2024-04-18 13:40:34
506阅读
该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流 项目运行环境配置:Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。项目技术:Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。环境需要1.运行环境:最好是Nodejs最新版,我们在这个
访问地址:http://localhost:3000/服务端 server.js。渲染后返回的html。
原创 精选 2022-10-15 06:18:18
842阅读
常用的基于vue/react的服务端渲染方案,如下:使用next.js/nuxt.js的服务端渲染方案使用node+vueserverrenderer实现vue项目的服务端渲染使用node+ReactrenderToStaticMarkup实现react项目的服务端渲染传统网站通过模板引擎来实现ssr(比如ejs,jade,pug等)使用rendertron实现SPA项目的服务端渲染文档:http
原创 2022-10-08 14:10:03
776阅读
今天在渲染表格遇到最大的问题是:最开始想的是直接请求页面地址(我的页面地址是:http://127.0.0.1:3000/Admin/Artical/Index)在后台直接将 json 传送到前台去,结果他在前台把我的 JSON 原封不动的显示出来了,并没有渲染表格。最后的解决办法是:主页请求页面是 http://127.0.0.1:3000/Admin/Artical/Index;然后添加一个...
原创 2021-07-14 15:13:54
409阅读
    Vue 是一套用于构建用户界面的渐进式框架,是MVVM模型,它包括声明式渲染、组件系统、客户端路由、状态管理、构建体系,我们可以根据自己的需求来应用其中的功能。在Vue的基础语法中,渲染的方式有条件渲染、列表渲染。1.条件渲染    用Vue进行条件渲染可以使用v-if和v-show指令,它们都是用于渲染某一部分内容,因为它们的渲染是需要满足条件才能
转载 2024-01-11 09:01:28
95阅读
条件渲染有时候我们要根据数据的情况,决定标签是否进行显示或者有其他动作。最常见的就是,表格渲染的时候,如果表格没有数据,就显示无数据。如果有数据就显示表格数据。 Vue 帮我们提供了一个v-if的指令,帮助我们完成判断的模板处理。 <div id="app"> <h1 v-if="ok">Yes</h1> <h1 v-else>No<
转载 2024-04-16 14:59:45
145阅读
在线html转jade工具>> 注意:以下是在Windwo环境下 运行: 然后你的目录node_modules下将增加jade文件夹 app.js home.jade,模板写法可参考官方:http://naltatis.github.io/jade-syntax-docs/ node下app.js后 Read More
转载 2015-11-01 13:41:00
123阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5