一个大四求职菜鸟的web前端之路(终)

        回想起大学的生活,并没有像高中时所预想的一样,大部分时间都呆在自习室或者图书馆,周六周日能够去做些兼职,还能多交朋友,锻炼身体。梦想很丰满,现实很骨感。可以说,那些从进大学就知道自己要做什么的,并且一直为之努力的,现在应该是一定取得了自己想要的,而且在轻松的准备着,或者已经是在毕业旅行了。犹记得,一个毕业几年的师兄在我向他咨询大学的情况如何时告诉我,大学是一个完全靠自己的自制力的地方,有的人能够一飞冲天,有的人却只能在这浩浩荡荡的找工作大流中黯然。到如今,学生的这个称谓也即将离我而去,说实在话,确实感觉没能过好一个大学-我很遗憾。但是希望即将步入社会的自己,能够知耻而后勇,在社会的第一个三年里找到自己的方向,勤学不殆,毕竟一毕业第一个问题就是要养活自己,社会没给我们太多的选择,就业也么给我们太多的选择。以至于我都不知道,今后的方向。今天翻到个别人的帖子有句话说的很好:天赋决定一个人能力上限,而努力则是决定一个人能力的下限,连努力都没能做到的人怎么去用能力比较与人家的天赋。每一个机会都不会是凭空出现的,就像我厚着脸皮去问能不能去转成做操作系统相关的工作,却连几个简单的命令都不会,那种情况确实尴尬,为自己的能力缺乏而尴尬,但是尴尬并不能够解决问题,你做不来,还有别人能做。去争取才是一个正确的态度。其实我感觉我并不能做好一个合格的程序员,因为我的思想里有太多的感性的内容,没有一颗沉静的心。理性的思考不够,我也知道我一直不是个聪明的人,我更多的时候是拿努力和时间去拼。虽然吃力,也能够自得其乐。这些东西是我在实习阶段整理的一些关于javascript的基础内容,内容有些杂乱无章,但这又是自己实实在在得到的东西。我希望能够做一个回馈,虽然发现连看的人都没多少,但是我还是洗完自己能够写下去。这一篇是求职和基础部分的结束,同时也希望将来的工作中能拿出一些干货,不像这些水货。

