一些学Web前端最常见的错误分享
Web全栈是目前比较流行的语言。因为前端较其他语言相比,简单好学,而且现在的互联网公司几乎缺少不了Web前端开发,行业的需求致使大量的人转型前端。对于刚学Web前端的人来讲,他们缺乏开发经验,在项目开发中容易出错。为了使大家少走弯路,小千综合一批前端程序员,收集了一些学Web前端最常见的错误,供大家学习避免掉坑。
一、JQuery选择器
在一个HTML DOM 树中,进行一个比较复杂的元素选择,不包含某些文字的带有某某类名的元素的邻居的父元素的……然后怎么做?写一个很复杂的jQuery选择器?
jquery选择器原理是用正则表达式去分解你的选择器字符串(这一部分叫做Sizzle),然后再用内置的一些遍历函数如prev,next等(其实这些函数也是基于DOM提供的方法),去找到你想要的元素。
小千建议不要盲目地进行Sizzle的语义歧义测试,而是自己根据自己的逻辑去用prev,next等去找到自己的元素;而且退一万步来说,要尽量避免使用复杂的选择器(之前的方案也有提及),单位个元素用ID,多个元素用类,绝对高效准确。
二、基础数据结构与算法
现在有两个不同的JSON,比较复杂,可以参考这里的DEMO中返回的JSON。要比较它们的差异,除了用现成的工具如beyond compare以外,如果我们的机器上没有安装这个工具,能如何较快解决?
作为一个程序员,一个个对比是不可行的,对比完也不会有什么收获。小千建议把之放进Excel中,先排序,再用二分法去快速定位找到有差异的JSON属性,即使是1024个字段的大数据,也最多10次的定位即可找到。
其实算法这东西,并不是给你一道题目然后把死记下来的内容背出来,而是当你遇到相应的情景时,能想到用这个方法去解决。
三、HTTP协议
现在很多项目中都是用ajax去提交JSON到后台了,原始的那种HTTP提交已经比较少见,但是我们也不能忘记设置form的method、action的原始提交方式。因为这个才是表单提交的原型,有助于我们理解HTTP协议,例如POST和GET的区别,理解数据是怎么样从前端到达后端的,又是怎么样从后端返回到前端。
当你理解了这个,就可以更好地跟后端进行沟通,遇到数据上的问题也能较快地定位解决。
四、javascript 作用域
学过好几种的编程语言,作用域问题都是老生常谈了。在javascript中更是有函数的作用域这一基础知识。关于这个,小千推荐《javascript权威指南》。
五、HTML/CSS DOCTYPE
曾经项目中遇到这样一个问题,用其他浏览器打开页面是好的,唯独是IE8打开时出奇地慢。小千注意到IE8打开时慢但CPU消耗并不高,只是网页空白很久没渲染出来,可以排除JS算法上的问题。
经过细心研读代码发现,有人把一部分script、 link等标签放到了DOCTYPE的前面。
DOCTYPE是用来告诉浏览器解释整个文档的一套法则的,一定要放在HTML部分的最前面,先有script标签,那就意味着浏览器已经开始解释了,后面再有DOCTYPE也是没有意义的了。把DOCTYPE放到HTML部分的最前面,一开始提及的问题就解决了。
以上就是小千收集的一些Web前端学习时最常见的错误,希望各位初学者们尽量避免掉坑。从最简单的HTML5基础到Web前端高级技术,内容还是不少滴!要想精通这里的每一样技术,都得下苦功夫才行,可以来系统全面的学习一下!
本文来自千锋教育,转载请注明出处。
一些学Web前端最常见的错误分享相关推荐
- 从零学web前端_从零到前端英雄(第2部分)
从零学web前端 This article is part two of the "From Zero to Front-end Hero" series. In part one ...
- 哪些人适合学web前端培训呢
哪些人适合学web前端培训呢?经常会有人问到这个问题,因为互联网对于很多人来说是非常具有诱惑力的,前端便是其中的一种互联网技术,那么针对这个问题,我们来看看下面的详细介绍吧. 哪些人适合学web前端培 ...
- 学习Web前端需要避免哪些错误
很多初学web前端的同学,在学习web前端的时候都会遇到一些错误,虽然有些错误与某一个具体的行为相关,但有些错误却是所有Web开发人员都需要面对的挑战.下面小编就整理一下学习Web前端需要避免哪些错误 ...
- c++局部对象是什么_小白学Web前端难点是什么 JS进阶知识点有哪些
小白学Web前端难点是什么?JS进阶知识点有哪些?JavaScript是前端小白学习的难点,但又是前端工程师必须要掌握的技能.很多同学反映JavaScript知识点多而杂,不知道如何下手,下面就给大家 ...
- 学Web前端开发需要哪些基础?零基础小白该怎么入行?
Web前端人才需求大.薪资待遇好,是公认的高薪行业.很多人想学前端却又担心学不会,学Web前端需要哪些基础?零基础小白该怎么入行?且看小编的分析. 前端开发是创建Web页面或APP等前端界面呈现给用户 ...
- 零基础开始学 Web 前端开发,有什么建议吗?
零基础学前端,学习之前,一定要问自己一个问题: 我适合学前端吗? 前端虽然相比较后端而言,没有那么难,但是对很多零基础的小白而言还是有点难度的. 所以我们会发现,一些同学刚开始对前端一无所知,然后盲目 ...
- 零基础转行学web前端开发好学吗?爱创课堂告诉你
近两年web前端可以说是狠狠地火了一把,不仅仅是因为招聘市场需求量大,还有一个重要的原因就是,入行门槛低,入门简单.真的是这样吗?0基础的小白也能转行吗?很多同学都有这样的疑虑,认为没那么简单.下面小 ...
- 学web前端需要了解哪些常识
想要学好web前端技术,那么一定要掌握足够的知识,web前端技术包含很多方面的知识,具体学web前端需要了解哪些常识?来看看下面的详细介绍. 学web前端需要了解哪些常识? html + css ja ...
- html语言难不难学,Web前端开发难学吗?
Web前端开发难学吗? 更新时间:2019年02月22日16时54分 来源:传智播客web前端培训 浏览次数: 关于Web前端开发难学吗?学Web前端都需要学习哪些内容?很多想要转行学习Web的同学还 ...
最新文章
- Java反编译Jar包和Android APK(类似.NET Reflector)
- Apache POI操作Excel导出JAVABEAN对象方法
- 再次强调事件绑定中this的坑
- 大学计算机一级word,大学计算机基础一级考试复习资料
- axios, ajax和fetch的比较
- ERwin 正向工程
- Nginx打包RPM(FPM工具)
- VB计算机中next是什么意思,VB程序的基本结构――循环结构之For-Next语句
- XCTF|PWN-string-WP
- blos硬盘启动台式计算机,戴尔台式机bios设置硬盘启动教程
- 字典攻击—Python
- 纪一次笔试之行—燃烧的远征
- 小布语音下载安装_oppo语音助手小布小冰安装包app
- 数字电视图像相关的基本概念
- 〖产品思维训练白宝书 - 产品思维认知篇⑤〗- 学习 [产品思维] 需要做哪些准备?
- 【单片机基础】C51语言基础
- 专利实施的强制许可是什么意思
- 我们都能完整的对出魔方的所有面了
- 海马苹果助手ipad版_海马手机助手下载|海马手机助手 5.0.1 官方版
- outlook显示无法连接发送服务器地址,为什么outlook无法连接发送(pop3)电子邮件服...
热门文章
- 4.2 使用pytorch搭建VGG网络
- 爬虫笔记11Scrapyyield具体使用
- 使用onnx包将pth文件转换为onnx文件
- 【Windows工具】BBDown.exe B站视频下载工具详细使用说明(https://github.com/nilaoda/BBDown)
- 【MyBatis使用】mapper.xml 文件内<if test>标签判断参数值不等于null和空 当参数值为 0 时筛选条件失效原因分析(源码探究)
- html 画动画效果,html5 canvas绘制曲线动画特效
- activiti候选人的多个场景应用
- spring boot+mybatisplus集成后访问项目接口404
- Android 如何做一次内存泄漏大排查
- AppCompatActivity实现全屏的问题