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

引言

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

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

我是一名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。

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

辅助技术

相关推荐
神夜大侠1 小时前
VUE 实现公告无缝循环滚动
前端·javascript·vue.js
明辉光焱1 小时前
【Electron】Electron Forge如何支持Element plus?
前端·javascript·vue.js·electron·node.js
柯南二号1 小时前
HarmonyOS ArkTS 下拉列表组件
前端·javascript·数据库·harmonyos·arkts
wyy72931 小时前
v-html 富文本中图片使用element-ui image-viewer组件实现预览,并且阻止滚动条
前端·ui·html
前端郭德纲2 小时前
ES6的Iterator 和 for...of 循环
前端·ecmascript·es6
王解2 小时前
【模块化大作战】Webpack如何搞定CommonJS与ES6混战(3)
前端·webpack·es6
欲游山河十万里2 小时前
(02)ES6教程——Map、Set、Reflect、Proxy、字符串、数值、对象、数组、函数
前端·ecmascript·es6
明辉光焱2 小时前
【ES6】ES6中,如何实现桥接模式?
前端·javascript·es6·桥接模式
PyAIGCMaster2 小时前
python环境中,敏感数据的存储与读取问题解决方案
服务器·前端·python
baozhengw2 小时前
UniAPP快速入门教程(一)
前端·uni-app