- 综合排序
- 最热优先
- 最新优先
- 来自专栏webTower
使用 centOS 7 部署前端项目
首先在码云中创建项目的私有仓库，通过 git 把项目上传到码云，上传之前别忘了把本地的 id_rsa.pub 公钥添加到码云上。同样的，也把在服务器生成的公钥拷贝到码云上。 基础配置如下： # blog-3001.conf upstream blog { server 127.0.0.1:3001; } server { listen 80; server_name 将远程主机的最新内容拉到本地 'pre-deploy': 'git fetch --all', // 部署后执行，先下载 npm 模块，然后编译 typescript // 打包前端项目 服务器会自动执行命令更新项目。 PM2 常用命令： pm2 start ls 查看 pm2 管理的项目； pm2 stop name 停止运行对应的项目； pm2 start name 运行对应的项目； pm2 logs name 查看某个项目的运行日志
4.6K30发布于 2020-09-16 - 来自专栏Java帮帮-微信公众号-技术文章全总结
前端项目从0到1的感悟
去年6月份左右，加入了一个创业公司，很幸运做了一个从零开始的项目，前端工程由我一手搭建起来，并不断迭代功能到现在，有许多的感悟心得，在这里写点总结 确定框架、技术点 一个项目的开始，特别是丰富多样的前端工程 ，对于日渐迭代版本越来越多的前端项目，如果没有一个好的目录结构会显得非常臃肿，难以维护，以下这个截图是我现在正使用的目录，也还有需要改进的地方，做一个参考： ? : #e5e6e7; } h1 { font-size: 2.25rem; } h2 { font-size: 1.975rem; } h3 { font-size: 1.50rem; } h4 important; } } 这是所有页面的基础样式控制，主要是在字体方面，用rem来解决移动开发中多屏适配，如果有UI框架引入的时候就要根据实际情况考虑是覆盖基础样式还是被覆盖来决定引入的先后顺序了 在项目开发协作中，特别是团队组建初期，特别是前后台交互、UI跟前端对接、产品经理跟开发沟通中，可能会存在很大的意见分歧，可可能有人会说你代码哪里哪里不好、没有注释、不可维护..
1.7K31发布于 2019-05-08 - 来自专栏前端二次元
Vite前端项目搭建从0到1
安装完 Nodejs 之后，包管理器npm也会被自动安装，你可以执行下面的命令来验证:npm -v当然，在现代的前端项目中，我非常不推荐使用 npm 作为项目的包管理器，甚至也不再推荐yarn(npm 后续的交互流程梳理如下:输入项目名称；选择前端框架；选择开发语言。 首先是输入项目名称，这里你可以输入vite-project，然后按下回车，进入选择前端框架的部分:✔ Project name: vite-project? vanilla // 无前端框架 vue // 基于 Vue > react // 基于 React preact // 基于 Preact（一款精简版的类 React 框架 紧接着，我们立马去浏览器中打开http://localhost:3000页面至此，我们成功搭建起了一个 React 前端项目。怎么样？利用 Vite 来初始化一个前端项目是不是非常简单？
1.9K80编辑于 2023-11-15 - 来自专栏学习猿地
Web前端学习 第7章 Vue基础教程13 项目部署
一、概述 二、构建项目 npm run build 将项目打包，默认会生成一个dist目录，构建工具会将整个项目路打包成HTML、CSS和JS文件。 然后将这些静态文件直接放在服务器中。
34630发布于 2020-06-23 - 6 </template> 7来自专栏学习猿地
Web前端学习 第7章 Vue基础教程2 创建Vue项目
一、使用vue/cli创建Vue项目 在第七章我们已经介绍了如何使用npm命令全局安装node包，本节我们需要安装一个名为@vue/cli的包来创建我们的vue项目，安装代码如下所示： npm install -g @vue/cli 安装完成之后，在命令行可以使用Vue命令命令创建一个vue项目，具体命令如下所示 vue create hello 安装过程需要连接国外服务器下载项目模板和依赖包，如果网速过慢可以在配套示例代码中下载项目模板 最近几年前端开发非常盛行的开发方式是组件化开发，要想理解什么是组件化开发，需要先理解什么是组件。 大家可以把组件理解成一个，可以自定义的，有更强大功能的标签。 我们来编写第一个组件，示例代码如下所示： 1 <template> 2
35 </template> 6 7 message">hello world 4 <button @click="sayHi">say hi</button> 5{{message}}
467820发布于 2020-06-23
0基础菜鸟学前端之Vue.js
简介：0基础前端菜鸟，啃了将近半月前端VUE框架，对前端知识有了初步的了解。下面总结一下这段时间的学习心得。 文章结构 前端基础 Vue.js简介 Vue.js常用指令 Vue.js组件 Vue.js之vue-router插件 Vue.js实战 一、前端基础 前端发展历史和趋势 什么是前端？ >Web 2.0（动态网页，富交互，前端数据处理，前后端分离） 前端 MVC 框架 前端通过 Ajax 得到数据，因此也有了处理数据的需求。 前端代码变得也需要保存数据、处理数据、生成视图，这导致了前端 MVC 框架的诞生。 MVVM 模式 ? React， Facebook开发的一个前端框架。 Vue.js是近几年一个很热门的前端MVVM框架。
【从0做项目】Java音缘心动(7)——收藏音乐
零：项目结果展示 项目目前已经上线 音乐播放器登录页面 一：导入 上一篇文章，我们完成了删除音乐，查询音乐模块，本篇文章我们肝，收藏页面——收藏音乐功能，取消收藏，收藏页面的删除音乐 二：添加音乐到喜欢的列表 values (#{userId} , #{musicId}); </insert> 4：Controller层 注意Service层的依赖的注入哦 这里简单讲解一下代码逻辑，参数绑定id，前端传过是字符串 loveMusicService.insertLoveMusic(userId,musicId); if(result){ return new ResponseBodyMessage<>(0, loveMusicService.findLoveMusicByKeyAndUserId(musicName, userId);//歌曲名不为null就模糊查询 } return new ResponseBodyMessage<>(0, loveMusicService.deleteLoveMusic(userId,musicId); if(ret == 1){ return new ResponseBodyMessage<>(0,
SpringBoot从0到实战7：web项目中框架分层
4、Entity层：实体层–>数据库在项目中的类 主要用于定义与数据库对象应的属性，提供get/set方法,tostring方法,有参无参构造函数。 Controller层可以说是更像是一个服务员，他把客人（前端用户）点的菜品（各种数据、请求的类型等）进行汇总什么口味、咸淡、量的多少（全部请求、交互汇总），交给食堂负责管理员（Service层），管理员则告诉沾板厨师
【融职培训】Web前端学习 第7章 Vue基础教程13 项目部署
一、概述 二、构建项目 npm run build 将项目打包，默认会生成一个dist目录，构建工具会将整个项目路打包成HTML、CSS和JS文件。 然后将这些静态文件直接放在服务器中。
【融职培训】Web前端学习 第7章 Vue基础教程2 创建Vue项目
一、使用vue/cli创建Vue项目 在第七章我们已经介绍了如何使用npm命令全局安装node包，本节我们需要安装一个名为@vue/cli的包来创建我们的vue项目，安装代码如下所示： npm install -g @vue/cli 安装完成之后，在命令行可以使用Vue命令命令创建一个vue项目，具体命令如下所示 vue create hello 安装过程需要连接国外服务器下载项目模板和依赖包，如果网速过慢可以在配套示例代码中下载项目模板 最近几年前端开发非常盛行的开发方式是组件化开发，要想理解什么是组件化开发，需要先理解什么是组件。 大家可以把组件理解成一个，可以自定义的，有更强大功能的标签。 我们来编写第一个组件，示例代码如下所示： 1 <template> 2
{{message}}
4《前端小白逆袭记：0 基础也能轻松学会》
随着互联网的快速发展，前端开发成为了一个备受关注的领域。对于零基础的学习者来说，可能会感到无从下手。但不必担心，本文将为你详细介绍 0 基础如何学习前端。 一、学习前端的基础知识 HTML（超文本标记语言）是网页的基础，它用于定义网页的结构。 CSS（层叠样式表）用于美化网页，实现各种样式效果。 书籍：系统地学习前端知识。 视频课程：直观地演示代码的编写和运行过程。 三、实践是关键 动手搭建简单的网页，将所学知识应用到实际中。 参与开源项目，提升实践能力。 五、构建项目 确定项目主题。 规划项目结构。 逐步实现功能。 六、加入社区 交流技术问题。 了解行业动态。 获取学习资源。 七、不断学习和提升 关注新的技术趋势。 深入学习框架和库。 学习前端需要耐心和坚持。通过逐步学习基础知识，不断实践，参与社区，你将逐渐掌握前端开发技能。开启你的前端之旅吧，相信你一定能够取得成功！
0基础Python最快的入门方法与实战项目!
0基础小白怎么学Python？这是老生常谈的问题了。也许你看了很多书还不知所云，也许你看了无数视频一脸懵逼。 学习Python的好方式是： 一，学完基础语法后，通过做项目来巩固自己所学的知识；只有当我们要去做项目的时候，才会真正去调动自己的思维，通过各种办法去实现自己的想法； 二，编程书、编程课程是学习的一个捷径 2 学完基础做什么项目？ 那么我们学完基础知识之后，可以尝试着做哪些方面的项目呢？ 其中，做数据爬虫项目是很好的巩固Python基础知识的方法。 一是数据爬虫项目不需要很长的代码，基本上100行以内的代码就可以实现。 二是富有逻辑性，可以锻炼代码思维。 学完基础知识之后大家可以去GitHub上面找些爬虫项目来实践练手。也可以跟着入门书籍上的项目进行练手，比如《Python入门：从0基础到实践》这本书。
介绍如何0基础做出单片机项目实物
一、前言 这篇文章主要介绍零基础 如何做出项目实物。 目前在CSDN博客、微信公众号、陆续分享了上千个完整项目案例。 在B站也同步分享了对应项目的功能展示讲解视频。 三、自己如何复刻项目？ 3.1 复刻概念 复刻的意思: 就是根据提供的资料，做出文档和视频里一样的单片机项目实物。 很多同学担心 自己没有编程基础、担心自己做不出来实物。 这是视频 https://www.bilibili.com/video/BV1Cw4m1e7Yc【讲解STM32如何通过串口下载程序】 设计文档里的位置： 四、项目的价值 首先第一点：大家不要理解只是下载了一个代码 --正常显示; //OLED清屏黑色 OLED_Clear(0); 这段代码展示了系统初始化部分的代码，主要完成了硬件的基础配置和必要外设的初始化，具体功能如下： （1）释放PA15引脚供按键使用 JTAG_Set 7.
从 0 搭建 Vite 3 + Vue 3 前端工程化项目
TypeScript 语言的用户不是很友好，因此接下来从 0 开始手把手带大家搭建一套规范的 Vite 3 + Vue 3 + JavaScript 前端工程化项目环境。 复制代码 启动项目 Vite 基础配置 Vite 配置文件 vite.config.js 位于项目根目录下，项目启动时会自动读取。 本项目针对公共基础路径、自定义路径别名、服务器选项、构建选项等做了如下基础配置： import { defineConfig } from 'vite'; import { resolve } from 代码规范 随着前端应用逐渐变得大型化和复杂化，在同一个项目中有多个人员参与时，每个人的前端能力程度不等，他们往往会用不同的编码风格和习惯在项目中写代码，长此下去，势必会让项目的健壮性越来越差。 文章总结 本文从技术选项到架构搭建、从代码规范约束到提交信息规范约束，一步一步带领大家如何从一个最简单的前端项目骨架到规范的前端工程化环境，基本涵盖前端项目开发的整个流程，特别适合刚接触前端工程化的同学学习
【从0做项目】Java搜索引擎（7）& web模块
文章导读 阿华将发布项目复盘系列的文章，旨在： 1：手把手细致带大家从0到1做一个完整的项目，保证每2~3行代码都有详细的注解 2：通过文字+画图的方式，对项目进行整个复盘，更好的理解以及优化项目 3： 总结自己的优缺点，扎实java相关技术栈，增强文档编写能力 零：项目结果展示 项目目前已经上线，小伙伴们可以进行使用！！！ 注：博主是后端选手，前端代码这里学的比较浅，通过多方面的帮助，以及阿华的修改查验，完成了前端页面的个性化简单制作，这里我只对我们js代码中的ajax请求进行讲解，大家可以根据自己的审美进行前端页面的制作 &后端联动 1：实现前端搜索关键字标红 【从0做项目】Java搜索引擎（5）-CSDN博客 这篇文章介绍了正文的一个处理逻辑 （1）实现逻辑 ①我们修改后端代码，生成搜索结果的时候，把其中包含查询词的部分 ，加上一个标记，例如：给这部分加标签，这样前端就可以进行处理了 ②前端针对这个标签设置样式，我是给标红了！！
6本Python入门书籍推荐：0基础到项目实践
0基础入门Python有哪些好书？ Python简单易如门，但是具体怎么入门？第一步就是要找一本书籍先学一些基础知识，今天小编为大家推荐几本浅显易懂的基础入门书籍，希望对你有所帮助。 第一部分介绍了Python编程的基本概念，包括matplotlib、NumPy和Pygal等强大的Python库和工具介绍，以及列表、字典、if语句、类、文件与异常、代码测试等内容； 第二部分通过三个项目 3 《Python基础教程 第3版》，作者：[挪]Magnus Lie Hetland，译者：袁国忠 ? 最后，这本书按照实际项目开发的步骤向读者介绍了10个具有实际意义的Python项目的开发过程，供读者练习并体会代码功能。 适合具有一定基础的Python开发人员作为进阶教程来学习。 5 既然题主想利用Python从网上爬取数据，那么阅读一些网络爬虫方面的书籍就非常有必要了。
从0到1搭建前端监控平台，面试必备的亮点项目
前言 常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目好比是在裸奔 文章分成以下六部分来介绍： 自研监控平台解决了哪些痛点，实现了什么亮点功能？ 过多的长任务会造成页面丢帧、卡顿；过大的内存可能会造成低端机器的卡死、崩溃 4、统计资源缓存率，来判断项目的缓存策略是否合理，提升缓存率可以减少服务器压力，也可以提升页面的打开速度 设计思路 一个完整的前端监控平台包括三个部分 dom }); }, true ); } 资源加载 获取页面中加载的资源信息，比如它们的 url 是什么、加载了多久、是否来自缓存等，最终生成 资源加载瀑布图[7] 从基础的理论知识到实现一个可用的监控平台，收获还是挺多的 有兴趣的小伙伴可以结合git仓库的源码玩一玩，再结合本文一起阅读，帮助加深理解 后续 下一篇会继续讨论前端监控，讲解具体如何实现：定位源码、播放录屏等功能
0基础HTML
一、什么是HTML HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 二、HTML标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 <html> HTML 标签通常是成对出现的，比如 <
Web前端学习 第7章 Vue基础教程7 插槽、DOM操作、过
一、插槽 插槽基础 默认的情况下，引入的组件，开始标签和结束标签之间不可以添加内容（如果添加了也会被忽略）。 MyButton.vue --> 2 <template> 3
写给前端新人：从 0到1 搭建一个前端项目，都需要做什么？
不使用脚手架搭建 React 项目：https://github.com/zhuyuanmin/react-0-1-build。 本案例使用脚手架 create-react-app 初始化了项目。 'never'], 'subject-case': [0, 'never'], }, } vscode 扩展中搜索 ESLint 并安装，项目根目录新建 .eslintrc.js，内容可参考文章配置 border-setting { tr { td:nth-child(3) { border-left: 1px solid #F0F0F0 ; border-right: 1px solid #F0F0F0; } } td { text-align
