- 综合排序
- 最热优先
- 最新优先
- 来自专栏webTower
使用 centOS 7 部署前端项目
首先在码云中创建项目的私有仓库，通过 git 把项目上传到码云，上传之前别忘了把本地的 id_rsa.pub 公钥添加到码云上。同样的，也把在服务器生成的公钥拷贝到码云上。 首先在本地的项目根目录下运行下面命令生成 pm2 配置文件： pm2 ecosystem init 就会在项目根目录下生成一个 ecosystem.config.js 配置文件。 将远程主机的最新内容拉到本地 'pre-deploy': 'git fetch --all', // 部署后执行，先下载 npm 模块，然后编译 typescript // 打包前端项目 服务器会自动执行命令更新项目。 PM2 常用命令： pm2 start ls 查看 pm2 管理的项目； pm2 stop name 停止运行对应的项目； pm2 start name 运行对应的项目； pm2 logs name 查看某个项目的运行日志
4.3K30发布于 2020-09-16 - 来自专栏coding个人笔记
聊聊前端项目
做前端也不是很久，也没做过什么特别大型或者是特别复杂需要很多前端配合开发的项目，所以对于前端的架构我并没有一个清晰的认识。 只是最近看着新公司的项目，实在有感而发，忍不住想说说前端项目最基础的一些架构。 现在几乎都是前后端分离了，所以前端项目都是前端自己搭建，整个项目的结构都把握在自己手里。 一个好的项目架构有什么好处呢，无外乎现在网上一直说的那几点，代码可读性、可维护性、可扩展性。当然，本人能力有限，说说基于本人认识上前端项目应该做的。 结构上，应该明确各种资源所放的位置。 组件，现在前端开发都是组件化开发，各个框架也提倡组件化开发，所以对于公共的组件封装，很重要，对于代码量减少的不是一点半点。对于维护和修改提高也很大。 不同人的敲代码的习惯都不一样，要是很多人开发一个项目或者是经很多手开发，那么这个项目在不同习惯下的代码，是很乱很杂的。
52420发布于 2020-04-24 - 来自专栏李才哥
前端面试系列（7）
css的盒模型本质是一个盒子，封装周围的HTML元素，包括：外边距、边框、内边距和实际内容。
54420发布于 2019-07-30 - 来自专栏学习猿地
Web前端学习 第7章 Vue基础教程13 项目部署
一、概述 二、构建项目 npm run build 将项目打包，默认会生成一个dist目录，构建工具会将整个项目路打包成HTML、CSS和JS文件。 然后将这些静态文件直接放在服务器中。
29830发布于 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}}
449320发布于 2020-06-23
Web前端学习 第9章 教务管理系统开发7 项目发布
一、服务器与域名 如果希望把自己的web项目发布到公网，需要有自己的域名和服务器。
pipeline配置前端项目
) { steps { echo "======================================项目名称 = ${env.JOB_NAME}" echo "======================================项目 URL = ${gitUrl }" echo "======================================项目分支 = ${branchName}" =当前编译版本号 = ${env.BUILD_NUMBER}" echo "======================================项目 Build 文件夹路径 = ${projectBuildPath}" echo "======================================项目
【项目】前端图片裁剪
把工作中做过的一些小东西或者功能总结记录，分享学习 最近做了一个需求，是做 视频封面裁剪的，涉及到的一个功能点是 自动裁剪，就是拿到一张图片，自动裁剪 图片的中间区域成 一个正方形 其实这个挺简单的，说到前端裁剪 所以我们大可以放心使用这个 drawImage 进行我们的前端截图 2 api 详细介绍 drawImage 的 参数还是挺多的，挺容易弄混的，所以这里必须要花大力气写清楚，反正每次用都是要看一次的 我也没想着能够一劳永逸
前端技术前沿7
使用response.writeHead()函数发送一个HTTP状态200和HTTP头的内容类型content-type，使用response.write()函数在HTTP相应主体中发送文本。
前端项目如何管理
前端项目的管理分为两个维度：项目内的管理与多项目之间的管理。 1. 项目内的管理 在一个项目内，当有多个开发者一起协作开发时，或者功能越来越多、项目越来越庞大时，保证项目井然有序的进行是相当重要的。 ，交接给其他人是很方便的 1.1 可扩展性 对于前端项目而言，可扩展性是并不难的，因为很多时候前端的代码、文件分块都是按照页面来的，所以天然就是一块一块的。 使前端项目具有高可扩展性，一般从目录文件结构入手。 1.2 组件化 这里的组件化是项目内的组件化，我们可以把多个页面之间共用的大块代码独立成组件，多个页面、组件之间共用的小块代码独立成公共模块。 让项目能够轻松的移植某些页面、组件、模块到其他项目，需要对整个项目代码尽量的解耦与模块化。另外，也与后面会讲到的“项目之间的统一性”有关。 一般会从下面几点来考证多个项目之间是否管理得很好： 组件化：多个项目共用的代码应当独立出来，成为一个单独的组件项目 版本化：组件项目与应用项目都应当版本化管理，特别是组件项目的版本应当符合 semver
前端成神之路-vue前端项目06
使用upload组件完成图片上传 在element.js中引入upload组件，并注册 因为upload组件进行图片上传的时候并不是使用axios发送请求 所以，我们需要手动为上传图片的请求添加token，即为upload组件添加headers属性
前端成神之路-vue前端项目02
通过更改el-menu的active-text-color属性可以设置侧边栏菜单中点击的激活项的文字颜色 通过更改菜单项模板（template）中的i标签的类名，可以将左侧菜单栏的图标进行设置，我们需要在项目中使用第三方字体图标 然后给div添加样式，给div添加事件： 7.在后台首页添加子级路由 新增子级路由组件Welcome.vue 在router.js中导入子级路由组件，并设置路由规则以及子级路由的默认重定向 打开Home.vue -- 搜索与添加区域 --> <el-row :gutter="20"> <el-col :span="<em>7</em>"> <el-input 会按照搜索关键字搜索，我们希望能够提供一个X删除搜索关键字并重新获取所有的用户列表数据，只需要给文本框添加clearable属性并添加clear事件，在clear事件中重新请求数据即可 <el-col :span="<em>7</em>"
前端成神之路-vue前端项目05
1.完成参数管理 2.推送代码到码云 3.制作商品列表页面 4.制作商品添加页面
前端成神之路-vue前端项目01
PC后台管理端的功能：管理用户账号（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息，订单），数据统计 电商后台管理系统采用前后端分离的开发模式 前端项目是基于Vue的SPA （单页应用程序）项目 前端技术栈:Vue,Vue-Router,Element-UI,Axios,Echarts 后端技术栈：Node.js,Express,Jwt(模拟session),Mysql, Sequelize(操作数据库的框架) 2.项目初始化 A.安装Vue脚手架 B.通过脚手架创建项目 C.配置路由 D.配置Element-UI:在插件中安装，搜索vue-cli-plugin-element B.安装nodeJS，配置后台项目,从终端打开后台项目vue_api_server 然后在终端中输入命令安装项目依赖包：npm install C.使用postman测试api接口 ? C.添加新分支login，在login分支中开发当前项目vue_shop： 打开vue_shop终端，使用git status确定当前项目状态。
前端成神之路-vue前端项目03
setRoleDialogClosed(){ //当关闭对话框的时候，重置下拉框中的内容 this.selectedRoleId = '' this.userInfo = {} } } 7.
前端成神之路-vue前端项目04
新建分支goods_cate并推送到码云 git checkout -b goods_cate git push -u origin goods_cate
前端成神之路-vue前端项目07
今日目标 1.完成项目优化 2.完成项目上线 1 .项目优化 实现步骤： A.生成打包报告，根据报告优化项目 B.第三方库启用CDN C.Element-UI组件按需加载 D.路由懒加载 E }) } } 补充： chainWebpack可以通过链式编程的形式，修改webpack配置 configureWebpack可以通过操作对象的形式，修改webpack配置 7. ,()=>{ console.log("server running at http://127.0.0.1:8998") }) C.配置https服务 配置https服务一般是后台进行处理，前端开发人员了解即可 ，在终端中输入命令：pm2 start app.js --name 自定义名称 查看项目列表命令：pm2 ls 重启项目：pm2 restart 自定义名称 停止项目：pm2 stop 自定义名称 删除项目：pm2 delete 自定义名称
前端项目性能优化笔记
饱暖思淫欲，当我们完成基本的业务需求之后，我们就需要去思考一下如何是我们的业务更加的流畅、代码更健壮等等，以下是我在项目中做的一些基本的项目优化工作，小小记录一下 一、高频操作的防抖和截流 日常页面开发中经常会有一些操作频率较高的
前端项目(VueReact)性能优化
前言 前端随着node等JavaScript运行时平台的出现，逐渐向工程化方向发展。 项目开发也越来越规范化，但是随着项目的体积越来越大，依赖库越来越多，项目的运行，热更新和打包发布也是越来越慢，甚至卡顿。这个时候就需要对项目进行“瘦身”（性能优化）了。 本文就围绕着如何给前端项目进行性能优化等技术点一一展开讨论 为什么 为什么要进行项目性能优化，其实这个问题我在前言中已经简单阐述过了。 发出网络请求所花费的时间 Waiting (等待)（到开始下载第一个字节的时间（TTFB））等待初始响应所花费的时间 Content Download (内容下载)接收响应数据所花费的时间 动画的视觉和流畅效果 前端前端实现动画有三种主流的方式 javascript 预连接到所需的来源 预先价值关键请求 减少对DOM的操作 减少http请求 图片懒加载 优化TCP协议 优化css 异步加载脚本，防止主线程阻塞 使用cdn 代理缓存 下面是一些关于前端框架项目的一些优化方法
VerCel 免费托管前端项目
我目前使用的只有Hexo和Vue 一、创建VUE脚手架 开发工具使用的：idea 2021.2 image.png image.png 本地项目启动 image.png 二、Vercel 部署 通常我们部署一个简单项目只是想要演示 是不要连接现在的项目，大写的是N，直接回车即可 What’s your project’s name? 项目名称，直接默认即可（看自己个人情况），回车 In which directory is your code located? 是不是要项目的所有文件，默认回车 Want to override the settings? 识别出了我的项目是vue 项目，问我们是不是这些配置，覆盖，如果不是就修改，是的话默认回车 image.png 部署成功 image.png 测试：https://vue-demo-orpin.vercel.app
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号