- 综合排序
- 最热优先
- 最新优先
- 来自专栏coding个人笔记
聊聊前端项目
做前端也不是很久，也没做过什么特别大型或者是特别复杂需要很多前端配合开发的项目，所以对于前端的架构我并没有一个清晰的认识。 只是最近看着新公司的项目，实在有感而发，忍不住想说说前端项目最基础的一些架构。 现在几乎都是前后端分离了，所以前端项目都是前端自己搭建，整个项目的结构都把握在自己手里。 一个好的项目架构有什么好处呢，无外乎现在网上一直说的那几点，代码可读性、可维护性、可扩展性。当然，本人能力有限，说说基于本人认识上前端项目应该做的。 结构上，应该明确各种资源所放的位置。 组件，现在前端开发都是组件化开发，各个框架也提倡组件化开发，所以对于公共的组件封装，很重要，对于代码量减少的不是一点半点。对于维护和修改提高也很大。 不同人的敲代码的习惯都不一样，要是很多人开发一个项目或者是经很多手开发，那么这个项目在不同习惯下的代码，是很乱很杂的。
52420发布于 2020-04-24 - 来自专栏森屿暖树
前端特效学习5
input type="radio" name="select" id="slide_4"> <input type="radio" name="select" id="slide_<em>5</em>" <label for="slide_4" class="slide slide_4"></label> <label for="slide_<em>5</em>" class="slide slide_<em>5</em>"></label>
<label for="slideImg" class="img"><label for="slideImg" class="img"> <img class="img_<em>5</em>"
33910编辑于 2022-03-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源码 & 前端进阶体系
【项目】前端图片裁剪
把工作中做过的一些小东西或者功能总结记录，分享学习 最近做了一个需求，是做 视频封面裁剪的，涉及到的一个功能点是 自动裁剪，就是拿到一张图片，自动裁剪 图片的中间区域成 一个正方形 其实这个挺简单的，说到前端裁剪 所以我们大可以放心使用这个 drawImage 进行我们的前端截图 2 api 详细介绍 drawImage 的 参数还是挺多的，挺容易弄混的，所以这里必须要花大力气写清楚，反正每次用都是要看一次的 我也没想着能够一劳永逸
2.4K30发布于 2021-05-13 - 来自专栏grain先森
前端项目如何管理
前端项目的管理分为两个维度：项目内的管理与多项目之间的管理。 1. 项目内的管理 在一个项目内，当有多个开发者一起协作开发时，或者功能越来越多、项目越来越庞大时，保证项目井然有序的进行是相当重要的。 ，交接给其他人是很方便的 1.1 可扩展性 对于前端项目而言，可扩展性是并不难的，因为很多时候前端的代码、文件分块都是按照页面来的，所以天然就是一块一块的。 使前端项目具有高可扩展性，一般从目录文件结构入手。 1.2 组件化 这里的组件化是项目内的组件化，我们可以把多个页面之间共用的大块代码独立成组件，多个页面、组件之间共用的小块代码独立成公共模块。 让项目能够轻松的移植某些页面、组件、模块到其他项目，需要对整个项目代码尽量的解耦与模块化。另外，也与后面会讲到的“项目之间的统一性”有关。 一般会从下面几点来考证多个项目之间是否管理得很好： 组件化：多个项目共用的代码应当独立出来，成为一个单独的组件项目 版本化：组件项目与应用项目都应当版本化管理，特别是组件项目的版本应当符合 semver
1.4K30发布于 2019-03-28 - 来自专栏海仔技术驿站
前端成神之路-vue前端项目06
handleSizeChange" @current-change="handleCurrentChange" :current-page="queryInfo.pagenum" :page-sizes="[3, 5,
2.1K40发布于 2021-05-06 - 来自专栏海仔技术驿站
前端成神之路-vue前端项目02
{{subItem.authName}} </template> </el-menu-item> </el-submenu> </el-menu> 5. 通过更改el-menu的active-text-color属性可以设置侧边栏菜单中点击的激活项的文字颜色 通过更改菜单项模板（template）中的i标签的类名，可以将左侧菜单栏的图标进行设置，我们需要在项目中使用第三方字体图标 handleSizeChange" @current-change="handleCurrentChange" :current-page="queryInfo.pagenum" :page-sizes="[1, 2, 5,
4.4K10发布于 2021-03-20 - 来自专栏海仔技术驿站
前端成神之路-vue前端项目05
handleSizeChange" @current-change="handleCurrentChange" :current-page="queryInfo.pagenum" :page-sizes="[3, 5,
1.8K10发布于 2021-05-06 - 来自专栏腾讯云可观测专栏
5月31日，揭秘鹅厂前端性能监控项目背后的技术！
前言 腾讯云前端性能监控是可用于 Web 和小程序的前端真实体验监控服务，基于腾讯内部多年实践，一行代码、无侵接入，实现页面性能和前端质量的实时可观测。 本次生态日我们将介绍小程序与 Web 前端监控的实现原理与实践案例， 到国内首屈一指的亿级流量监控平台的打造秘诀； 这是一场覆盖大前端监控监控服务的思想风暴， 最前沿的技术，最优质的产品，尽在大前端可观测技术生态日 生态日直播议程 直播时间： 2022年5月31日（周二） 14:30-18:00 01 大咖致辞 黄俊洪，腾讯云副总裁，腾讯前端领域委员会会长致辞，拉开腾讯前端性能监控生态日序幕！ 06 《Web 前端监控实现原理介绍》 讲师：廉恒睿 直播时间：17:20-18:00 内容大纲： i. Web 前端监控功能概述; ii. 核心功能实现原理介绍; 生态日直播预约方式 扫下方海报二维码或点击文末阅读原文，即可免费报名参加前端性能监控生态日，我们与你相约腾讯前端性能监控生态日，不见不散！
77720编辑于 2022-05-30 - 来自专栏海仔技术驿站
前端成神之路-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
今日目标 1.修改用户,删除用户 2.推送代码到码云 3.权限列表 4.角色列表 5.分配角色 1.修改用户信息 A.为用户列表中的修改按钮绑定点击事件 B.在页面中添加修改用户对话框，并修改对话框的属性 //如果返回状态正常，将请求的数据保存在data中 this.rightsList = res.data } } } </script> 5. -- 渲染一级权限 --> <el-col :span="<em>5</em>"> <el-tag> {{item1.authName
2.2K20发布于 2021-05-06 - 来自专栏海仔技术驿站
前端成神之路-vue前端项目04
cateList: [], //查询分类数据的条件 queryInfo: { type: 3, pagenum: 1, pagesize: 5 handleSizeChange" @current-change="handleCurrentChange" :current-page="queryInfo.pagenum" :page-sizes="[3, 5,
2K20发布于 2021-05-06 - 来自专栏海仔技术驿站
前端成神之路-vue前端项目07
今日目标 1.完成项目优化 2.完成项目上线 1 .项目优化 实现步骤： A.生成打包报告，根据报告优化项目 B.第三方库启用CDN C.Element-UI组件按需加载 D.路由懒加载 E "element-ui", "styleLibraryName": "theme-chalk" } ], ...productPlugins ] } 5. ,()=>{ 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 - 来自专栏九彩拼盘的叨叨叨
学习前端 第5周 第5天
了解 浏览器对象模型（BOM） 了解location对象的如下属性 hash 设置或返回从井号 (#) 开始的 URL（锚） host 设置或返回主机名和当前 URL 的端口号。 hostna
41320发布于 2018-08-27 - 来自专栏达达前端
前端技术前沿5
CSS3 background-origin 属性 background-origin 属性规定背景图片的定位区域。
41730发布于 2019-07-03 - 来自专栏乱码李
HTML5 前端存储
html5 中的 Web Storage 包括了两种存储方式：sessionStorage和localStorage。 Firefox (Gecko) Internet Explorer Opera Safari (WebKit) localStorage 4 3.5 8 10.50 4 sessionStorage 5 localStorage 主要存储一些比较多的本地数据，如 HTML5 小游戏里面生成的数据。
95910发布于 2021-11-26 - 来自专栏木子墨的前端日常
前端项目性能优化笔记
饱暖思淫欲，当我们完成基本的业务需求之后，我们就需要去思考一下如何是我们的业务更加的流畅、代码更健壮等等，以下是我在项目中做的一些基本的项目优化工作，小小记录一下 一、高频操作的防抖和截流 日常页面开发中经常会有一些操作频率较高的
68830发布于 2018-12-07 - 来自专栏前端少年汪的博客
前端项目(VueReact)性能优化
前言 前端随着node等JavaScript运行时平台的出现，逐渐向工程化方向发展。 本文就围绕着如何给前端项目进行性能优化等技术点一一展开讨论 为什么 为什么要进行项目性能优化，其实这个问题我在前言中已经简单阐述过了。 连接的中端移动设备上，理想的目标是在5s或更短的事件内实现交互对于后续加载，理想的目标是在2s内加载页面。 发出网络请求所花费的时间 Waiting (等待)（到开始下载第一个字节的时间（TTFB））等待初始响应所花费的时间 Content Download (内容下载)接收响应数据所花费的时间 动画的视觉和流畅效果 前端前端实现动画有三种主流的方式 javascript 预连接到所需的来源 预先价值关键请求 减少对DOM的操作 减少http请求 图片懒加载 优化TCP协议 优化css 异步加载脚本，防止主线程阻塞 使用cdn 代理缓存 下面是一些关于前端框架项目的一些优化方法
71240编辑于 2023-11-21 - 来自专栏OY_学习记录
VerCel 免费托管前端项目
我目前使用的只有Hexo和Vue 一、创建VUE脚手架 开发工具使用的：idea 2021.2 image.png image.png 本地项目启动 image.png 二、Vercel 部署 通常我们部署一个简单项目只是想要演示 是不要连接现在的项目，大写的是N，直接回车即可 What’s your project’s name? 是不是要项目的所有文件，默认回车 Want to override the settings? 识别出了我的项目是vue 项目，问我们是不是这些配置，覆盖，如果不是就修改，是的话默认回车 image.png 部署成功 image.png 测试：https://vue-demo-orpin.vercel.app image.png 5、补充 Vercel 还是一个持续集成的 测试，修改Vue项目里面的内容 image.png 控制台输入：vercel 注意，修改后发布，访问地址发生了改变，原本为：https:
3.6K21编辑于 2022-03-21 - 来自专栏自动化测试工具
购物车项目（前端）
今天给大家讲的就是session项目，用到了昨天的那篇文章里面的一些东西。 今天就不多说了，可以看下面的思维导图。 下面是这个项目的效果图，用到了一些插件。
82510编辑于 2022-11-18
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号