前端学习心得
开篇时间过的很快,不知不觉中,已经在青鸟学习了一个半月的时间,前端的学习也接近了尾声。来青鸟之前,我是个门外汉,对于编程唯一的理解就是很难很高端的东西,但是在老师准确的教学之后,我感受到的编程是很有程序感的,是有逻辑可寻的;一个基本的网页,再复杂,也可以分解为多个部分,而每个部分又可以再次细分,再运...
前端学习笔记(zepto或jquery)—— 布局技巧(一)
html5中有一些标签我们很难改变其样式,例如input=file,select等。这个时候我们需要改变一下思路,将原有透明度置为0,借助于div或span等以控制样式的标签来代替。效果图:<divclass="right"><span>请选择</span><...
高效开发之SASS篇 灵异留白事件——图片下方无故留白 你会用::before、::after吗 link 与 @import之对比 学习前端前必知的——HTTP协议详解 深入了解——CSS3新增属性 菜鸟进阶——grunt $(#form :input)与$(#form input)的区别
高效开发之SASS篇 作为通往前端大神之路的普通的一只学鸟,最近接触了一样稍微高逼格一点的神器,特与大家分享~他是谁?作为前端开发人员,你肯定对css很熟悉,但是你知道css可以自定义吗?大家都知道,js中可以自定义变量,css仅仅是一个标记语言,不是编程语言,因此不可以自定义变量,也不可以引用等等...
前端学习 -- Css -- 高度坍塌问题的产生以及解决
在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高。但是当为子元素设置浮动以后,子元素会完全脱离文档流,此时将会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷。由于父元素的高度塌陷了,则父元素下的所有元素都会向上移动,这样将会导致页面布局混乱。所以在开发中一定要避免出...
CSS3图片展示特效(附前端学习规划)
效果预览:html:<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>前端资料整理</title><linkrel="stylesheet"type="text/...
独家分享——大牛教你如何学习Web前端开发
转载至:http://site.douban.com/imooc/widget/notes/17984491/note/472367715/引语 自从2008年接触网站开发以来到现在已经有六个年头了,今天偶然整理电脑资料看到当时为参加系里面一个比赛而做的第一个网站时,勾起了在这网站开发道路上...
浅谈前端开发学习与发展
大约是从HTML5正式发布开始,前端技术进入了高速发展的时代,各种前端框架、组件、工具层出不穷。
[ 学习路线 ] 2015 前端(JS)工程师必知必会 (2)
http://segmentfault.com/a/1190000002678515?utm_source=Weibo&utm_medium=shareLink&utm_campaign=socialShare上次我写《前端工程师必知必会》已经是三年前了,那是我写过最火的文章了。三年...
webpack前端构建工具学习总结(一)之webpack安装、创建项目
npm是随nodeJs安装包一起安装的包管理工具,能解决NodeJS代码部署上的很多问题;常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。...
学习之路-前端-笔记-一、HTML笔记
各种技巧1.在Webstrom中同时按ctrl+alt+insert创建新内容2.输入标签按tab自动补全按end或HOME实现光标移动到当前行的最后或最前3.按住alt键不放同时按鼠标左键可以实现光标同时存在于多行同时输入多行相同内容4.ctrl+d快速复制光标所在的一行ctrl+x快速删除光标所...
DataTables学习:从最基本的入门静态页面,使用ajax调用Json本地数据源实现前端开
{"data":[{"name":"TigerNixon","position":"SystemArchitect","salary":"$320,800","start_date":"2011\/04\/25","office":"Edinburgh","extn":"5421"},{"name"...
【前端】Ember.js学习笔记
Model在默认情况下,model钩子返回的值,会设置为关联的控制器的model属性。例如,如果App.PostsRoute通过model钩子返回了一个对象,这个对象会设置为App.PostsController的model属性。(模板是如何知道该使用哪个模型进行渲染的呢?模板通过查找其关联的控制器...
李洪强和你一起学习前端之(4)HTML5介绍
1.1认识HTML5html的版本:html4Xhtml1.0目前:html5是最高的版本再怎么变化,无非是多了一些标签而已,但是不单单是提供了一些标签比如:开发网页游戏我们可以开发网页版的游戏,结合Css3,但是是依托于Html5的看三个例子:摇一摇,小球转动,地图1.2语法规范07音频&...
基于云原生DevOps服务自动化部署前端项目学习总结
本文主要以部署前端Vue项目为例,讲述了如何基于云原生DevOps服务自动化部署前端项目~从开发完成到线上环境,我们只需提交代码即可~一、引言作为一名开发人员,日常工作中我们除了需要负责代码的开发外,通常还需要负责代码的部署,运维等工作。而在传统的手工部署方法中,在每次版本迭代或需求变更完成后,除了...
关于ligerui和其他前端脚本的学习方法(适用于自己)
特别是看别人的源代码(来源于自己看的那个cms系统),比如ligerui,别人用的juery和ligerui结合的很灵活,比如下面一段代码varitemiframe="#framecenter.l-tab-content.l-tab-content-item"; varcurri...
前端攻城狮学习笔记九:让你彻底弄清offset
很多初学者对于JavaScript中的offset、scroll、client一直弄不明白,虽然网上到处都可以看一张图(图1),但这张图太多太杂,并且由于浏览器差异性,图示也不完全正确。图一不知道大家看到这张图的第一感觉如何,反正我的感觉就是“这次第,怎一个乱字了得”。既然我认为上图太多太乱,那么我...
web前端开发学习-css,js
原文地址:http://blog.csdn.net/chaishen10000/article/details/515488361. web前端开发分享-css,js入门篇 :http://www.cnblogs.com/jikey/p/3600308.html2. web前端开发分享-css,js...
【前端,干货】react and redux教程学习实践(二)。
前言这篇博文接 【前端】reactandredux教程学习实践,浅显易懂的实践学习方法。 ,上一篇简略的做了一个redux的初级demo,今天深入的学习了一些新的、有用的,可以在生产项目中使用的前端架构,我将尽量以最简单的语言描述,如果有童鞋看不懂,也可以私下问我。复习前一节我们已经知道,一个red...
云平台项目--学习经验--jsrender前端渲染模板
jsrender的好处:可以预先自定义一些固定的html标签,在需要显示数据的时候,可以直接传入真实的数据并显示在web页面中,避免了Js编写中的复杂过程;针对高性能和纯字符串渲染并优化,不需要依赖DOM和jQuery;jsrender使用顺序:1.引入相关js.。2.自定义好模板。3.准备好需要显...
web前端学习(四)JavaScript学习笔记部分(7)-- JavaScript DOM对象控制HTML元素详解
1、方法getElementsByName()获取name可以获取一个数组类型数据(参数加引号)getElementsByTagName()获取元素 getAttribute()获取元素属性获取元素的变量调用这个方法,(参数为元素属性)setAttribute()设置元素属性 childNodes(...