加入创业公司半年后的经验分享_html/css_WEB-ITnose
从2015年7月份加入一个初创型互联网小公司,到现在已经半年时间了。在这半年时间里,有满满的收获和感悟,今天记下来,等再过几年和现在的自己对比看一下。
今天主要写技术方面的,其它的各方面虽然都有或多或少的参与,但我加入的主要目的就是想办法通过技术手段来把产品实现。
虽然只有短短的几个月,但可以大约分为三个阶段:1,初期搭建;2,中期辗转;3,步入正轨
初期搭建
- 申请一台阿里云服务器ECS,并配置(Java, Tomcat, Nginx)
- 申请一台阿里云数据库RDS
- 域名注册(com相对贵一点)
- 域名备案
- 使用Spring框架初始化我们的第一个web应用
- 部署我们的第一个web应用
上面的这些步骤都是一些必备的条件,特别适合前期投资比较少的创业型公司。其中比较耗时间的是域名备案,流程不是很复杂,但是时间比较长。
完成上面的这些步骤后,我们就可以在浏览器中,输入自己申请的域名进行访问了。
中期辗转
从现在开始,真正要关心的事情就要开始了,初期为了吸引用户量,我们选择从微信服务号出发,来完成我们的初期用户积累。
大体步骤:
- 申请微信服务号,配置开发者模式
- 用Java来实现微信服务号api,开源分享: https://github.com/lemonbar/wxsdk
- 通过Spring MVC来实现web请求处理,通过Spring JPA来实现数据持久层
- 前端页面通过React(ECMAScript 6和SASS)实现
- 缓存通过redis进行处理,可以直接安装在阿里云服务器上
- 图片处理使用阿里云的OSS对象存储服务
这些步骤列出来简单,但真正做起来,并用它们把产品完美的实现出来就是很高深的一门学问了。
其中确实有捷径可走,那就是看官方文档!!!
拿个简单的css来举个例子,对于一个新手来说,一看到css的各种介绍,各种视频资料,各种属性的使用,估计只是简单的看一下介绍头就大了。更不用说把所有的这些都看完了。
难道真的就没有好的资料可以让你对css快速的了解和使用吗?答案是有,那就是官方文档: https://www.w3.org/community/webed/wiki/Main_Page#CSS
把这个里面的前12篇文章看完,你就对整个css的框架和使用有了很全面的学习。
这里不得不重新强调一下,我们的技术团队(就2个全职程序员)是从0开始学的前端开发技术和框架,在1个月的时间里面,完成了技术的学习和产品页面(多达30个页面)的实现。
最后,我们总结的经验就是看官方文档,因为作为初学者,你遇到的大部分问题(90%以上)都可以在官方文档里面找到解决方案。稍微复杂一点的问题,也只是涉及到官方文档里面的多个技术点而已。
另加一句:作为一个程序员,稍微复杂一点的技术问题就不要百度了,因为千篇一律,而且很多都是很老的帖子,使用到的产品都发布新版本了,你还在用旧的方法来解决问题,效果可想而知。
步入正轨
最后的一步,其实是工作方式的确定,那就是经典的敏捷开发模式。
因为团队人少,沟通起来比较方便,每天早晨来到公司,先捋一下目前的进度,然后按照需求的优先级,安排当天的任务。不明白的地方,当场讨论。
举个简单的例子,现在要做一个新的需求,也可以说一个任务。
可能一般情况下,直接把这个任务分配给一个人去实现就不管了,最后只是象征性的走一下代码review和产品展示就ok了。
但这样会有一个潜在的问题,那就是代码以后维护的成本代价,因为每个人对同一个功能的实现是完全不同的。那怎么解决这种问题呢?
我们目前的解决办法是在分配前,大家一起讨论下代码如何实现,主要包括下面几点:
- api的定义,包括url,参数,返回值的结构等
- 服务层的接口定义
- 数据层的实体定义和数据库的表结构设计
等这些都讨论确定后,随便找个人去实现就可以了。也许存在浪费时间的疑惑,但这个真的不会。
因为这是一个循序渐进的确定代码风格的过程,让大家在讨论问题过程中,把知识的水平线慢慢的靠近,聚拢。
而且讨论过程,也是一个逐渐完善的过程,因为每个人都有自己的想法和逻辑,可以利用讨论来把好的想法都聚集到一起。
随着时间的推移,大家的讨论时间会慢慢变短,可能真的有一天,只需要几分钟就可以了。
赶在春节前,把这些先总结一下,放在这里吧。
写的有点乱,先凑合看吧。

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來趨勢是語義化和Web組件,CSS的未來趨勢是CSS-in-JS和CSSHoudini,JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果,Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積,CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡,Serverless簡化開發但需優化冷啟動問題。

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML、CSS和JavaScript在網頁開發中的角色分別是:HTML負責內容結構,CSS負責樣式,JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容,確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式,使其美觀易讀。 3.JavaScript通過腳本控製網頁行為,實現動態和交互功能。

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義,使用、、等標籤。 2.提供語義化標記,如、、等,提升SEO效果。 3.通過標籤實現用戶交互,需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號,需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

HTML的作用是通過標籤和屬性定義網頁的結構和內容。 1.HTML通過到、等標籤組織內容,使其易於閱讀和理解。 2.使用語義化標籤如、等增強可訪問性和SEO。 3.優化HTML代碼可以提高網頁加載速度和用戶體驗。

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增強WebevebDevelopment。
