为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript

JavaScript做为Web前端开发师需要掌握的必杀技术,它是互联网最流行的脚本语言。为数百万计的网页添加炫酷动态效果和友好的用户交互行为,如想您想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的。同时所有主流浏览器都支持JavaScript,编程环境简单,很容易使用!

习惯受伤回答:
用script引入,如:<script src='../scripts/main.js'></script>。其中../scripts就是其他目录
用script引入,如:<script src='../scripts/main.js'></script>。其中../scripts就是其他目录
赞同2 反对 收起

回复
叶落_回答:
我以前也在腾讯课堂,csdn,51cto,网易云课堂学过一些,不过现在觉得慕课就不错了,资源也是贵在精,不在泛

我以前也在腾讯课堂,csdn,51cto,网易云课堂学过一些,不过现在觉得慕课就不错了,资源也是贵在精,不在泛

赞同1 反对 收起

回复
来自 JavaScript
已采纳 Woshiajuana回答:
不是不管用skintype.href取值它会包含http域名等信息你打印一下就知道了  他的值会是:http://域名/skin1.css这种行式 所以判断skintype.href=="skin1.css"它是不等于的直接执行 skintype.href="skin1.css";然后skintype.href就没改变过

不是不管用

skintype.href取值它会包含http域名等信息

你打印一下就知道了  他的值会是:http://域名/skin1.css这种行式

所以判断skintype.href=="skin1.css"它是不等于的直接执行

 skintype.href="skin1.css";

然后skintype.href就没改变过

赞同2 反对 收起

回复
已采纳 大写的王回答:
基础也没关系,就去找工作吧,从工作中才能学到更多。自己一直学不交流不实际做效果没那么好的。

基础也没关系,就去找工作吧,从工作中才能学到更多。自己一直学不交流不实际做效果没那么好的。

赞同1 反对 收起

回复
来自 JavaScript
已采纳 KevenHuang回答:
因为是回调函数,所以只要传函数名进去就行了。
因为是回调函数,所以只要传函数名进去就行了。
赞同 反对 收起

回复
已采纳 Caballarii回答:
html结构不发出来怎么回答你

html结构不发出来怎么回答你

赞同 反对 收起

回复
已采纳 残豆回答:
我的里面吧
我的里面吧
赞同 反对 收起

回复
已采纳 水墨流沙回答:
入门在我理解下的基础知识,就是我们可以写一些基本的样式,并能对页面的元素进行操作。举例来说,就是我们用Spring和JSP写了一个博客,然后我们可以用jQuery来对页面进行一些简单的操作,并可以调用一些API。因此,我们需要基本的HTML / CSS知识。只是要写好CSS并不是一件简单的事,这需要很多实战经验。随后,我们还需要有JavaScript的经验,要不怎么做前端呢?同时,我们还需要对DOM有一些基础的了解,才能做一些基本的操作,如修改颜色等等。在这种情况下,最简单的方案就是使用jQuery这样的工具。不过,如果可以自己操作DOM是再好不过的了。中级篇中级篇就更有意思了,现在我们就需要...[ 查看全部 ]

入门


在我理解下的基础知识,就是我们可以写一些基本的样式,并能对页面的元素进行操作。举例来说,就是我们用Spring和JSP写了一个博客,然后我们可以用jQuery来对页面进行一些简单的操作,并可以调用一些API。因此,我们需要基本的HTML / CSS知识。只是要写好CSS并不是一件简单的事,这需要很多实战经验。随后,我们还需要有JavaScript的经验,要不怎么做前端呢?

同时,我们还需要对DOM有一些基础的了解,才能做一些基本的操作,如修改颜色等等。在这种情况下,最简单的方案就是使用jQuery这样的工具。不过,如果可以自己操作DOM是再好不过的了。


中级篇

中级篇就更有意思了,现在我们就需要对页面进行更复杂的操作。Ajax和JSON这两个技能是必须的,当我们要动态的改变页面的元素时,我们就需要从远程获取最新的数据结果。并且我们也需要提交表单到服务器,RESTful就是必须要学会的技能。未来我们还需要Fetch API,ReactiveX这些技能。

除此我们还需要掌握好HTML的语义化,像DIV / CSS这也会必须会的技能,我们应该还会使用模板引擎和SCSS / SASS。而这个层面来说,我们开始使用Node.js来完成前端的构建等等的一系列动作,这时候必须学会使用命令行这类工具。并且,在这时候我们已经开始构建单页面应用了。


高级篇

JavaScript是一门易上手的语言,也充满了相当多的糟粕的用法。几年前人们使用CoffeeScript编成成JavaScript来编写更好的前端代码,现在人们有了ES6、TypeScript和WebPack来做这些事。尽管现在浏览器支持不完善,但是他们是未来。同样的还有某些CSS3的特性,其对于某些浏览器来说也是不支持的。而这些都是基于语言本来说的,要写好代码,我们还需要掌握面向对象编程、函数式编程、MVC / MVVM / MV*这些概念。作为一合格的工程师,我们还需要把握好安全性(如跨域),做好 授权(如HTTP Basic、JWT等等)。


工程化

这个标题好像是放错了,这部分的内容主要都是自动构建的内容。首先,我们需要有基本的构建工具,无论你是使用gulp、grunt,还是只使用npm,这都不重要。重要的是,你可以自动化的完成构建的工具,编译、静态代码分析(JSLint、CSS Lint、TSLint)、对代码质量进行分析(如Code Climate,可以帮你检测出代码中的Bad Smell)、运行代码中的测试,并生成测试覆盖率的报告等等。这一切都需要你有一个自动构建的工作流。


