首页
技术博客
PHP教程
数据库技术
前端开发
HTML5
Nginx
php论坛
新用户注册
|
会员登录
PHP教程
技术博客
编程问答
PNG素材
编程语言
前端技术
Android
PHP教程
HTML5教程
数据库
Linux技术
Nginx技术
PHP安全
WebSerer
职场攻略
JavaScript
开放平台
业界资讯
大话程序猿
登录
极速注册
取消
热门标签 | HotTags
solr
default
future
regex
substring
md5
hashset
export
bitmap
bash
request
scala
golang
object
fetch
require
actionscrip
httpclient
random
cookie
const
text
client
perl
function
controller
hash
javascript
node.js
php8
数组
runtime
stream
bytecode
expression
emoji
import
join
replace
filter
testing
shell
yaml
jsp
tags
ascii
python3
keyword
command
erlang
uri
settings
process
eval
config
foreach
heap
python
schema
lua
merge
char
less
bit
dagger
split
utf-8
main
post
datetime
version
integer
netty
heatmap
window
select
php7
triggers
go
当前位置:
开发笔记
>
编程语言
> 正文
JavaScript学习历程和心得小结_基础知识
作者:手机用户2602925213 | 来源:互联网 | 2018-06-16 15:20
在过去,JavaScript只是被用来做一些简单的网页效果,比如表单验证、浮动广告等,所以那时候JavaScript并没有受到重视。
一、前言
在过去,Javascript只是被用来做一些简单的网页效果,比如表单验证、浮动广告等,所以那时候Javascript并没有受到重视。自从AJAX开始流行后,人们发现利用Javascript可以给用户带来更好的体验,甚至利用这一优点开发了大型网页游戏,于是这门小语言被重视了起来。现在,很多公司会招专门的Javascript工程师,通常Javascript是WEB前端开发的必备技能。简单介绍了Javascriptr的好处,并不代表大家就会去学习甚至把它学好,兴趣是很关键的,我认为兴趣是最好的老师,它是你专心做一件事并把它做好的动力。另外,大家要相信小语言有大作为,我就曾用Greasemonkey写过一些非常实用的工具,比如你可以用Javascript+Greasemonkey写在线网页游戏的外挂程序。下面说说本人学习Javascript的历程和心得吧。
二、入门
1、学会DIV+CSS布局
使用DIV+CSS布局标准网页,可以使前端XHTML代码更少、结构更清晰,这有利于轻松用Javascript操作DOM,比如,要展示一个3行3列的列表,如果用传统的表格布局,现在要你用Javascript动态生成这个列表,那么就需要一个循环嵌套,如果采用li结构加CSS浮动布局,一次循环就好了。当然,WEB标准化不是一定不能使用表格,我的意思是结构清晰的XHTML更易于把Javascript效果或功能整合到项目中。
2、掌握几种开发测试工具
做为一个开发人员,熟悉测试工具是必须的,这有助于提高你发现问题和解决问题的效率,对于特别大的项目更是如此。Javascript和XHTML开发测试利器我就先推荐两个最常用的,它们是:Web Developer和Firebug。
3、熟悉Javascript每一个方法的作用
这一要求听起来似乎有点不太实际,我想这个要求对于像C#、JAVA这些大型语言来说确实是,因为这些语言类库实在太庞大了,相信没有人可以全面记住它,而且也是没有必要全部记住,比如用JAVA做网页与手机开发所关注的类库是不一样的。而Javascript则不是,它的内置方法函数真的不多,先全面熟悉一下,开发起来也将得心应手,比如,你一开始可能认为Javascript有trim()这个很多语言都有的去行头行尾空格的方法,当你了解Javascript内置函数库后你会发现原来在Javascript中这些方法是要自己去实现。再比如,如果你是从其它比较强大的语言转过来玩Javascript,你又可能认为Javascript应该有MD5加密的方法,当然这也是没有的,但有人用Javascript实现了这样的方法,即Javascript MD5。说到底Javascript内置方法少的可怜,但很多牛人写了一些新方法增加Javascript功能,比如prototype框架主要是对Javascript基础函数进行原型扩展的。
4、了解DOM编程
了解DOM编程算是学习Javascript过程比较重要的课程,因为Javascript除了编写一些纯数据处理的逻辑外,更多的是在动态更改XHTML的结构和内容,以达到界面动态更新的目的,而这些工作都要依赖DOM编程。jQuery框架在这方面封装的相当好,提供了丰富的DOM操作方法,可以让你轻松找到页面任何地方的一个DOM节点(XHTML标签),然后进行相关操作(增、删、改、查)。对于有过用其它语言操作XML文档经验的朋友,相信这一块很快上手。
5、接触并使用AJAX
在今天,学习了Javascript而不使用AJAX,那是埋没Javascript优势了(AJAX本身并不能算是Javascript内容)。AJAX对于用户以及服务器来说都是有好处的,对于用户,提供更好的用户体验,最典型的一个应用场景:注册页面的用户名可用性预检测,传统的可能会遇到这样的问题:用户填写了一堆资料后提交表单,结果被服务器告知这个用户被注册了,要用户重新填写资料注册,这对于大型多用户网站那是很致命的,因为用户输10个用户名可能有一半已被使用了。对于服务器来说,减少网页流量,因为AJAX后,一般是按需加载数据的,不会因为局部更新而重新加载整个页面。比如一个网页占三屏高,我们可以默认只加载第一屏的内容,当用户拉动滚动条往下的时候,再加载二三屏的内容。另外像WEB在线地图应用也是AJAX使用的典范。
三、提高
1、深入理解Javascript this关键字
Javascript this的作用与指向跟很多真正面向对象的开发语言是有很大差别的,它不始终指向当前对象,是会变化的。如果不注意这个问题,就有可能遇到看似没错的代码报错或不执行等问题。
2、学习Javascript OOP编程
OOP是个好东西,它使程序员思考问题更有组织性,代码的组织也更清晰。Javascript 也可以OOP,但与一些传统的OOP语言同样存在较大差别,所以要真正用熟Javascript OOP也是需要下点功夫的。
3、了解闭包
Javascript闭包也是被谈得比较多的一个话题,闭包使Javascript变量作用域变得复杂起来,但这一特性又使这门语言变的更灵活了。
4、学习规范开发
团队精神相信大家是听过不少了,就职一个公司做开发,当然离不开团队,团队要想合作愉快,每个成员的编码必需符合一定规范,这也是每个公司对程序员的基本要求。关于规范通常指变量命名、文件组织、注释规范等,这方面知识与其它语言的规范是有相通性的。
5、找本算法的书读一读
我认为学会并使用一门语言并不是什么难事,难的应该是用语言这基本的语法与语句去解决一些复杂的问题。要解决一些复杂的问题,可能会用上一些算法,有些算法实现可能是一个团队在做的,比如中科院中文分词的具体实现,另外像游戏常用自动寻径A*算法等。也许你认为你不可能在Javascript开发上遇到这么复杂的问题,其实这还要看你在做什么项目,如果你是在开发大型网页游戏,通常面临更多具有挑战性的难题,如果你有读过一些算法书籍,了解一些常见问题的解决方法,在开发过程中自然会如虎添翼。另外,熟悉算法显然对于你日后接触其它开发语言也是有帮助的。
四、习惯
1、兼容、BUG问题做好笔记
CSS与Javascript浏览器兼容问题最好做好笔记,因为这些问题,或者说BUG是比较诡异的,这些问题浏览器不会提示你错在哪里,IDE也不会提示你,特别是CSS兼容问题,这就会导致你在开发过程碰到这样的问题会卡老半天得不到解决。即使之前解决过同类问题,以后可能又会碰上,结果之前没有做好笔记加强记忆,注定你要再受罪一次,因为这些兼容问题不是一两个,临时记忆效果是不明显的。以我经验,很多问题是在IE6下发生的,现在IE6连微软自己都希望加速它灭亡,这对于前端开发的我们来说当然是一个好消息。
2、阅读优秀的代码,比如jQuery
阅读优秀代码绝对也是自我提高的好方法,这不仅可以了解优秀代码的组织规范,更可以了解一些功能的实现思路。比如jQuery就是一个非常值的学习的Javascript框架。当然了,要阅读这样专业的Javascript框架,Javascript基础要扎实,不然看的过程中会遇到太多疑问,甚至对自己的信心也是一种打击。
四、注意
1、在Javascript入门之前避免直接使用Javascript框架做开发
如果你没有任何Javascript基础,请不要直接使用Javascript框架做开发,我认为这可能会误导你对一门语言的认识,比如你直接使用了jQuery用点连起来的语句写法,你是否会认为这是Javascript语法的一种呢?再比如你使了prototype你不要把框架扩展后的基类方法认为是Javascript内置的。我认为Javascript框架是用来提高效率的,它绝对不是Javascript入门应该学习的。
2、网上找的很多例子可能不是跨浏览器兼容的
有很多Javascript效果源码是N年前某网友写的,N年前是IE的天下,于是一些前端懒得解决脚本跨浏览器兼容问题,使写出来的脚本只适用于IE。当你得到这样的一段代码,请不要说垃圾,也不要为此发牢骚,因为这些代码并不是没有一点价值的,如果你了解Javascript跨浏览器兼容问题,相信你可以很轻松通过少需修改使代码有更好的兼容性。
五、相关阅读
《Javascript开发规范要求》
javascript
ajax
css
html
firebug
c#
jquery
xml
服务器
写下你的评论吧 !
吐个槽吧,看都看了
会员登录
|
用户注册
推荐阅读
function
jq跨域代理_基于jQuery的AJAX跨域问题完美解决方案[转]
from:http:www.myquickphp.comarchives147(请求的跨域服务器不支持常规”?”查询请求时的解决方案)昨天第一次做VIP需求时,发现一 ...
[详细]
蜡笔小新 2023-10-12 19:55:47
javascript
javascript入门·表单与表单元素总结(表单验证)
表单提交前的最后验证:通常在表单提交前,我们必须确认用户是否都把必须填选的做了,如果没有,就不能被提交到服务器,这里我们用到表单的formname.submit()看演示,其实这个对于我们修炼道 ...
[详细]
蜡笔小新 2023-10-15 18:44:55
javascript
js中screen对象获取浏览器宽度高度的用法
Screen对象 JS获取浏览器高度或宽度 IE中: document.body.clientWidth>BODY对象宽度 document.body.clientHeight ...
[详细]
蜡笔小新 2023-10-12 16:20:05
actionscrip
前端图片合成技术_靠谱的前端需要做哪些准备?
Web前端开发源于传统的互联网,互联网普及让人才需求量居高不下,随着移动互联网的高速发展,移动终端的前端开发也越来越受到重视, ...
[详细]
蜡笔小新 2023-10-12 14:13:27
cookie
JSCoverage> JavaScript 测试覆盖率检测工具(转)
JSCoverage-->JavaScript测试覆盖率检测工具(转),Go语言社区,Golang程序员人脉社 ...
[详细]
蜡笔小新 2023-10-10 16:48:01
request
AJAX的POST请求及实现数据修改功能的方法
本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术,可以实现在输入某个id后,通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用,以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况,并解释了JavaScript等待服务器响应的机制。 ...
[详细]
蜡笔小新 2023-12-14 16:12:01
request
90后程序员的职业发展之路:从年薪3w到30w的经验分享
本文是一位90后程序员分享的职业发展经验,从年薪3w到30w的薪资增长过程。文章回顾了自己的青春时光,包括与朋友一起玩DOTA的回忆,并附上了一段纪念DOTA青春的视频链接。作者还提到了一些与程序员相关的名词和团队,如Pis、蛛丝马迹、B神、LGD、EHOME等。通过分享自己的经验,作者希望能够给其他程序员提供一些职业发展的思路和启示。 ...
[详细]
蜡笔小新 2023-12-14 15:22:09
request
使用cacti监控mssql 2005运行资源情况的操作步骤
本文介绍了使用cacti监控mssql 2005运行资源情况的操作步骤,包括安装必要的工具和驱动,测试mssql的连接,配置监控脚本等。通过php连接mssql来获取SQL 2005性能计算器的值,实现对mssql的监控。详细的操作步骤和代码请参考附件。 ...
[详细]
蜡笔小新 2023-12-12 13:57:58
request
iOS超签签名服务器搭建及其优劣势
本文介绍了搭建iOS超签签名服务器的原因和优势,包括不掉签、用户可以直接安装不需要信任、体验好等。同时也提到了超签的劣势,即一个证书只能安装100个,成本较高。文章还详细介绍了超签的实现原理,包括用户请求服务器安装mobileconfig文件、服务器调用苹果接口添加udid等步骤。最后,还提到了生成mobileconfig文件和导出AppleWorldwideDeveloperRelationsCertificationAuthority证书的方法。 ...
[详细]
蜡笔小新 2023-12-11 20:23:23
function
HTML5网页模板怎么加百度统计?
本文介绍了如何在HTML5网页模板中加入百度统计,并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题,并介绍了如何使用Visual Studio 2010创建HTML5模板。此外,还提到了使用Jquery编写美好的HTML5前端框架模板的方法,以及制作企业HTML5网站模板和支持HTML5的CMS。 ...
[详细]
蜡笔小新 2023-12-11 12:06:41
javascript
如何在输入字段中使用默认值的方法及代码
本文介绍了在满足特定条件时如何在输入字段中使用默认值的方法和相应的代码。当输入字段填充100或更多的金额时,使用50作为默认值;当输入字段填充有-20或更多(负数)时,使用-10作为默认值。文章还提供了相关的JavaScript和Jquery代码,用于动态地根据条件使用默认值。 ...
[详细]
蜡笔小新 2023-12-10 12:35:46
function
Java后台Jsonp处理方法及其应用场景
本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ...
[详细]
蜡笔小新 2023-12-10 10:55:21
javascript
js中的引号嵌套问题
<!DOCTYPEhtml><html><head><metacharsetutf-8><head&g ...
[详细]
蜡笔小新 2023-10-12 18:59:44
text
JavaScript与DOM(上)——也适用于新手 – 深入理解JavaScript系列 23
本文是《JavaScript深度解析》系列文章第23篇(共51篇)文档对象模 ...
[详细]
蜡笔小新 2023-10-11 22:37:09
cookie
网络爬虫_用Python写网络爬虫云图
篇首语:本文由编程笔记#小编为大家整理,主要介绍了用Python写网络爬虫-云图相关的知识,希望对你有一定的参考价值。 ...
[详细]
蜡笔小新 2023-10-10 19:01:33
手机用户2602925213
这个家伙很懒,什么也没留下!
Tags | 热门标签
solr
default
future
regex
substring
md5
hashset
export
bitmap
bash
request
scala
golang
object
fetch
require
actionscrip
httpclient
random
cookie
const
text
client
perl
function
controller
hash
javascript
node.js
php8
RankList | 热门文章
1
ssd mysql query cache_mysql 查询缓存 query_cache
2
python求解简单加密问题,实现对输入的密文加密
3
【MySQL】第01章_数据库概述
4
java.nio.ByteBuffer.order()方法的使用及代码示例
5
频域与复频域的关系
6
为什么node的文档查不到NODE_ENV的介绍
7
45岁程序员,精通各种技术体系,却连个面试机会都没有…
8
MapVGL图层属性梳理
9
MySQL 中查看表结构的命令有哪些
10
glassfish4 oracle 优化,glassfish服务端优化配置
11
win10下如何启用linuix子系统及使用远程工具进行连接
12
个人不断学习的真正起因(值得收藏)——北漂18年(24)
13
1RocketMq
14
如何正确映射模糊处理程序方法?
15
Visual Studio C++ Console调试过程中,有哪些手段可以将要输入的参数,事先存好读进去,而不用手工敲键盘输入
PHP1.CN | 中国最专业的PHP中文社区 |
DevBox开发工具箱
|
json解析格式化
|
PHP资讯
|
PHP教程
|
数据库技术
|
服务器技术
|
前端开发技术
|
PHP框架
|
开发工具
|
在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |
京公网安备 11010802041100号
|
京ICP备19059560号-4
| PHP1.CN 第一PHP社区 版权所有