首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏大前端++

    AI 对大前端项目的冲击,【大前端++】来抵御

    前端技术已经多年,各种开发框架,开发语言也覆盖了大部分的业务环境,熟练使用AI 进行辅助开发就可以提高 10 倍的开发效率,当然这个是在有比较熟练开发经验的基础上再进行 x10AI 极大促进了开发效能; 现在前端几乎没人要了,因为后端使用AI 辅助开发基本上也能满足基本需要了,迭代几个版本,熟悉了前端开发的基本框架,基本上后端和前端也就没那么明显的界限了,除非是比较急的项目需求,不然时间拉长一点点基本上就不需要前端了 而对于跳槽频繁的前端开发来说,很难去深入大前端++项目特性而积累相关开发经验。大前端++项目是相对的小型项目,由于产品和服务的链条比较长才有了类似的门槛要求。但一般情况下市面上找不到类似的开发人员 ! 所以如果从现在开始积累大前端++项目的行业特性,那基本上就抵御了 AI 的冲击,因为AI 解决不了如此复杂的业务场景,当然如果你看过我其他文章就会知道这样的项目的场况问题,AI 无法理解的。 所以如果还想在前端有一定的发展方向,大前端++可能是一个比较好的保底的选择,可以有效抵御AI 冲击我是前端开发,还是十多年的前端开发,所以在前端开发的感受更深刻一些!

    22610编辑于 2025-12-10
  • 来自专栏coding个人笔记

    聊聊前端项目

    前端也不是很久,也没做过什么特别大型或者是特别复杂需要很多前端配合开发的项目,所以对于前端的架构我并没有一个清晰的认识。 只是最近看着新公司的项目,实在有感而发,忍不住想说说前端项目最基础的一些架构。 现在几乎都是前后端分离了,所以前端项目都是前端自己搭建,整个项目的结构都把握在自己手里。 一个好的项目架构有什么好处呢,无外乎现在网上一直说的那几点,代码可读性、可维护性、可扩展性。当然,本人能力有限,说说基于本人认识上前端项目应该做的。 结构上,应该明确各种资源所放的位置。 组件,现在前端开发都是组件化开发,各个框架也提倡组件化开发,所以对于公共的组件封装,很重要,对于代码量减少的不是一点半点。对于维护和修改提高也很大。 不同人的敲代码的习惯都不一样,要是很多人开发一个项目或者是经很多手开发,那么这个项目在不同习惯下的代码,是很乱很杂的。

    52120发布于 2020-04-24
  • 来自专栏IMWeb前端团队

    前端AI实战——告诉世界前端也能做AI

    在python垄断的时代,发布JS工具库不就是意味着我们前端工程师也可以参与其中? 当我决定开始投身这片领域做一些自己感兴趣的事情的时候,却发现身边的人投来的都是鄙夷的目光,他们对前端的印象,还总是停留在上个年代那些只会写写页面脚本的切图仔,只有身处这片领域的我们才知道大前端时代早已发生了翻天覆地的变革 具体项目可参照:https://github.com/jerryOnlyZRJ/image-regression 。 2.2.实战项目解析 来,我们一起详细梳理一下使用ConvNetJS这个工具库完成整个图像识别的具体流程, (PS:项目代码具体参照:https://github.com/jerryOnlyZRJ/image-regression 如果您觉得这篇文章对您有帮助,还请麻烦您为文章提供的示例demo项目点个star;如果您对我的其他项目感兴趣,也欢迎follow哦~

    1K30发布于 2019-12-03
  • 来自专栏京程一灯

    前端AI实战——告诉世界前端也能做AI

    前端AI实战——告诉世界前端也能做AI 我想大多数人和我一样,第一次听见“人工智能”这个词的时候都会觉得是一个很高大上、遥不可及的概念,特别像我这样一个平凡的前端,和大部分人一样,都觉得人工智能其实离我们很遥远 具体项目可参照:https://github.com/jerryOnlyZRJ/image-regression 。 2.2.实战项目解析 来,我们一起详细梳理一下使用ConvNetJS这个工具库完成整个图像识别的具体流程, (PS:项目代码具体参照:https://github.com/jerryOnlyZRJ/image-regression 在我们的项目里,是通过这样一段代码完成机器学习的: ? 我们试着去打印一下图像识别的输出结果,得到的是这样一个东西: ? 4.鸣谢 本文项目资源大部分来自京程一灯,感谢京程一灯袁志佳老师对我技术成长的支持和帮助,如果你也在前端前进路上感到迷茫,京程一灯也许是你一个不错的选择。

    1.2K51发布于 2019-03-27
  • 来自专栏Vue源码 & 前端进阶体系

    项目前端图片裁剪

    把工作中做过的一些小东西或者功能总结记录,分享学习 最近做了一个需求,是做 视频封面裁剪的,涉及到的一个功能点是 自动裁剪,就是拿到一张图片,自动裁剪 图片的中间区域成 一个正方形 其实这个挺简单的,说到前端裁剪 所以我们大可以放心使用这个 drawImage 进行我们的前端截图 2 api 详细介绍 drawImage 的 参数还是挺多的,挺容易弄混的,所以这里必须要花大力气写清楚,反正每次用都是要看一次的 我也没想着能够一劳永逸

    2.4K30发布于 2021-05-13
  • 来自专栏ops技术分享

    pipeline配置前端项目

    ) { steps { echo "======================================项目名称 = ${env.JOB_NAME}" echo "======================================项目 URL = ${gitUrl }" echo "======================================项目分支 = ${branchName}" =当前编译版本号 = ${env.BUILD_NUMBER}" echo "======================================项目 Build 文件夹路径 = ${projectBuildPath}" echo "======================================项目

    57810发布于 2021-06-04
  • 来自专栏grain先森

    前端项目如何管理

    前端项目的管理分为两个维度:项目内的管理与多项目之间的管理。 1. 项目内的管理 在一个项目内,当有多个开发者一起协作开发时,或者功能越来越多、项目越来越庞大时,保证项目井然有序的进行是相当重要的。 ,交接给其他人是很方便的 1.1 可扩展性 对于前端项目而言,可扩展性是并不难的,因为很多时候前端的代码、文件分块都是按照页面来的,所以天然就是一块一块的。 使前端项目具有高可扩展性,一般从目录文件结构入手。 1.2 组件化 这里的组件化是项目内的组件化,我们可以把多个页面之间共用的大块代码独立成组件,多个页面、组件之间共用的小块代码独立成公共模块。 让项目能够轻松的移植某些页面、组件、模块到其他项目,需要对整个项目代码尽量的解耦与模块化。另外,也与后面会讲到的“项目之间的统一性”有关。 一般会从下面几点来考证多个项目之间是否管理得很好: 组件化:多个项目共用的代码应当独立出来,成为一个单独的组件项目 版本化:组件项目与应用项目都应当版本化管理,特别是组件项目的版本应当符合 semver

    1.4K30发布于 2019-03-28
  • 来自专栏海仔技术驿站

    前端成神之路-vue前端项目02

    通过更改el-menu的active-text-color属性可以设置侧边栏菜单中点击的激活项的文字颜色 通过更改菜单项模板(template)中的i标签的类名,可以将左侧菜单栏的图标进行设置,我们需要在项目中使用第三方字体图标

    4.4K10发布于 2021-03-20
  • 来自专栏海仔技术驿站

    前端成神之路-vue前端项目06

    使用upload组件完成图片上传 在element.js中引入upload组件,并注册 因为upload组件进行图片上传的时候并不是使用axios发送请求 所以,我们需要手动为上传图片的请求添加token,即为upload组件添加headers属性

    2.1K40发布于 2021-05-06
  • 来自专栏海仔技术驿站

    前端成神之路-vue前端项目05

    1.完成参数管理 2.推送代码到码云 3.制作商品列表页面 4.制作商品添加页面

    1.7K10发布于 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确定当前项目状态。

    93020发布于 2021-03-20
  • 来自专栏海仔技术驿站

    前端成神之路-vue前端项目03

    A.为用户列表中的修改按钮绑定点击事件 B.在页面中添加修改用户对话框,并修改对话框的属性 C.根据id查询需要修改的用户数据

    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 .首页内容定制 2.添加进度条 给项目添加进度条效果,先打开项目控制台,打开依赖,安装nprogress 打开main.js,编写如下代码 //导入进度条插件 import NProgress from ,()=>{ 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
  • 来自专栏自动化测试工具

    购物车项目前端

    今天给大家讲的就是session项目,用到了昨天的那篇文章里面的一些东西。 今天就不多说了,可以看下面的思维导图。  下面是这个项目的效果图,用到了一些插件。

    81710编辑于 2022-11-18
  • 来自专栏木子墨的前端日常

    前端项目性能优化笔记

    饱暖思淫欲,当我们完成基本的业务需求之后,我们就需要去思考一下如何是我们的业务更加的流畅、代码更健壮等等,以下是我在项目中做的一些基本的项目优化工作,小小记录一下 一、高频操作的防抖和截流 日常页面开发中经常会有一些操作频率较高的

    68330发布于 2018-12-07
  • 来自专栏前端少年汪的博客

    前端项目(VueReact)性能优化

    前言 前端随着node等JavaScript运行时平台的出现,逐渐向工程化方向发展。 项目开发也越来越规范化,但是随着项目的体积越来越大,依赖库越来越多,项目的运行,热更新和打包发布也是越来越慢,甚至卡顿。这个时候就需要对项目进行“瘦身”(性能优化)了。 本文就围绕着如何给前端项目进行性能优化等技术点一一展开讨论 为什么 为什么要进行项目性能优化,其实这个问题我在前言中已经简单阐述过了。 发出网络请求所花费的时间 Waiting (等待)(到开始下载第一个字节的时间(TTFB))等待初始响应所花费的时间 Content Download (内容下载)接收响应数据所花费的时间 动画的视觉和流畅效果 前端前端实现动画有三种主流的方式 javascript 预连接到所需的来源 预先价值关键请求 减少对DOM的操作 减少http请求 图片懒加载 优化TCP协议 优化css 异步加载脚本,防止主线程阻塞 使用cdn 代理缓存 下面是一些关于前端框架项目的一些优化方法

    69240编辑于 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? 项目名称,直接默认即可(看自己个人情况),回车 In which directory is your code located? 是不是要项目的所有文件,默认回车 Want to override the settings? 识别出了我的项目是vue 项目,问我们是不是这些配置,覆盖,如果不是就修改,是的话默认回车 image.png 部署成功 image.png 测试:https://vue-demo-orpin.vercel.app

    3.6K21编辑于 2022-03-21
  • 来自专栏薛定喵君

    vue项目前端规范

    前端 vue 开发规范笔记 命名规范 组件 method方法命名 views下文件命名 props 命名 目录文件夹及子文件规范 vue文件基本结构 多个特性的元素规范 元素特性顺序 组件选项顺序 注释规范

    3K54发布于 2020-03-30
  • 来自专栏雪胖纸的玩蛇日常

    部署(6.前端项目

    1.安装node、npm、cnpm apt install nodejs y apt install npm y node -v npm -v npm install cnpm -g --regist

    59830发布于 2020-02-14
领券