万事开头难,用HTML写的第一个界面,收获颇多

    很开心跟了叶老师学习和做项目,基础不好,前期他会帮你安排好学习路线和计划。前期没有项目做,叶老师先让我先学习jQuery,给我推荐了一些网站,叫我一边学习,一边写博客。其实很早就有想写博客的想法,只是一直没有去写,想法终是想法。直到现在,终于愿意多花点时间去总结归纳,我一直觉得没有理解到一定的深度和总结归纳的功力,基本写不好一篇博客,这也是我一直没有动手去写的原因之一吧。
    之前对HTML和CSS等前端知识也有一定的了解,看过一些书和视频,只是都没有好好动手去自己写一个页面出来,或者随便写一个页面出来只是熟悉一个那些标签和属性,其实没去自己动手去写过一个东西,比较难记得住,所以要经常动手去写,大神总是会练成的。其实我刚开始写的时候,很难下手,不知道怎么写。百度了很多样式啊代码啊,CSS很多,刚开始又看不懂,看看就不想看了,所以曾一度想放弃,自己慢慢来慢慢学就好,不会被老师这样“逼着”。但是正是这种压力和“逼”,让我沉下心来去一步一步上手。
    刚开始就真的是一步一步来,在HTML中写一个form、文本框、密码框、登陆按钮。然后百度了三种选择器(标签、id、class)在什么情况下使用,就这样写出来的HTML页面比较丑,在浏览器上浏览只有一行显示在页面上边,不过不要紧,只要在HTML中把数据封闭起来,再加上标签就完成啦。不过在此提醒一下,标签的命名建议多看看别人优秀的模块,因为好的命名会给模块开发带来福音,而差的命名会给整个页面带来灾难,甚至一段时间之后会惊叹:咦,这是谁写的!让他自己来改。
    接下来就到CSS了,因为第一次写,所以什么 都不懂,就看着别人的相关CSS样式写,基本每一个CSS属性都要百度一个这个是什么,怎么用,然后打上注释。一个一个属性加上去,看看有什么效果,合适自己界面的就留下,不合适的就不要。所以一个页面下来已经要百度了很多属性了,其实一次是不够的,因为只是一次的话写完就忘记了。好在写一个页面下来也要写好多个选择器的样式,很多都是相同的属性,比如边框、字体、颜色、背景等会经常用到,所以写下一个页面其实会记住超多属性的使用了。如果坚持下来,一直在做这块,那不跟玩儿似的,随便就可以写下一个好看的界面,当然要写一下优秀的界面可不是那么简单。
    大事开头难,特别是开发这个行业,对于想要入门的人来说真的很难,也许已经看过很多相关的书籍和视频,但却没有去真正实践过,或者写的时候也只是了解一下那些基本的东西,没有按需求写下一个东西。这时真的需要去动手写一个了,首先告诉你,如果不知道怎么下手去写,或者在写过程中遇到什么难题自己无法解决就不想写了,想回到再看视频跟着一步步写一些简单的,那就不要写了,趁早考虑自己到底适不适合这个行业,趁早找到自己的行业,免得浪费时间。刚开始入门会比较难,但一定要坚持住,不懂是吗?你可以百度啊,沉下心来,花个半天时间还不解决?好,给你两天时间,好好找资料,看别人怎么写的。你身边不是有大牛吗,沟通总会吧,多跟他们沟通交流,问他们找点经验。最好能够几个人做个项目,或者跟着大神做,我也是,遇到个好老师,他都帮我安排好了学习路线和计划,没有项目的时候时不时找些东西叫我写一下,写好了再换一个,刚开始我心里不是很情愿,但是写完第一个界面后感觉学到很多,如果不是老师这样给我安排,我大概也不会这么专心去写一个界面吧。所以,只要有做就行。总之,不要放弃,坚持下来,大部分人都可以成为大神。

转载于:https://www.cnblogs.com/sky230/p/5371239.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/418693.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端学习(1863)vue之电商管理系统电商系统之绘制登录表单区域

修改头像位置 3目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vueVue.use(Router)export default new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login}] }) login.vue <templat…

$Android连续按返回键两次实现退出程序

