首页   注册   登录
 meetocean 最近的时间轴更新
新书《斗霸玄龙》在起点发布,这是作者第一本网文。

新书链接: https://book.qidian.com/info/1015257297

发布日期: 2019-05-1
203 天前

meetocean

V2EX 第 222331 号会员,加入于 2017-03-22 10:44:54 +08:00
今日活跃度排名 4953
预测 Apple MBP 2020 年换模具
Apple  •  meetocean  •  135 天前  •  最后回复来自 meetocean
39
历时 2 年多亏损 50 万,就这点作品,大家看值不值?
  •  2   
    分享创造  •  meetocean  •  3 小时 40 分钟前  •  最后回复来自 meetocean
    676
    刚刚挣脱,接着进入新的地狱!
    随想  •  meetocean  •  203 天前  •  最后回复来自 henryhu
    195
    近十年科技没有质变,即使在发展变化!
    科技  •  meetocean  •  2018-10-14 23:12:26 PM  •  最后回复来自 googlefans
    41
    也是拼了,这么冷门还要继续,重提逆袭计划
    奇思妙想  •  meetocean  •  2018-10-11 16:10:58 PM  •  最后回复来自 meetocean
    110
    iPhone XS 这样发音,比较好记
    发音  •  meetocean  •  2018-09-13 17:24:49 PM  •  最后回复来自 meetocean
    9
    第一款 Mac 应用仅仅显示一句话,真不可思议
    分享创造  •  meetocean  •  2018-09-17 10:00:48 AM  •  最后回复来自 meetocean
    55
    很好奇一个完整的 WEB 网站项目,大家是如果组织管理的?
    问与答  •  meetocean  •  2018-08-01 16:00:19 PM  •  最后回复来自 Bardon
    6
    meetocean 最近回复了
    “黑盒方法”适合于快速动手做项目,因为不记忆知识点,不适合面试,面试一问三不知,对找工作不太友好。
    短短几天,动手操作就是学习,经过三到四次这样的熟悉过程,就能用 Angular,React 等前端框架进行实战开发,这得益于“黑盒方法”。

    “黑盒方法”真是高效,不需要去学习,只需要动手,节省大量学习基础知识的时间。

    这次学习 这两个前端框架,几乎没有花费多少学习时间。学习与运用 Angular 的前提知识之一就是 TypeScript,到今天为止都没有时间去学习。据说 TypeScript 学习曲线陡峭,Angular 也是学习曲线陡峭。

    好在当初训练了“黑盒方法”,这个方法弥补了太多的基础知识不足,不知道的知识可以查询,关键是要能动手做实际项目。

    可惜在写小说上还没有找到好办法,希望 2020 年的某一天也能找到写小说的“黑盒方法”。
    2019 年 11 月 20 日,非常好的一天。

    Laravel API + Angular + MySQL 组合,Cross-Origin Resource Sharing 测试通过。

    接着演练 Laravel API + React + MySQL 组合,Cross-Origin Resource Sharing 测试,大概一天时间能够完成。

    下一步就是做一个简单的实际项目。
    学习 Boot Spring,Angular,React 等前后端框架以及更多的技术栈,目的有三点。

    1. 工程化项目,维护方便。

    在使用的过程中感觉到后期维护更省事,从总的开发时间与维护时间上考量,有可能花的总时间比 手写原生 html + css + js 更少。以前的前端方案都是 html + bootstrap + jQuery 加上部分手写 css + js。html 都是 与 php 混写,前后端不分离。

    当然目前还没有实际经验证明使用 Angular 更好,这次算是一种尝试吧,实际项目不一定用的上。

    2. 找工作用

    如果迫不得已必须要去上班,有了这个实际掌握的技能,会是加分项。当然还有 React,手写原生 JS。

    3. 证明技能

    其实家人与一些熟人很怀疑楼主的技术能力,因为如果技术那么好的话,怎么混成这样?当有人怀疑的时候,解释是多余的,用实力去证明是比较好的一种方式。现在也有个别网友怀疑楼主的技术能力。

    楼主考虑了很多年,有没有必要向他们证明呢?对于家人与熟人没有必要,他们需要的是楼主的经济实力而不是技术实力。

    那么剩下来的就是网友了,到底需不需要向他们证明?这里的网友不仅仅指怀疑楼主能力的网友,也包括以后可能会合作的网友。

    经过考虑再三,认为有必要。2020 年到来之后,一个自由开放的环境中,楼主也没有必要保持孤僻。
    绘制扑克牌,2 ~ 10 这几个等级与 四个花色是最简单的,就是 J,Q,K 与大王小王的图案复杂一点。

    不想画这些图案,至少目前还不想,考虑到版权问题,不想从网上下载现成的免费图案。最后发现扑克牌有 unicode 符号。于是把 54 个扑克牌符号渲染为 canvas,发现效果还行,但是具体到花色与数字与图案都不能够自定义,这对原创没有意义。

    于是才用 JS 全新绘制,四个花色用 unicode 符号 ♠︎, ♣︎, ♥︎, ♦︎,用 BLACK CHESS KING ♚ 代替 K 的中心图案,
    BLACK CHESS QUEEN ♛ 代替 Q 的中心图案,BLACK CHESS ROOK ♜ 代替 J 的中心图案。Black Joker 🃏 代替大王的中心图案,White Joker 🃟 代替小王的中心图案。

    等以后自己绘制了新图案就替换它们,想放大缩小都不影响这些图案的位置,精确的控制它们的位置,需要预定义好比例与边界。

    在学习阶段用 swift 开发 iOS 游戏的过程中,Text 的宽度与高度可以精确计算,能够放到指定的矩形框之内水平与垂直居中,似乎很容易。

    然而用 SVG 的 Text 呈现基本的数字与 unicode 符号,并没有达到预期的效果。查询了一下资料,才明白实现这个是不容易的事情,这是由于字体的特点决定的。

    不过对于扑克牌用到的字符定位,主要就是 Joker 这个文本不止一个字符,所以分别对待就解决了。

    最精确的最灵活的解决方案就是把这些字符渲染成图像,计算边界盒就可以确定其图形中心,不过目前用不到这么精确,也不是重点,所以这一步就省了。

    这个绘制扑克牌小项目的最终特点是:用 Javascript 绘制 SVG,在浏览器观看效果,满意之后点击上传按钮,就自动把 54 张 SVG 图形的扑克牌转换为 PNG 图像,并保存到磁盘。

    在浏览器里看到的效果就是,54 张 SVG 扑克牌图形,一张空白画布,一张空白图像容器。当上传图像时,每一 SVG 突袭那个都转换到画布显示,然后画布图像显示在图像容器中,并有有旋转的动画效果。
    11 月 8 日之后的几天,用 Laravel 开发了一些简单的 API,用于前端框架的测试。

    接着学习了 React,动手的过程中遇到扑克牌游戏的案例,被吸引,也想用 React 开发一个扑克牌游戏,然后新开一个网站放上这个游戏。

    考虑扑克牌图像的版权问题,决定自己绘制,只需要简单的图案替代就行。分析了自己的需求,就是用程序绘制,然后在浏览器上观看效果,满意之后用程序自动保存图像。先用简单的图案做出一副简单的扑克牌,以后可以换图案。

    根据已有技术知识,前端用 Javascript 绘制成 SVG 格式的图像,然后转换为画布图像,画布图像转换为最终的目标图像,例如 PNG 与 JPG 格式的图像。因为浏览器没有自动批量保存图像的功能,那么只能用 Ajax 传给后端,用 PHP 保存图像到磁盘。

    另外一个选项是用 Node.js 保存图像到磁盘,之前学习个 Node.js 保存图像,写起来似乎比 PHP 更容易一点。于是后端采用 Node.js ,前端用 Javascript。虽然从字面上看,这两个东西看起来是一家人,它们还是有很多区别的。最明显的区别就是服务器端与客户端,而这一点导致了代码的写法也有差别。

    以前用过 Node.js 处理过一些网页 DOM,都是即学即用,把后端 Node.js 与 前端 Javascript 整合在一起开发一个小应用,还是第一次遇到。

    还以为 Node.js 约等于 PHP + Apache,在用 Node.js 把网页渲染出来之后,发现浏览器上没有出现 SVG 图像,分析代码,JS 与 CSS 没有加载。 默认功能没有 PHP 省心,还得自己写代码。

    于是用 Google 搜索 Node.js 开发 web 后端的教程,推荐用 Express 这个框架的居多。就这么一个功能还需要一个框架,这显然让楼主不满意,最后终于找到简单的方法加载了 JS 与 CSS 等 html 文件之外的资源。

    保存前端传来的图像数据,网上也是推荐用这个或那个插件,同样不满意,最终还是运用 Node.js 最常用的库解决保存图像的问题。
    最近动态:
    2019 年 11 月 8 ~ 19 日,整体上持续好转,反弹了几次,不影响好转趋势。

    开发一个社区,仅仅考虑开发效率,运用已有技术栈完全足够,已有技术栈是 Laravel + Bootstrap + jQuery.

    从长计议整体考虑,有一个技术选型,主动了解与学习前后端分离的知识,API,主流前端框架 Angular 与 React.

    楼主认为技术是拿来用的,没有必要去记忆知识点,主要侧重实战,所以对于掌握技术,大多数都是用“黑盒方法”,为了省时间,没有必要从基础知识开始学习,一上手就做项目。

    第一次学习的主流前端框架就是 Angular,大概是在 10 月份。第一次按照 Angular 官方英文教程,动手演练顺利通过。


    后端 Sprint Boot 框架 10 月份动手操作了一遍,能够实现对 MySQL 的 CRUD。所以 11 月份就拿来做后端 API 测试。

    动手能力虽然还没有衰退,但是考虑到对 Sprint Boot 还不熟练,拿来做实际项目,要考虑到遇到技术难点而消耗过多时间,以及服务器的成本,后端框架还是以 Laravel 为主。
    手头有几个项目,包括社区(或者说论坛),现在需要确定实施的先后顺序。
    目前有一个论坛在酝酿之中,具体上线日记不确定。
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2917 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 28ms · UTC 11:14 · PVG 19:14 · LAX 03:14 · JFK 06:14
    ♥ Do have faith in what you're doing.