精华内容
下载资源
问答
  • 前端学习心得

    千次阅读 2017-10-19 17:24:26
    前端学习心得历经一个半月的学习,初步学习了Java编程的前端部分内容:HTML、CSS、JavaScript、jQuery。知道了html是一种标记语言,它通过标记标签来描述网页,html文档包含了html标签及文本内容;css是用来定义如何...

    前端学习心得

    历经一个半月的学习,初步学习了Java编程的前端部分内容:HTML、CSS、JavaScript、jQuery。知道了html是一种标记语言,它通过标记标签来描述网页,html文档包含了html标签及文本内容;css是用来定义如何显示html元素,给html内容添加样式属性,通常储存在样式表中;JavaScript是一种轻量级的编程语言,它是可插入html页面的编程代码;jQuery是一个轻量级的“写得少,做得多”JavaScript函数库。 html是一种超文本语言,静态网页也是由html的标签标记以及标记的属性来体现出来的,html学习中主要是对各种标签的学习和使用,搭建出一个静态网页。在html学习中,没有什么太大的难点,需要注意的就是各种标签名在html文档中的作用,包括标签名在结尾时要加斜杠,以防学习后面知识过程中可能造成遗忘,可以通过后面的学习,不断的练习与积累就可以牢记html的知识。
    css最明显的作用就是可以把页面的布局和页面外观给完全分离出来,分离出来的css内容部分,它可以通过外部链接到html文本中实现改变外观的效果,这一类被我们称作外部样式表;它也可以通过内部css的方式使用style标签写在body前面来实现改变外观的效果。相对于从html文档中设置标签属性,css更简单化,可以直接给统一选择器下的文档标签设置属性。css是通过给文档标签设置id、class类名、或者直接通过文档标签名设置的样式属性(id选择器、class选择器、元素选择器)。css中还有:子选择器、后代选择器、分组选择器、嵌套选择器。css可以设置的属性包括以下几大类:①字体类别、字体大小、字体加粗、字体斜体。②文本颜色、文本居中、下划线、缩进、行高。③背景颜色、背景图片、定位、是否滚动、重复。④浮动。⑤表格、边框属性、样式。⑥链接类别、伪类和伪元素。⑦隐藏、显示文本、指针样式。这些知识点种类比较多,需要多加记忆。个人觉得重难点在于浮动、定位这两点,还需要注意的就是字体和背景的简写顺序不能记错了。
    JavaScript是一种轻语言。前半部分主要学习了变量声明、各种数据类型、函数、对象、作用域、运算符、条件语句和循环语句,重点注意变量声明、函数作用域的提升和条件语句的应用,这一部分要多加练习,熟练运用,不能靠死记硬背,需要活学活用。后面部分只要是学习DOM模型,这里面需要学会找节点,弄懂各级节点之间的关系以及怎么根据它们的位置关系通过执行相关代码返回相应的值(牢记查找元素的相关方法);根据节点位置的不同,在其相关位置替换、插入或者删除节点;熟悉了解标准库里面的Number对象、String对象、Array对象,学会使用一些相关的属性与方法;JSON格式与String格式之间的相互转换。总的来说,JavaScript这一部分是我们学习前端内容中最重要的部分,必须记忆加练习结合才能熟练掌握本部分内容。
    jQuery是一个JavaScript函数库,也可以称为第三类库。它提供更多更方便的函数供使用者调用,它是我们编程变的更容易,实现了“写得少,做得多”。主要学习了它的格式、对象转换、应用,重点注意它的格式和应用。
    另外需要注意HTML、css、JavaScript、jQuery的注释符号!
    这个礼拜初步接触MySQL,刚开始觉得很陌生,有点难以理解,经过后面几天学习慢慢的轻松了不少,个人觉得比较难的地方是关于主键和外键,要搞清楚他们之间的关系以及怎么使用。然后比较麻烦的就是新建表格的同时修改数据,需要我们细心。
    总之,学习编程就是需要敲代码,牢记相关概念多练!多练!多练!

    展开全文
  • NCDA前端学习心得

    2019-05-07 19:02:45
    NCDA前端学习心得 欢迎使用Markdown编辑器

    NCDA前端学习心得

    开篇

    这是我的第二个博客,用来记录自己在项目前端开发过程中遇到的问题、解决对策以及开发心得。

    为什么会想要写博客?

    千里之行,始于足下。好记性不如烂笔头。

    前端心得

    我历经一个月左右的学习,巩固了自己已有的前端知识体系:HTML5,CSS3,JavaScript,Jquery,为以后的工作打下了坚实的基础

    • 规范项目结构
    • 项目结构
    • 对于一个待开发的页面,首先要想清楚页面的布局是怎样的,例如(T型布局,三栏型布局,左右布局型,上下布局型等等)。切忌边敲代码边想布局。建议可以用PS、AI、Balsamiq Mockups等设计好页面,再切图作为Images素材。
    • 调试工具:chrome。
    • IDE:webstorm
    • chrome不仅可以模拟所有页面宽度和高度。默认中文最小的字号是12px,当小于12的时候都会以12px来显示
    • 响应式布局使用@media来实现。@media可以针对不同的屏幕尺寸设置不同的样式。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。
    	@media mediatype and|not|only (media feature) {
    	    CSS-Code;
    	}
    
    • 对于距离问题,尽量用padding值或者margin值去调整,不要用空格(&nbsp)或者填充内容
    • 在写移动端页面的时候js代码要用对象方法书写js,利于代码规范以及后期维护
    • wow.js是一款juery特效插件,在页面发生滚动时产生一些动画效果。wow.js依赖于animate.css,首先在头部引用animate.css或者animate.min.css。
    	 <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    
    • 在最底部引用wow.js或者wow.min.js,然后再下面再写一行javascript代码。(无需引用jQuery)注意WOW要大写
    	<script type="text/javascript" src="js/wow.min.js"></script>
    	<script type="text/javascript">
    	    new WOW().init();
    	</script>
    
    • 给需要动画的元素添加class名称
    <div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s" data-wow-offset="10"  data-wow-iteration="10"></div>
    
    • data-wow-duration(动画持续时间)、data-wow-delay(动画延迟时间)、data-wow-offset(元素的位置露出后距离底部多少像素执行)和data-wow-iteration(动画执行次数)这四个属性可选可不选。
    • 几种常用的动画class类名:

    wow bounceIn
    从原位置出现,由小变大超出设定值,再变小小于设定值,再回归设定值、透明度从100%变化至设定值

    wow flipInX 原位置后仰前栽、透明度从100%变化至设定值

    wow swing 从右往左、头部先向右倾斜,又向左倾斜,最后变为原来的形状、透明度为设定值不变

    wow slideInUp 从下往上、上来后固定到设定位置、透明度为设定值不变(up是从下往上)(如果元素在最下面,会撑开盒子高度)

    wow slideInDown 从上往下、上来后固定到设定位置、透明度为设定值不变

    wow slideInLeft 从左往右、上来后固定到设定位置、透明度为设定值不变(left却是从左往右)

    wow slideInRight 从右往左、上来后固定到设定位置、透明度为设定值不变

    • !important > 行内 > id选择器 > 类选择器 > 标签选择器

    • 如果字体尺寸设置的单位是像素的话,在不同的屏幕分辨率下字体显示的效果不一样。因此建议使用em、rem等作为字体尺寸的设置

    • 布局:子绝父相

    • div的100%是从其上一级div的宽高继承来的,必须设置其上一级div的宽度或高度,否则无效。

    • 在标准模式下,由于没有设置html的高度,所以body的高度100%就没有参考高度,于是也就导致div的百分比高度无效,如果将css代码中的第一行设置为:

    html,body{height:100%}
    
    • CSS选择器:
      ① id选择器 #
      ② 类选择器 .
      ③ 标签选择器 p
      ④ 相邻选择器 +
      ⑤ 子选择器 >
      ⑥ 通配符选择器 *
      ⑦ 属性选择器a[rel] =""
      ⑧ 伪类选择器

    • 顺序:L->V->H->A
      a:link{}
      a:visited{}
      a:hover{}
      a:active{}

    • …待补充

    附上前端学习路线图可供参考

    在这里插入图片描述
    前端资源分享-只为更好前端

    展开全文
  • 前端学习心得体会

    千次阅读 2018-12-01 17:56:59
    标题前端学习心得体会   最近在学习web前端网页制作,所以在看HTML和CSS相关的网站,学习了很多的知识,在此只拿HTML来说一下。前端真的要背诵记忆的地方很多,很多接触HTML的人都说HTML很简单,当然这种简单是针对...

    标题前端学习心得体会

      最近在学习web前端网页制作,所以在看HTMLCSS相关的网站,学习了很多的知识,在此只拿HTML来说一下。前端真的要背诵记忆的地方很多,很多接触HTML的人都说HTML很简单,当然这种简单是针对web后端Java而言的。
      就我目前对HTML的理解来看,HTML就像是一幅画板。里面涉及的基本格式就像是各色颜料,而其余各种元素就是要描绘出的形态。想象一下如果你能灵活的运用这些元素,那么你就能随心所欲的设计出独具个人特色的网页。所有需要获取相关内容的人都需要浏览你的网页,想想就觉得满满成就感。所以这么意义非凡的一件事,希望真正想学的人不要因为太多东西要背要记忆而放弃。我们可能要敲上成千上万行的代码,但是如果内心足够喜欢,相信这也是一件非常快乐的事。

    展开全文
  • 以下是小编为大家整理的web前端学习心得体会范文,欢迎大家分享。所谓行万里路,必先始于足下。刚开始学习WEB前端基础的时候,老师说,其实你们学的这个后面真正去工作的时候可能也不是很会用到,所以就有很多人会问...

    我们在一些事情上受到启发后,可以记录在心得体会中,这样我们就可以提高对思维的训练。你想好怎么写心得体会了吗?以下是小编为大家整理的web前端学习心得体会范文,欢迎大家分享。

    所谓行万里路,必先始于足下。刚开始学习WEB前端基础的时候,老师说,其实你们学的这个后面真正去工作的时候可能也不是很会用到,所以就有很多人会问,既然我们都用不到,那干嘛还学呀?其实,对于一个程序员来说,你不仅要有很好的后端专业能力,你还应当具备一定的前端素养,知道一些起码的前端知识。

    来到传智的第一个月,我们是以基础为主吧,因为大家到这里的基础都不一样,有一些本身就具备很高水准的人,也有很多像自己一样从小白开始的人,所以,对我们而言,传智开设的这种双元模式对我们是有很大用处的。我们从最基础的开始学习,在学习HTML的时候,我们还延续着很古老和古老的表格制作网站,然后到后面的CSS学习,用CSS样式去进一步完善我们制作的网址,再到着一期的难点JS课程体系,一级最后的JQ和BOOtstrap,可以说这个过程其实也是一个循序肩颈的过程,有简到难的过程。

    首先我们回顾一下最开始我们对HTML的学习。

    其实HTML的四天学习的话,重要的就是一个标记的学习,这大概是学习一门语言最基础的一部分吧。但是也不是说背一背就解决问题的,选择IT,程序员这一方面,只要多练习,多敲代码感觉就好了,所以熟练的使用这些标记其实不是很大的问题,对自己来说,比较难的是一个表格和框架,也许会有人说,表格有什么难的,就行列的问题啊,但是不知道为什么,在学习的那几天对于表格的学习和接受能力都没有别的那么好,表格的整体框架能搭出来,但是就是对于表格的美化总做不到自己心里所预期的那样。其实练习的话也是挺多的,对于表格的网页练习做了应该也有一二十个的,但是就是没那么理想,所以这方面的话也是需要自己多加练习和修正的,因为表格的用处还是挺大的。HTML的学习方面还有框架和表单,框架的话,就是一个网页的主体了,网页的大致形式基本上从你的框架结构就可以知道的,学习框架,重要的就是网页的布局如何划分,然后利用框架的嵌套,浮动就可以解决的,学习过程也不会是很大的难度。

    想想HTML还学了些什么呢?表单!表单对前端开发来说还是挺高的,因为我们能在一个网页中看到很多的表单应用。包括用户的注册啦,密码验证啦,还有搜索栏之类的,几乎全是表单的应用。表单学习比较重要的地方应该就是那十来个表单控件的应用,这些表单控件进一步区分的话还有就是单边标记和双边标的的表单控件,因为很多单边标记的表单,他的值一般只能是存在value当中,如果不注意的话,很多时候我们会忘记写上这个value。这个阶段的表单感觉并不是那么难,当然,学到后面的JS之后,相对于表单验证之类的才感觉难了很多。

    第二部分:CSS学习

    对我来说,CSS课程虽然只有三天,但是却是更应该学好的一个模块。因为我们都知道,其实一个网站的WEB前端,就是用加CSS来写的,不是用之前的表格来写的,足以见得CSS的重要性。CSS就是网页样式,一个网页的整体美感,在你确定了框架之后,就看你的CSS样式的添加了,所以一直以来都很想把CSS学好。记得CSS学习的那几天,自己的消化还是很好的,自己去独立完成练习的时候也是没有太大难度的,但是不知道是为什么,到后面学习JS JQ的时候,操作CSS时居然会吧CSS和HTML弄的有点混淆,这一点一直没做好。CSS的学习还有一个地方就是浮动,因为存在块元素和行辈元素,块元素因为其本身特性,一个块元素标记他要占用一整行的空间,而一个行内元素他只能占用行内的一些空间,但是在实际操作中,很多时候我们却要想将多个块元素排在同一行,或者将多个行内元素排在不同行,这时候就可以使用浮动的.方法来实现,浮动最主要做的就是这个,唯一要记住的一点就是做了浮动之后,如果他的父元素是没有进行匡高的设定的话,是不是要进行清除浮动,防止下面的操作也是有浮动的。

    第三部分:重点学习----JS

    JS是相对于这整个月学习的重点吧,也是很多人没办法很好接触的地方,当然,自己在这里的学习也是有不足的地方。像一些对属性的操作的标记之类,懂得怎么用,但是不是很熟悉,所以经常在操作的时候要去查手册。学的最不好的一个地方应该是将数组中的元素按照一定的规则或者顺序添加到指定或对应的表格中,这中题型是自己做的比较少的,也是掌握很不好的地方,所以也希望用放假的这几天好好练习一下,不能拖到下一个阶段去。个人对JS的理解其实就是大量算法的集合,因为很多时候你都会用到函数,只是多了一些找元素和对元素绑定标记的过程,最重要的还是构造函数,调用函数的过程!

    第四部分:JQ及Bootstrap

    对于JQ和Bootstrap的学习来说,其实就是一个应用的过程吧,所有的函数都帮你写好了,你只需要学会调用就好了的。当然。调用他,其实对于JQ来说,学习的过程没有具备很大的难度,只是尝试着去多写写,写两三次基本就记住怎么用了。最后还有一天的Bootstrap学习,写过一些案例,只要会改,基本没有太大的难度。

    后续:

    其实对于WEB前端的学习的话重要的就是多用,很多东西我们上课听得时候其实都基本听得懂,但是更重要的是在于你课后的练习,离开了老师的一个思维引导,我们该怎样去完成项目才是我们该学会的。这一个月的学习难度系数都不是很高。但却是一个比较繁杂的过程,因为作为前端来说,我们需要不断的优化,不断的修正,美化整个页面。不管是前端还是后端,都希望自己能好好学!

    【web前端学习心得体会范文】相关文章:

    展开全文
  • 我的第一篇前端学习心得 ** 第一次接触前端 先说一下为什么走前端吧,计算机行业有许许多多的方向,算法、前端、后端、客户端、测试等等,经过了很长的查阅资料,询问,思想斗争,以及自己的尝试(前后端、大数据都...
  • web前端学习心得

    万次阅读 多人点赞 2018-02-26 14:43:02
    刚开始学习WEB前端基础的时候,老师说,其实你们学的这个后面真正去工作的时候可能也不是很会用到,所以就有很多人会问,既然我们都用不到,那干嘛还学呀?其实,对于一个程序员来说,你不仅要有很好的后端专业能力...
  • javaweb前端学习心得

    2019-04-26 12:30:03
    接触了web前端学习大概只有三周的时间,这段时间大致了解了html语言的写法和css中一些处理,比如div的充分使用,可以在修饰时,从原来比较零散的模式中进行整体的规划。其次学习了一些简单的js语法,能在譬如注册...
  • 前端学习心得及路线

    2019-12-28 17:24:23
    学习前端前言 1.学习前端,你要认识前端是干什么的! 前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,最新...
  • 本文主要讲述自己一年来对于前端学习心得体会,希望能对学习前端的人提供一些帮助。    前端主要分为三部分:html,css,js。    html:首先得了解标签的含义,用在哪里,常用的用多了就知道了。另外H5也要去...
  • 第一次写博客,很紧张,很兴奋,很不知道到底该写点什么,那就随便写写吧。  我开始接触前端是在一年前,那个时候对前端还完全不知,对前端的了解还是在学... 后来我开始学习前端的东西,我发现前端的内容和后端...
  • 前端学习心得(1)

    2018-10-24 17:19:18
    10月跟着新生蹭了一波前端的课,也算是正式入了前端的坑。  之前只是自己看一看前端知识,对于css和js了解不多,主要代码实现依靠“菜鸟教程”。  第一节课主要讲了git的使用,大概可以总结成五步: 在桌面右键...
  • 2018年前端学习心得——总结篇

    千次阅读 2019-01-07 15:34:59
    学习 2018年,确定了人生的职业规划,开启了前端之路。...下面简单总结一下这一年的收获与进步。...感觉这是入门前端初学者的通病,没有在一个大的平台来看待前端的发展及良好的学习路线。多看知乎...
  • 【21】总结一年来的前端学习心得

    千次阅读 2017-09-24 00:03:45
    本文主要讲述自己一年来对于前端学习心得体会,希望能对学习前端的人提供一些帮助。 前端主要分为三部分:html,css,js。 html:首先得了解标签的含义,用在哪里,常用的用多了就知道了。另外H5也要去了解,对于...
  • 刚刚大学毕业的我,比较迷茫,不知道该干什么,不过那时候挺喜欢编程的,说来也惭愧,喜欢止于嘴上,连前端后端都不知道什么意思,只是知道好像是有java,c语言,css大概这种知识面,后来,就在今年的2月14号,就是...
  • 用了新电脑的第一天,希望学习顺利 1 CSS 简介 1.1 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 外部样式表可以极大提高工作效率 多个样式定义可层叠为一个 CSS格式如下:{
  • HTML入门 Day1_2020 0609 time place 11:00-13:30(2.5h) procurement office 2 16:30-19:30(3h) procurement office 2 教程参考菜鸟教程、W3school 学习路线参考b站up朱安邦学习网站及视频 环境 vs code +...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,182
精华内容 472
关键字:

前端学习心得