兼容性

虽然我们离兼容IE6的时代已越来越远了,但是我们仍然有相当多的兼容性工作要做。基本的兼容性测试就是跨浏览器的测试,即Chrome,IE,Firefox,Safari等等。除此还有在不同的操作系统上对同一浏览器的测试,某些情况下可能表现不一致。如不同操作系统的字体大小,可能会导致一些细微的问题。

而随着移动设备的流行,我们还需要考虑下不同Android版本下的浏览器内核的表现不致,有时候还要一下不成器的Windows Phone。除此,还有同一个浏览器的不同版本问题,常见于IE。。


前端特定

除了正常的编码之外,前端还有一些比较有意思的东西,如CSS3和JavaScript动画。使用Web字体,可惜这个不太适合汉字使用。还有Icon字体,毕竟这种字体是矢量的。不过Icon字体还有一些问题,如浏览器对其的抗锯齿优化,还有一个痛是你得准备四种不同类型的字体文件。因此,产生了一种东西SVG Sprite,在以前这就是CSS Sprite,只是CSS Sprite不能缩放。最后,我们还需要掌握一些基本的图形和图表框架的使用。


赞同4 反对 收起

回复
思君满月回答:
css里面有个分好写成中文分好了,仔细点
css里面有个分好写成中文分好了,仔细点
赞同2 反对 收起

回复
已采纳 习惯受伤回答:
首先,楼主的代码没有错误。就拿京东的HTML来说:<...code...>京东应该是这么写的(只写思路):<...code...>CSS:<...code...>就这样行了哈。[ 查看全部 ]

首先,楼主的代码没有错误。

就拿京东的HTML来说:

<li class="cate_menu_item cate_menu_item_on" data-index="2" clstag="h|keycount|2016|0602a">
	<a target="_blank" class="cate_menu_lk" href="#">
		手机
	</a>
	<span class="cate_menu_line">
		/
	</span>
	<a target="_blank" class="cate_menu_lk" href="#">
		运营商
	</a>
	<span class="cate_menu_line">
		/
	</span>
	<a target="_blank" class="cate_menu_lk" href="#">
		数码
	</a>
</li>

京东应该是这么写的(只写思路):

//这段代码模拟了鼠标放在li时,这条背景改变。
$("li.cate_menu_item").on("mouseover", function(){
    $(this).addClass("cate_menu_item_on");
});

CSS:

li.cate_menu_item a:hover{
    color:red;
};

就这样行了哈。

赞同1 反对 收起

回复
已采纳 神圣的誓言回答:
<script type="text/javascript" src="jquery-3.1.1.js"></script><script type="text/javascript">    $(function  () {        $(window).scroll(function (){            if ($(window).scrollTop()>200) {                $("#wei").animate({top:'200px'},100);            }            else { ...[ 查看全部 ]

<script type="text/javascript" src="jquery-3.1.1.js"></script>
<script type="text/javascript">
   $(function  () {
       $(window).scroll(function (){
           if ($(window).scrollTop()>200) {
               $("#wei").animate({top:'200px'},100);
           }
           else {
               $("#wei").animate({top:'500px'},100);
           }
       });
   });
</script>
第一:你链接里的JQ文件打不开,用本地的最好

第二,自定义动画要加时间

赞同 反对 收起

回复
已采纳 helloword4018045回答:
js权威指南html5和css3权威指南 上下册

js权威指南

html5和css3权威指南 上下册

赞同 反对 收起

回复
浏览器运行f12看看有没有报错
浏览器运行f12看看有没有报错
赞同1 反对 收起

回复
来自 JavaScript
已采纳 串猪神回答:
有用的,你添加完这个标签后然后点击这个标签,发现浏览器的url后面不会添加#号,如果你不添加的话浏览器的url会添加了一个#号,这段的作用表示禁用默认的事件,比如a标签的点击链接跳转事件。

有用的,你添加完这个标签后然后点击这个标签,发现浏览器的url后面不会添加#号,如果你不添加的话浏览器的url会添加了一个#号,这段的作用表示禁用默认的事件,比如a标签的点击链接跳转事件。

赞同2 反对 收起

回复
首页上一页1234567下一页尾页

关联分类

  • C#

    C#是微软公司发布的一种面向对象的、运行于.NET Framewor...
  • 数据结构

    数据结构是计算机存储、组织数据的方式。数据结构是指相互之间存在一种或...
  • PHP

    PHP一种被广泛应用的开放源代码的多用途脚本语言,和其他技术相比,p...

本月最佳回答网友

关注我喜欢或专注的猿问分类

  • Android
  • AngularJS
  • Bootstrap
  • C
  • C#
  • C++
  • Cocos2d-x
  • CSS3
  • Go
  • Html/CSS
  • Html5
  • iOS
  • JAVA
  • JavaScript
  • JQuery
  • Linux
  • Maya
  • MongoDB
  • Mysql
  • Node.js
  • Oracle
  • Photoshop
  • PHP
  • Premiere
  • Python
  • React.JS
  • Ruby
  • Sass/Less
  • SQL Server
  • Unity 3D
  • Vue.js
  • WebApp
  • ZBrush
  • 云计算
  • 前端工具
  • 大数据
  • 数据结构
  • 测试
保存
意见反馈 常见问题 APP下载
官方微信