点击鼠标左键弹出网页代码？
懒得写兼容，用jquery 写的话，
$(document).mousedown(function(e){
var clickKey=e.which==1?"左键":e.which==2?"中键":"右键";
alert("你点击了鼠标" + clickKey +"！X坐标：" + e.pageX + "，Y坐标： " + e.pageY);
});
input宽度自适应？
很多时候文本框输入的内容是不固定的，有时候输入的内容多一些需要宽一些有时候输入的内容少一些需要窄一些，所以需要设置input的宽度自适应。工具原料：编辑器、jQuery1、解决宽度自适应的思路是使用jQuery来监听输入事件，进而进行动态的改变input的宽度，实现input宽度自适应的效果。2、首选获取文本的宽度，利用pre 元素可定义预格式化的文本，被包围在 pre 元素中的文本通常会保留空格和换行符;而文本也会呈现为等宽字体，简单的代码示例如下：
var textWidth = function(text){ var sensor = $('<pre>'+ text +'</pre>').css({display: 'none'}); $('body').append(sensor); var width = sensor.width(); sensor.remove(); return width; };
3、根据以上获取到的文字的宽度来给input绑定事件动态改变宽度，简单的代码示例如下：$("input").unbind('keydown').bind('keydown', function(){ $(this).width(textWidth($(this).val())); });
there was和there were怎么区分？
区分就是根椐紧跟其后的名词单复数形式决定，中文意思是某地有某物或某人，具体的不同如下
there was的例句
Sometimes a mist seemed to be falling, and sometimes there was a sudden downpour of heavy, slanting rain.一忽儿像是下大雾，突然间又下起倾盆大雨。
there were的例句
Before jQuery 1.3, there were three ways to get around this problem, none of them elegant (for those of you who continue to use jQuery 1.2.x, these are still valid).
前端读哪些源代码好呢？
不知道你是刚准备入门还是在观望，不过要跟楼主说的一点就是千万不要觉得因为前端简单而入门，后面你会发现一入前端坑似海的。
我只能说我也是初中级水平吧，并没有觉得自己很厉害。
首先，刚开始一定要打好基础，HTML和css一定要熟练，js一定要勤动手多动脑，js是有一定的逻辑思维能力的，而且很多很炫酷的效果只有你想不到和写不出来的。js虽然并不难但是要说精通还是有一定难度的，就比如，刚开始学习js都是面向过程的写法到后来就要喜欢面向对象的写法，面向对象说简单又是个很简单的东西。像js中的原型，原型链，闭包等等这些要是深入去研究的话你会发现会很有意思的，更多的时候我们只停留在表面。
其次，刚开始要多多练习，不能觉得很简单而不动手，就像我们每次去写一个js的效果，每次都可能用的方法不一样，每次思考的方式也不一样，这样才能锻炼我们的思考方式和思维，千万不要局限在里面。
jquery可能是最开始入手的一个框架，也许它都称不上是一个框架，juery也是根据js演变而来的，jquery里面很多小的功能都可以用js实现，就像我们经常用的dom操作你有没有尝试用js去实现和还原。
目前很多前端框架层出不穷，当我第一次接触angular的时候完全颠覆我的想法，以前觉得用jq很爽，dom操作也是信手拈来，反而有些不喜欢但又有它很诱人的地方。
再后来就可以去尝试react，vue，angular等。虽然刚开始可能不是很适应，但也相当于上了一层楼。我个人更倾向于看一些这类的相关教程自己做一些简单的小项目来练习和巩固。当然，最好的方法就是跟着公司一起做项目。
至于你说的bootstrap更多的是css框架，看个人喜好，用得很熟练还好，不熟就算了。
读源代码的前提我觉得起码是应该会用得溜。
可能总结的不到位，多多包涵。