前端开发怎样开发一个自己的产品

引言

复制代码
                 蚕妇
                宋·张俞
         昨日入城市,归来泪满巾。
         遍身罗绮者,不是养蚕人。

写了一辈子代码,没有一行代码的产权是属于自己的。更没有一个产品是属于自己的。每一个程序员都值得拥有,一个属于自己的产品。

我是一名7年的前端开发用的vue的技术栈。我用electron开发了一个Aweb浏览器aweb123.com

产品选择,发现痛点

做自己会用的,做自己感兴趣的,做自己发现痛点有信心的。因为我是一名前端开发接触的最多的就是浏览器。而且我发现了浏览器的痛点(这里比较主观,仅仅表达我自己的观点)

UI

审美疲劳,所有的浏览器都是上面是标签页,第二层是搜索,第三层是收藏夹,也真是奇怪没有一家能跳出这个UI布局,有没有可能上面可以只放一层。

标签页

打开的标签页多了以后就拥挤在一起,不知道哪个对于自己来说是有用的,有些网站非常里面只要是跳转就开新的标签页,搜索东西的时候标签页就泛滥了。我就在想有没有可能像手机app一样,我打开了一个app后这个app所以的跳转都强制在内部进行,不去开新的标签页。这样就可以解决标签页拥挤的问题。

收藏夹

很多用不到的因为是放到文件夹里面的平时看不到,就越积越多,查找收藏夹里面收藏的内容也不方便。

搜索

有时候我们要找技术网站的官网,用搜索引擎的时候他们很多都不是在第一个的,有时候还会找到冒牌网站,那如果搜索栏加个判断,先搜索桌面的匹配到了就直接打开是不是非常方便,我们再把常用的网站放到一个类似于App Store的商店里面,搜索的时候先去商店里面找是不是更快。

悬浮

主流的浏览器无一例外都没有悬浮功能也是非常奇怪,悬浮的好处是在用ReactNative开发app的时候用Android模拟器发现的。

技术选择

选择自己工作中用到的技术,选自己最熟悉的技术。

  • 前端 vue全家桶 + Electron

    因为工作就是用的这套技术栈,成本最低,甚至都抛弃了TS因为它会增加一些工作量。

  • 后端 express mysql

    后端其实是自己很抵触的,因为没有这方面的经验,学习新的语言成本太高了,而且会拉长产品的时间线,所以选择nodejs,nodejs的产品其实有很多 egg koa nestJs等。也有开源的项目可以选择,克隆下来后发现不大看得懂,对自己掌握不了得东西总归是不放心,于是就用express + mysql自己重头来了,chatgpt + 搜索引擎,居然是异常的顺利,本身不擅长后端居然在后端遇到的坑是最少的。

服务器选择

没有买大厂的因为想做全球的市场,买的香港的服务器,我对Linux也不熟,还好有宝塔,也是异常的顺利。

关于产品上线问题

还是建议不要先上架商店,因为上架商店审核非常的繁琐很容易就把兴趣耗没了,而且非常费时间。我上架App Store就被卡过一个星期,就是一直在审核中,也不拒绝也不告诉你原因,新手哪里知道这里就是你有不合规的地方故意卡你的。可以自己搭网站先推广起来再来慢慢上架商店。

关于个人不能接入支付的问题

我也被这个问题纠结过很久,支付就要公司资质,注册公司要时间又要一笔费用。前期也不知道产品盈利情况怎么样。可以使用卖菜大妈使用的方式,直接放二维码收款,付钱了就给菜,先拿到菜了但是没有付钱就把菜要回来。

没有UI的问题

核心就是一个字抄,抄配色,找类似的产品用masterGo设计大概的布局,直接上前端代码,边写边微调,拿aweb图标来说,我苦思考冥想了好久设计了很多奇奇怪怪的

要么和别的产品太雷同了,要么就是不能第一眼就让人知道你的产品是干嘛的,直到我看到了很多大厂的产品都是用的文字,比如下面大名鼎鼎的产品

复杂的图标我们设计不出来,可是文字加一个背景色,这绝对是没有问题的。

比如商店UI直接借鉴App Store的

app图标的编辑,也是解决了IOS系统的头像设置功能,然后根据自己的产品做了一些修改。永远都是更懂产品的人才能设计出来更好的UI。

桌面就是按照手机桌面的布局来的

辅助技术

相关推荐
m0_719084111 小时前
React笔记张天禹
前端·笔记·react.js
Ziky学习记录1 小时前
从零到实战:React Router 学习与总结
前端·学习·react.js
wuhen_n1 小时前
JavaScript链表与双向链表实现:理解数组与链表的差异
前端·javascript
wuhen_n2 小时前
JavaScript数据结构深度解析:栈、队列与树的实现与应用
前端·javascript
狗哥哥2 小时前
微前端路由设计方案 & 子应用管理保活
前端·架构
前端大卫2 小时前
Vue3 + Element-Plus 自定义虚拟表格滚动实现方案【附源码】
前端
却尘3 小时前
Next.js 请求最佳实践 - vercel 2026一月发布指南
前端·react.js·next.js
ccnocare3 小时前
浅浅看一下设计模式
前端
Lee川3 小时前
🎬 从标签到屏幕:揭秘现代网页构建与适配之道
前端·面试
Ticnix3 小时前
ECharts初始化、销毁、resize 适配组件封装(含完整封装代码)
前端·echarts