- 综合排序
- 最热优先
- 最新优先
- 来自专栏雪胖纸的玩蛇日常
部署（6.前端项目）
1.安装node、npm、cnpm apt install nodejs y apt install npm y node -v npm -v npm install cnpm -g --regist
60230发布于 2020-02-14 - 来自专栏Renda
前端基础：ECMAScript 6
Introduction to ECMAScript 6 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准。 ES6 既是一个历史名词，也是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等等 搭建前端环境 Node 环境 什么是 Node.js # 在命令提示符查看当前 npm 版本 npm -v 使用 NPM 管理项目 项目初始化：全新创建一个目录，作为项目目录，使用 dos 命令进入此目录，输入命令 。 # package name: 项目名 # version: 版本号 # description: 项目的描述 # entry point: 项目的入口文件（作为 node 服务的 js 文件） # test 如果项目使用 1.9.1 版本进行开发，通过 npm 安装的版本太新，就会导致项目失效，可以执行以下命令安装对应的版本： npm install jquery@1.9.1 ES6 基本语法 ES 标准中不包含
1.4K20发布于 2020-09-08 - 来自专栏森屿暖树
前端特效学习6
效果图 HTML代码 <!Doctype html> <html> <head> <meta charset="utf-8"> <title>图片层叠</title> <link type="text/css" href="css/style.css" rel="stylesheet" /> </head> <body>
<input type="radio" name="slider" id="item-1" che32340编辑于 2022-03-23来自专栏coding个人笔记聊聊前端项目
做前端也不是很久，也没做过什么特别大型或者是特别复杂需要很多前端配合开发的项目，所以对于前端的架构我并没有一个清晰的认识。 只是最近看着新公司的项目，实在有感而发，忍不住想说说前端项目最基础的一些架构。 现在几乎都是前后端分离了，所以前端项目都是前端自己搭建，整个项目的结构都把握在自己手里。 一个好的项目架构有什么好处呢，无外乎现在网上一直说的那几点，代码可读性、可维护性、可扩展性。当然，本人能力有限，说说基于本人认识上前端项目应该做的。 结构上，应该明确各种资源所放的位置。 组件，现在前端开发都是组件化开发，各个框架也提倡组件化开发，所以对于公共的组件封装，很重要，对于代码量减少的不是一点半点。对于维护和修改提高也很大。 不同人的敲代码的习惯都不一样，要是很多人开发一个项目或者是经很多手开发，那么这个项目在不同习惯下的代码，是很乱很杂的。
52420发布于 2020-04-24来自专栏快乐八哥Angular企业级开发(6)-使用Gulp构建和打包前端项目
1.gulp介绍 基于流的前端自动化构建工具，利用gulp可以提高前端开发效率，特别是在前后端分离的项目中。 使用gulp能完成以下任务： 压缩html、css和js 编译less或sass等 压缩图片 启动本地静态服务器 其他 2.gulp构建 前端构建流程： 开发->分析->测试->编译->发布部署 bower进行类库的管理，所以在项目打包的过程，需要从bower_components文件夹中就项目实际使用的js和css文件复制发布文件夹中。 在gulpfile.js中有一个task名为vendor，主要任务就是将项目中实际使用的js和css复制到发布文件夹中。我们项目发布文件夹名字为dist。 gulp使用 前端构建大法 Gulp 系列 (一)：为什么需要前端构建
2.5K50发布于 2018-01-18来自专栏达达前端前端技术前沿6
最终组合成的对象是 {a: 1, b: 2, c: 3, d: 4, e: 5}。
71330发布于 2019-07-03来自专栏Vincent-yuan前端学习(6)~html回顾
html 的常见元素主要分为两类：head 区域的元素、body 区域的元素。下面来分别介绍。
64120发布于 2020-02-23来自专栏ops技术分享pipeline配置前端项目
) { steps { echo "======================================项目名称 = ${env.JOB_NAME}" echo "======================================项目 URL = ${gitUrl }" echo "======================================项目分支 = ${branchName}" =当前编译版本号 = ${env.BUILD_NUMBER}" echo "======================================项目 Build 文件夹路径 = ${projectBuildPath}" echo "======================================项目
58410发布于 2021-06-04来自专栏Vue源码 & 前端进阶体系【项目】前端图片裁剪
把工作中做过的一些小东西或者功能总结记录，分享学习 最近做了一个需求，是做 视频封面裁剪的，涉及到的一个功能点是 自动裁剪，就是拿到一张图片，自动裁剪 图片的中间区域成 一个正方形 其实这个挺简单的，说到前端裁剪 但是实际上也的确没有什么复杂的东西，只不过使用的时候会难以避免碰到一些坑而已 兼容性 canvas.drawImage 这个方法 的兼容性我们再来看一下，现在基本大部分浏览器已经兼容了，就除了 IE6- 所以我们大可以放心使用这个 drawImage 进行我们的前端截图 2 api 详细介绍 drawImage 的 参数还是挺多的，挺容易弄混的，所以这里必须要花大力气写清楚，反正每次用都是要看一次的 我也没想着能够一劳永逸
2.4K30发布于 2021-05-13来自专栏grain先森前端项目如何管理
前端项目的管理分为两个维度：项目内的管理与多项目之间的管理。 1. 项目内的管理 在一个项目内，当有多个开发者一起协作开发时，或者功能越来越多、项目越来越庞大时，保证项目井然有序的进行是相当重要的。 ，交接给其他人是很方便的 1.1 可扩展性 对于前端项目而言，可扩展性是并不难的，因为很多时候前端的代码、文件分块都是按照页面来的，所以天然就是一块一块的。 使前端项目具有高可扩展性，一般从目录文件结构入手。 1.2 组件化 这里的组件化是项目内的组件化，我们可以把多个页面之间共用的大块代码独立成组件，多个页面、组件之间共用的小块代码独立成公共模块。 让项目能够轻松的移植某些页面、组件、模块到其他项目，需要对整个项目代码尽量的解耦与模块化。另外，也与后面会讲到的“项目之间的统一性”有关。 一般会从下面几点来考证多个项目之间是否管理得很好： 组件化：多个项目共用的代码应当独立出来，成为一个单独的组件项目 版本化：组件项目与应用项目都应当版本化管理，特别是组件项目的版本应当符合 semver
1.4K30发布于 2019-03-28来自专栏海仔技术驿站前端成神之路-vue前端项目06
使用upload组件完成图片上传 在element.js中引入upload组件，并注册 因为upload组件进行图片上传的时候并不是使用axios发送请求 所以，我们需要手动为上传图片的请求添加token，即为upload组件添加headers属性
2.1K40发布于 2021-05-06来自专栏海仔技术驿站前端成神之路-vue前端项目02
通过更改el-menu的active-text-color属性可以设置侧边栏菜单中点击的激活项的文字颜色 通过更改菜单项模板（template）中的i标签的类名，可以将左侧菜单栏的图标进行设置，我们需要在项目中使用第三方字体图标 显示其中的子菜单，我们可以在el-menu中添加一个属性unique-opened 或者也可以数据绑定进行设置(此时true认为是一个bool值，而不是字符串) :unique-opened=“true” 6. password: [ { required: true, message: '请输入密码', trigger: 'blur' }, { min: 6, max: 15, message: '用户名在6~15个字符之间', trigger: 'blur' } ],
4.4K10发布于 2021-03-20来自专栏海仔技术驿站前端成神之路-vue前端项目05
1.完成参数管理 2.推送代码到码云 3.制作商品列表页面 4.制作商品添加页面
1.8K10发布于 2021-05-06来自专栏海仔技术驿站前端成神之路-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确定当前项目状态。
94020发布于 2021-03-20来自专栏海仔技术驿站前端成神之路-vue前端项目03
'bdtop' ]" v-for="(item2,i2) in item1.children" :key="item2.id"> <el-col :span="<em>6</em>" this.getRoleList(); //关闭对话框 this.setRightDialogVisible = false; } } } </script> 6.
2.2K20发布于 2021-05-06来自专栏海仔技术驿站前端成神之路-vue前端项目04
新建分支goods_cate并推送到码云 git checkout -b goods_cate git push -u origin goods_cate
2K20发布于 2021-05-06来自专栏海仔技术驿站前端成神之路-vue前端项目07
今日目标 1.完成项目优化 2.完成项目上线 1 .项目优化 实现步骤： A.生成打包报告，根据报告优化项目 B.第三方库启用CDN C.Element-UI组件按需加载 D.路由懒加载 E vue-cli-service build --report B.在vue控制台生成打包报告 点击“任务”=>“build”=>“运行” 运行完毕之后点击右侧“分析”，“控制台”面板查看报告 6. ,()=>{ 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 自定义名称
1.6K30发布于 2021-05-06来自专栏phodal学好前端的 6 点建议
最近接触了很多前端的小伙伴，和他们谈了很多职业发展的问题。他们大部分是做了一到三年的前端新手。 同样是前端工程师，技术体系是相同的，工作年限也是相近的，为什么差别这么大？我在前端领域摸爬滚打也有五年了，如何跟上前端技术飞速更新的步伐，我认为学习方法一定要找对，一定要抓住要学习的重点。 github上有很多优秀的前端项目，仔细研读这些项目的代码，在commit记录中查看编程思想和逻辑的进化过程，就是一场与大神直接的面对面交流，是一场绝妙的学习之旅。 我推荐几本值得购买的书给大家，《图解HTTP》、《JavaScript设计模式与开发实践》、《深入理解ES6》，《高性能JavaScript》。 Part.6 紧跟潮流 现在的前端技术体系更新十分迅速，想着要不要尝试用下Vue的事仿佛还在昨天，今天一觉醒来就看到尤雨溪宣布要开发Vue3.0了。
57131发布于 2019-04-22来自专栏木子墨的前端日常前端项目性能优化笔记
饱暖思淫欲，当我们完成基本的业务需求之后，我们就需要去思考一下如何是我们的业务更加的流畅、代码更健壮等等，以下是我在项目中做的一些基本的项目优化工作，小小记录一下 一、高频操作的防抖和截流 日常页面开发中经常会有一些操作频率较高的
68830发布于 2018-12-07来自专栏前端少年汪的博客前端项目(VueReact)性能优化
前言 前端随着node等JavaScript运行时平台的出现，逐渐向工程化方向发展。 本文就围绕着如何给前端项目进行性能优化等技术点一一展开讨论 为什么 为什么要进行项目性能优化，其实这个问题我在前言中已经简单阐述过了。 如果您一次请求十二个资源，前6个将开始，后6个将排队。一旦其中一个请求完成，队列中的第一个请求项目将开始其请求过程。 发出网络请求所花费的时间 Waiting (等待)（到开始下载第一个字节的时间（TTFB））等待初始响应所花费的时间 Content Download (内容下载)接收响应数据所花费的时间 动画的视觉和流畅效果 前端前端实现动画有三种主流的方式 javascript 预连接到所需的来源 预先价值关键请求 减少对DOM的操作 减少http请求 图片懒加载 优化TCP协议 优化css 异步加载脚本，防止主线程阻塞 使用cdn 代理缓存 下面是一些关于前端框架项目的一些优化方法
71240编辑于 2023-11-21
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号