在之前的六篇教程中我们已经基本实现了迷你全栈电商应用，相信大家对于一个全栈应用的开发已经有了一个全面的认知。但是一个追求完美的工程师是不会吝啬他的艺术创造，仅仅实现应用的功能还不能满足用户的高需求，应用的界面效果也是提高用户体验的关键因素。因此本篇教程将基于 element-ui 组件库重构项目的前端代码，改善迷你电商应用的界面效果，提高用户的体验感。虽然我们可以轻松地引入现成的组件库，但是与之对
百家饭团队开发的百家饭OpenAPI平台是用vuepress2.0搭建的，搭建的时候不知道2.0还处在beta状态，所以导致后来踩了一些坑，使用过程中vuepress2.0也从2.0.0-beta.18升到了2.0.0-beta.48，有很多的变化，所以想写一个教程介绍一下vuepress2.0的情况以及使用经验。这里先给搜索进来的同学提个醒：
转载
2024-04-17 19:21:02
111阅读
VuePress简介VuePress 由两部分组成：第一部分是一个极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，
转载
2024-03-06 14:32:08
94阅读
本系统分为前台和后台两部分，前台部分主要是让用户进行查看历史文化信息，后台部分对这些信息进行管理 前端技术：nodejs+vue+elementui Express 框架于Node运行环境的轻量级Web框架,封装了Node的http模块并对该模块的功能进行了扩展使开发者可以轻松完成页面路由、请求处理、响应处理。 核心特性： 可以设置中间件来响应 HTTP 请求。
这篇文章面向使用 Vuepress 来开发 Vue 组件文档库的用户服务，去年差不多这个时候我为公司开发了一个基于 AntDesignVue 封装的高阶组件库，经过一年的版本迭代与文档更新，收获了很多坑点，其中有一个就是关于组件示例维护相关的，今年有意重构组件库的文档与代码结构，后面会陆陆续续将踩到的坑点与相应的解决方案一一描述，好的进入今天的主题：文档示例编写的最佳实践方案。
转载
2024-06-13 20:08:54
317阅读
最近在使用vue项目时看到一个这样的效果，如图： 现在其实有很多网站都支持把网页安装到电脑或手机（IOS Safari支持较好），如下图安装后的效果：这些都是网页应用。接下来介绍一下如何让你的vue2项目变得可以安装。添加cli-plugin-pwa
给现有的vue项目添加，使用下面命令：vue add pwa执行完之后会自动在package.json添加"@vue/cli-plugin-pwa"
手把手教你使用 VuePress 搭建个人博客
有阅读障碍的同学，可以跳过第一至四节，下载我写好的
工具包:
git clone https://github.com/zhangyunchencc/vuepress-devkit.git 然后从第五节开始看。
一、为什么你需要一个博客？优秀的程序员都在写博客，写博客有很多好处：帮助自己梳理、总结、理解知识
文章目录 前言
一、组件是什么？它的特点和好处分别是什么？二、使用步骤
1.新建组件2.引入组件3.注册组件4.使用组件 前言本文章简述了 vue 中的组件概念 ，以及怎么使用组件 。 简单易懂 提示：以下是本篇文章正文内容，下面案例可供参考一、组件是什么？可复用的vue实例。一个组件就是一个从TComponent派生出来的特定对 &n
这个问题涉及到很多知识，而且要想把这个Runtime做好很绕。下面我就说一下我的思路：（以下内容以Windows平台为基础，Mac平台和Linux平台还得去调查一下，才能确定是否可行）首先，我们先区分三类用户：Runtime建设者（就是我们）Runtime使用者（就是使用Runtime的开发者）最终用户（就是使用Runtime开发者开发的应用的那些用户）接下来我们就以Runtime建设者的视角来审
node有几个子类型：Element, Text, Attribute, RootElement, Comment, Namespace等Element是可以有属性和子节点的node。 ---------------------------------------------------------node和Element是两个领域的概念
vuepress 实用插件这些插件都是官方提供的，有些在我们实用默认主题的时候已经安装了，不需要再单独安装，有些插件需要我们单独安装。具体请看下面的介绍默认主题自带的插件@vuepress/plugin-active-header-links@vuepress/plugin-nprogress@vuepress/plugin-searchvuepress-plugin-containervuepr
转载
2024-03-16 10:11:54
277阅读
1.本章目标1.1 点击不同的菜单列表，可以在右侧 (Main) 主体区域显示不同的组件页面2. 如何实现2.1 通过将左侧菜单列表改造成路由链接的形式来实现1. 首先应该为 Menu (菜单)启用vue-router模式 (路由模式)，默认是false Menu 菜单 | Element Plus (gitee.io)https://element-plus.gitee.io/zh-C
转载
2024-10-28 13:13:48
181阅读
探秘Vue开发利器：vite-plugin-vue-devtools当谈到提升Vue开发体验时，没有什么比一款强大的开发者工具插件更能让程序员心生欢喜了。今天，我们要介绍的这款开源项目——vite-plugin-vue-devtools，正是这样的一个宝藏插件。1、项目介绍vite-plugin-vue-devtools是一款专为Vite构建系统打造的Vue开发工具插件。它提供了全面的功能，包括页
记下vuepress静态网站生成器集成element-UI框架
# 安装element进入vuepress根目录，执行命令 npm install element-ui
# 修改 enhanceApp.js接下来需要修改用于客户端应用增强的docs/.vuepress/enhanceApp.js文件vuepress的目录结构如下： .├── docs│ ├── .
原创
2022-11-10 13:42:53
564阅读
## 实现Element UI中使用jQuery的步骤
首先，我们需要明确一点，Element UI是一个基于Vue.js的组件库，而jQuery是一个独立的JavaScript库。在Vue.js中推荐使用其自带的数据绑定和组件系统，而不建议直接使用jQuery操作DOM。不过，有些特殊情况下，我们可能需要在Element UI的组件中使用一些jQuery的功能，比如操作动画效果、调用第三方插件
原创
2023-08-27 10:46:01
341阅读
1)VuePress是什么？先让我们看看 VuePress能干什么？有什么效果？image.png
很像vue官网的文档页面，因为vuePress就是尤大大的一个力作
vuePress官网介绍介绍的很详细，这里只做搭建VuePress项目教程
2)安装
注意 VuePress基于node 8.0+
npm install -g vuepress
创建工作文件夹 study
进入文件夹
快速初始化p
转载
2024-08-30 22:37:25
45阅读
续?VuePress、VuePress-theme-hope 搭建个人博客 1【快速上手】项目常用命令
vuepress dev [dir] 会启动一个开发服务器，以便让你在本地开发你的 VuePress 站点。
vuepress build [dir] 会将你的 VuePress 站点构建成静态文件，以便你进行后续部署。使用模板如果使用 VuePress Theme Hope
转载
2024-07-31 13:00:50
45阅读
HTMLHTML5有哪些新特性？Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?如何实现浏览器内多个标签页之间的通信？⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？简述⼀下src与href的区别？cookies,sessionStorage,localStorage 的区别？HTML5 的离线储存的使用和原理？怎样处理 移动端 1px
一、三种动态创建元素的方法1. document.write()
2. element.innerHTML
3. document.createElement()二、三种动态创建元素方法的区别document.write() 直接将内容写入页面的文档流，但是当文档流执行完毕后，它会导致页面重绘。比如在 js 代码中写入事件函数（鼠标点击事件）再添加内容时，之前所
1.注释须知:html中注释不能这样写:
<div></div><!--------这是错误写法------->
<div></div><!--=======这是正确写法========-->
这种写法,FF中会忽略其下面的内容. 2.CSS注释切记在/*之后及*/之前空一格,否则在有些语言中会出问题,正确写法:
