初步的总结,还不够好,还是先存着
首先写页面要记得重置清除浏览器的样式。
1. reset 的目的不是清除浏览器的默认样式,这仅是部分工作。清除和重置是紧密不可分的。
2. reset 的目的不是让默认样式在所有浏览器下一致,而是减少默认样式有可能带来的问题。
缓存,当代码没有问题,就是没有实现效果的时候,还是记得多清缓存,如果清了缓存,还是有问题,那就要在仔细看看浏览器之间运行有没有差异。
绝对路径和相对路径的理解
绝对路径就是把文件具体的路径写出来,显示
相对路径的就是相对于这个文件的目录,然后写出来显示
如果是接手别人的项目,首先需要熟悉代码,把不能理解的总结在一起,然后在边改的时候边了解别人的代码。细心,然后还要耐心。(毕竟像我之前为了一个图片的路径,就呆了一
下午,这种实在太浪费时间了)
css样式,昨天师傅让我写的一个页面,我写了然后发给他看,然后就被说了一顿,说基本的css样式都不清楚,position的定位。差点就心情不好,但是师傅是为我好,所以咯因为太菜,别人
教算幸运,别人不教也是无可厚
闭包,可以访问其他函数的变量,
原型链,一层层向上查找,没有找到就返回undefined,js中的继承就是通过原型链实现的
当使用position的时候,在火狐上谷歌上没有问题,但是在ie上是错位的,就可能需要把位置比如left:0,bottom:0,这样子的。
今天遇到一个问题,就是当js没有错误,只是调试的时候改了那个状态,然后就不能用,显示不了,找了好久,结果发现是结构里面有个盒子没有结束标签。
ps ctrl+alt 加鼠标的滚轮放大缩小 ctrl+n新建
分享的API(百度的,还有JiaThis)可以有很多样式的设置,仔细看API就好了
师傅给了个页面,我做了一周多,还是没有做完,最后上交了一个半成品,次品让师傅修改。然后师傅就和我说了这几个问题,第一随便使用css3的属性(background-size)等,第二使用不兼
容的样式,比如rgba()这个在ie8下面是不兼容的。师傅说,他不用id写样式,因为不可以重用。
手机页面少用padding,因为会把固定宽度撑开,然后就会有滚动条。
添加背景图的时候,
background: url(../img/nav.jpg)no-repeat;
我是这样写的,在谷歌,火狐,在ie9都没有问题
结果在ie7,8这里坏了。原来是background: url(../img/nav.jpg) no-repeat;要有空格
代码要规范,才不会有问题。
html里面不要随便换行,空格也占字符
还有内联元素不能随便换行
加油吧,学好html,只有先学好基础的,才能学好其他的。
css部分(师傅让我看的基础书:精通css:高级Web标准)
:link和:visited称为链接伪类,只能用于锚元素
:hover :active :focus 动态伪类,理论上可以应用任何元素,大多浏览器都支持这功能。但ie6只注意应用于锚链接的:active和:hover选择器,会完全忽略:focus,ie7在任何元素上都支
持:hover,但是忽略:active ,:focus
amd的用requirejs
mvp的用vue.js
angularjs
html dom操作
1 getElementById()返回带有指定Id的元素
2 getElementByTagName()带有指定标签名称的所有元素的节点列表(集合/节点数组)
3 getElementsByClassName() 返回包含有指定类名的所有元素的节点列表
4 appendChild()把新的节点添加到指定节点
5 removeChild()删除子节点
6 replaceChild()替换子节点
7 insertBefore()在指定节点的前面插入新的节点
8 createAttribute()创建属性节点
9 createElement()创建元素节点
10 createTextNode()创建文本节点
11 getAttribute()返回指定的属性值
12 setAttribute() 把指定属性设置或修改为指定的值
该学习的几点
1.积极大胆地谷歌。你得知道如何有效地组织搜索关键字,查阅别人写的代码,然后合理地用在代码里,从而解决问题。
2.拥抱变化,坚持不懈。老手程序员在接触新技术时,能欣然接受像个初学者一样处处受挫,并总能在完成工作的同时自学成才
3.承认细节的重要性。例如变量和函数的命名、CSS 属性的命名、该用哈希还是用数组,以及其他看起来微不足道,但可能对项目有深远影响的事情。
4.承认大多数的“重要决定”其实并没有那么重要。一般的开发者经常在技术选型等“重大问题”上陷入唇枪舌战,而程序员老鸟们会避免浪费时间在骂战中。这一点上,他们就像禅宗大师一
样(zen-like)。
5.选择合适的工具解决问题。网上有无数的开源库、工具和框架,让人眼花缭乱。而老手们清楚地知道针对怎样的问题,应该用什么样的工具。
6.明白代码「不值钱」(该删就删)。你必须习惯于删掉几百行代码来重写程序的某一部分,毫不留情。
7.在评估技术的时候要全面。例如,我一直在鼓吹Elixir。它语法优美,社区完善,有很大的潜力。但Elixir诞生的时间太短,所以如果要构建复杂的功能,可能会难以找到能帮你提高效率的
开源工具。因此,在评估要不要选择使用一项技术时,你得把所有这些因素都考虑在内。
8.学会说“我不知道”。没有比拒绝承认自己不知道更能浪费一个开发者的时间了
9.仔细分析错误信息里的线索。传统教育告诉我们:失败是坏事。报错信息这种东西也经常被跟失败联系起来,然而优秀程序员明白,这些错误消息里其实隐藏着能将你指向最终正确解决方案
的线索。
10.了解过早优化和必要的“炫技式”优化的区别。老手们清楚在什么时候需要写一些看上去没那么好懂,但会让程序运行更快的代码
11. 每个人都会犯错,为自己的过失负责。而尤其在团队里,把责任推来推去没有任何意义,因为错误的发生往往不只是一方的因素造成的。
12. 成为你所用的开发工具的重度用户。如果长期在某个开发环境下有相当比例的开发工作,那你应该去掌握使用它的细节。
13. 学会用Vim(至少会一点)。 你至少应该在这个编辑器里学会勉强地移动和翻页。
14. 不要接陌生技术领域的私活。个人做自由职业项目,其中很大一部分挑战就是评估项目时间。不要规划自己未知领域的事情,那会让你处于想当尴尬的境地。
15. 不要数你干活花了几个小时。技术大牛会把时间花在有深度的工作上,并且他们清楚花了多少时间完全不重要。
16. 学会坦然接受批评。当你的代码因为各种原因四分五裂时,你需要培养用理性和逻辑的方式来应对(而不是情绪化处理)
17. 同有更多经验的人结对编程。没有比这个更高效的编程学习方式了。
18. 一定要先自己做一遍代码审查。当你在GitHub上发起一个pull request之前,先把代码当成别人写的,自己先审查一遍。
19. 认识到做自由职业的难点不是写代码,而是其余的所有事情。销售、推广、客户支持,质量保证以及产品管理,所有这些都会花费大量时间。
20. 发现并解决更大的问题。优秀的程序员不拘泥于眼前的问题,而是清楚如何用更长远的方式彻底的解决这一类问题。
21. 深入了解一些大型开源项目的核心能让你开发时如虎添翼。如果你知道如何给你的项目打猴子补丁(Monkey Patch), 那么你将无所不能。
22. 跳过多数的会议。你的公司雇你是来写代码的,而不是谈代码的。当会议多到失控的时候,不去参加也没有任何问题。而且一旦你开始这样做,别人会更珍惜你的时间。
23.知道什么时候开始回馈。到了某个时候你需要将你的技能和经验传授给年轻的开发人员,就像你的导师当时教授你一样。
24. 能写烂代码。有时候可以当一当“胶带式程序员”。关键是随着时间推移,你需要弄清楚什么时候可以走捷径,什么时候必须走捷径。这其实是最难掌握的技能之一。
25. 礼貌地告诉别人你工作到很晚。如果你是办公室里最后一个,可以发一封简短的汇报邮件。别人一般会注意到邮件上的时间戳的。
26. 像一个领导者(Leader)一样做事,而不是老板(Boss)。老板是让别人为他工作的人,领导者是人们追随的人。做个领导者。
27. 去打打桌上足球。从长期来看,同其他开发者(或不同岗位上的同事)建立联系会比在紧巴巴的期限里交付一个功能更有价值。
28. 在压力下学习。你需要知道如何应对像系统宕机而你要负责将它复原的情况,即使一开始你完全没有头绪。
29. “Move fast and break things” 别让完美主义阻止你做事。错误往往是最好的学习机会。所以别把犯错当作失败,而应该把它们当作值得学习的经历,并意识到:正是不断克服和突破这
些错误,作为一个程序员,你才能不断成长起来。
javascript DOM 编程艺术笔记
1javascript简史(略)
2javascript语法
注释:单行注释 //
多行注释 /* */ 不能嵌套注释
变量:var声明对象 如 var a=0;js可以声明多个对象
浙公网安备 33010602011771号