1.输入:document.write()可以在文档载入的时候加入在指定位置中输入元素和元素内容(文档加载完成后不可使用。),而document.innerHTML()则能在指定元素中加入内容不能带标签。
2.获取元素:document.getElementById();document.getElementsByTagName()(获取某个元素种类的集合,可以向数组那样去访问其中某个    );document.getElementByName()
3.对字符串的操作,str.lengh()字符串的长度,indexOf()字符串指定的字符首次出现的位置,不存在则返回负数。match()查询字符串中是否有指定的字符,有则返回,没有则返回null。
4.时间的获取:Date()获取时间;getTime()获取毫秒数;setFullYear()设置具体的时间;
5.JS中对数字与正则表达式(对获取元素很重要)的相关知识比较多。
6.window相关的函数:window.open(),window.close(),window.moveTo()(移动窗口位置),window.resizeTo()重新设置窗口大小。
7.页面地址window.location:可以用一些函数将网页地址的各个部分解析出来。window.location.href返回当前页面的地址;window.location.pathname返回URL路径名;window.location.assign加载新的文档。
8.setTimeout()延迟调用函数,setInterval()周期性调用函数。
9.<ul></ul>无序列表;<ol></ol>有序列表;<li></li>列表;
10.<script></script>中不能出现</script>
11.脚本的加载可以有defer延迟和async异步,最好不要有修改DOM元素的
12.能够在局部不用var来声明并赋值一个变量,作为全局变量;typeof()可以用来检测参数类型(基本数据类型);null返回的是Object
13.可以调用Boolean()把其他类型的值转化成bool值;NaN非数值,任何数除以0都会返回错误而这个在发生这种错误时不会退出代码;isNaN()可以用来检测是否为数值或者可以转化成数值的类型返回true或false;
14.number(),parseInt(),parseFloat()用来转换一些其他类型的值为数值型;在不同标准下有些区别,parseInt()可以带上第二个参数来指定转化的类型;
15.引用类型的复制,复制的是指针所以会影响这个值,而基本类型的复制是直接新建这个值,不能直接给基本类型添加属性;牢记局部变量用完就被销毁;
16.instanceof用来检测引用值的类型;变量的作用域的思考;在局部搜索不到变量时会向父环境搜索;
17.区别于在其他的编程语言中,js的数组中可以保存不同类型的数据;
18.检测数组:value instanceof Array; Array.isArray(value);数组转化方法,toString(),valueOf(),toLocalString(),Array.join();数组的栈操作:pop(),push()对数组的末尾操作;数组的队列操作:shift(),unshift()对数组的开头操作;
19.对数组进行排序sort()可以跟着一个函数,原生的sort()方法不能满足,且会改变原函数;reverse()反转数组顺序;数组的操作方法:concat()传进新的数组添加括号里的参数;slice(,)返回括号里长度之间的值构成的数组;
20.数组提供了splice()提供了强大的方法:传入两个数字参数,表示删除起始位置和删除的项数该部分内容并返回被删除的内容会改变被操作数组;插入操作:传进起始位置,要删除的项数,要添加的项数;同时也可以实现替换操作;
21.位置方法:indexOf()可以接收两个参数第一个为要查找的,第二个参数为可选的查找起始位置;lastIndexof()从末尾开始查找;
22.迭代方法:every()数组每一项都满足;fiter()过滤器;forEach()对数组的每一项运行函数;map()对数组每一项运行函数返回结果的数组;some()如果数组某一项返回true则该方法放回true;
23.缩小方法:reduce()和reduceRight()
24.新建一个日期:new Date();并提供了Date.parse()可带参数Date.UTC()
25.RegExp()的方法exec的方法在全局和非全局下有不同,在全局下lastidex()的值会改变;test()方法用来测试字符串是否匹配返回布尔值;
26.函数名相当于指针,可以赋值给其他的;同时无法重载函数,只会覆盖;以对象方式声明的函数要注意执行顺序,不会提前;函数能够以函数为参数,同时也能够返回一个函数;
27.自动创建的基本包装类型对象会在创建之后马上消失;Number的toString()方法能够按照需要输出不同进制的,而toFixed()能够自动舍入;
28.属性类型:数据属性(可设置;可列举,可写;值;可以通过Objece.defineProperty()来更改默认的属性Objece.defineProperties()定义多个);访问器属性:getter和setter(对象的属性前缀一个下划线的为只能用对象方法访问的属性);
29.创建对象:工厂模式:构造函数(在JS中与工厂模式有相似);原型模式(比构造函数多了prototype;实例可以重写与原型对象相同的;改变后只能通过delete删除实例属性才能重新访问原型hasOwnProperty()可以检测属性来自原型或者来自实例)
30.通过in可以判定属性是否在实例或者原型中;通过for-in访问的是所有能够通过对象访问的可枚举的属性;Object.keys()可以枚举而用原型引用则会显示所有原型属性,而如果用实例的话则不同显示自身的属性;
31.给原型添加方法要在重写原型方法之后(颠倒顺序会切断之间的联系)
32.可以输出函数名。函数名.name这模式;函数上升。可以在调用函数后紧跟着定义该函数;不能通过条件语句来构造在不同条件下同名函数;
33.闭包时只能取得包含函数中任何一个对象的最后一个值;this在闭包环境的使用也是一个难点;闭包容易造成一个问题是内存泄露;可能内存无法被回收;因此使用时要十分注意
34.window对象即是一个访问的接口,又是一个全局作用域下的对象。通过var声明的全局变量不能通过delete删除,而window.变量能够通过delete删除(IE9以上);访问未声明的变量会抛出错误,而访问未声明的window.变量只是做了一次查询,而不会出错误
35.在一个页面中有多个框架时要灵活运用top,parent,self,这几个代指分别指向的是哪个框架,多个框架时编号,会有各自的window属性;
36.不同浏览器提供了一些获取窗口位置的方法;还有可以获取窗口内部宽度的方法,同时可以通过resizeTo()和resizeBy()方法来改变窗口大小传入高度和宽度;
37.top始终指向最外围的框架,parent表示包含当前框架的框架;而self则是指向window对象
37.window.open(url, 框架名,参数)框架名决定新打开标签页还是窗口;
38.可以动态添加脚本,样式表,操作表格,和节点,通过js在适当的时刻,添加;
39.原生的CSS选择器提供document.querySelector()方法返回匹配的元素集合的第一个,document.querySelectorAll()返回全部匹配的;matchesSelector()接收一个参数,判断与被调用的元素是否相同,返回bool值;
40.HTML5新增对class属性操作的方法,新增对焦点的判定方法;设置字符集的方法;
41.区别于其他的浏览器IE浏览器DOM0级事件中this指的是全局的对象;而其他浏览器指的是当前元素的值;
ar XMLHttpReq;
        function creatXMLHttpRequest() {
            try {
                XMLHttpReq = new ActiveXObject("Msxm12.XMLHTTP");
            }
            catch(E) {
                try {
                    XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch(E) {
                    XMLHttpReq = new XMLHttpRequest();
                }

            }
        }
        function AjaxMessage(msg) {
            creatXMLHttpRequest();//XMLHttpReq = new XMLHttpRequest
            XMLHttpReq.open("post", url, true);
            XMLHttpReq.setRequestHeader("", "")
            XMLHttpReq.send(msg);
            if(XMLHttpReq.readyState == 4 && XMLHttpReq.status == 200) {
                var text = XMLHttpReq.responseText;

            }
            else {

            }
            return null;
        }


Jquery Ajax
                 $.Ajax({
                     type;“post”,
                     url: url,
                     data: data,
                     success:处理函数,
                     error: 处理函数
                     dataType: dataType



                 })
       最后两个函数是原生的js的Ajax请求,与jQuery 所提供的Ajax函数,前者由于不同浏览器的兼容性问题你需要加一个条件去判定是那种浏览器,不过从接触项目来说AcitivXObjec已经基本没有遇到过了,一般用惯了一些库之后,原生的确实太长了,不过研究一下他所封装的原生函数会很有意思,能够获取一些新的用法。现在的我基本也只能看看。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值