思路&#xff1a;重写Activity的onKeyDown方法&#xff0c;判断按键是不是返回键&#xff0c;如果是&#xff0c;则再判断按下的时间和上次按下的时间之间的差值&#xff08;毫秒数&#xff09;是不是大于2000&#xff0c;如果不大于&#xff0c;则用finish()方法结束程序。Dem…

使用layer.tips实现鼠标悬浮时触发事件提示消息实现

https://www.cnblogs.com/Big-Boss/p/9531235.html /*** 服务商管理初始化*/ var invoice {id: "invoiceTable", //表格idseItem: null, //选中的条目table: null,layerIndex: -1 }; /*** 初始化表格的列*/ invoice.initColumn function () {return [{field: get…

前端学习(1864)vue之电商管理系统电商系统之绘制登录表单区域带icon的输入框

修改头像位置 3目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vueVue.use(Router)export default new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login}] }) login.vue <templat…

mysql(2)—— 由笛卡尔积现象分析数据库表的连接

https://www.cnblogs.com/cdf-opensource-007/p/6507678.html

前端学习(1865)vue之电商管理系统电商系统之实现表单的数据绑定

修改头像位置 3目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vueVue.use(Router)export default new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login}] }) login.vue <templat…

Solr数据不同步

Solr配置了集群&#xff0c;本地有253和254&#xff0c;2个独立的Solr服务。同一个页面的图片&#xff0c;刷新2次&#xff0c;图片地址不一样&#xff0c;最后查明&#xff0c;后台数据源Solr1和Solr2的数据不一致。第1步推测&#xff1a;本地缓存&#xff0c;删除浏览器缓存&…

Java中BigDecimal的8种舍入模式

http://www.blogjava.net/wangzc2001/archive/2010/12/17/340988.html

前端学习(1866)vue之电商管理系统电商系统之登录退出实现表单的数据验证

修改头像位置 3目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vueVue.use(Router)export default new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login}] }) login.vue <templat…

HDU 1402 A * B Problem Plus FFT

A * B Problem Plus题目连接&#xff1a; http://acm.hdu.edu.cn/showproblem.php?pid1402 Description Calculate A * B. Input Each line will contain two integers A and B. Process to end of file. Note: the length of each integer will not exceed 50000. Output For…

前端学习(1867)vue之电商管理系统电商系统之登录退出实现表单的重置

修改头像位置 3目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vueVue.use(Router)export default new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login}] }) login.vue <templat…

五种js判断是否为整数类型方式

https://www.cnblogs.com/yueguanguanyun/p/7255962.html

【原】搬家了,请移步

鉴于博客园缺乏教学管理能力&#xff0c;故移步到 www.t2code.com 博客主页&#xff1a;http://www.t2code.com/blog/index.shtml 我的博客&#xff1a; http://www.t2code.com/blog/home.shtml?createUserId3转载于:https://www.cnblogs.com/jerry1979/p/5379859.html

前端学习(1868)vue之电商管理系统电商系统之登录退出实现表单的预先认证

修改头像位置 3目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vueVue.use(Router)export default new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login}] }) login.vue <templat…

Android为TV端助力 post带数据请求方式,传递的数据格式包括json和map

如下&#xff1a; public static String httpPost(String url, String json) { try { URL u new URL(url); HttpURLConnection httpURLConnection (HttpURLConnection) u.openConnection(); httpURLConnection.setConnectTimeout(TIMEOUT); httpURLConnection.setDoInput(tru…

前端学习(1869)vue之电商管理系统电商系统之配置axios发出登录请求

目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vueVue.use(Router)export default new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login}] }) login.vue <template><div c…

linux nginx安装

https://blog.csdn.net/qq_42815754/article/details/82980326

前端学习(1870)vue之电商管理系统电商系统之配置message全局弹框组件

目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vueVue.use(Router)export default new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login}] }) login.vue <template><div c…

使用贝赛尔路径(UIBezierPath)创建画板

在iOS开发中&#xff0c;创建图形&#xff0c;经常会使用贝塞尔路径&#xff0c;用于描绘一些比较复杂的图形。 使用贝塞尔路径&#xff0c;需要在view中的方法- (void)drawRect:(CGRect)rect中进行描绘。 1 - (void)drawRect:(CGRect)rect{2 UIBezierPath *path [UIBezie…