前端ajax怎么样遍历list_五大前端小白入门时最容易掉的坑,可得提防点!
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部分的最前面,一开始提及的问题就解决了。
*声明:本文于网络整理,版权归原作者所有,如来源信息有误或侵犯权益,请联系我们删除或授权事宜。
公众号ID:tzbc666
有趣的灵魂在等你
长按扫码可关注
点个好看和转发也是一种支持哟!
前端ajax怎么样遍历list_五大前端小白入门时最容易掉的坑,可得提防点!相关推荐
- 前端ajax与后端php数据传输,前端ajax与后端交互详解
前端中常常用的与后端交换数据的话,通常是要用到ajax这种方法的,本文主要介绍了前端ajax的各种与后端交互的相关知识,具有很好的参考价值.下面跟着小编一起来看下吧,希望能帮助到大家. 但是交互的方式 ...
- 前端js嵌套遍历优化_2020web前端最新面试面经:阿里、字节、小红书
阿里巴巴 电话面 1.简单自我介绍, 做过哪些项目, 使用哪些技术栈? 2.如何看待前端框架选型? 3.vue的如何实现双向绑定的 ? 4.react 虚拟DOM 是什么? 如何实现? 说一下diff ...
- java接口返回map集合数据;前端ajax获取,遍历时无序
因业务需求,在同一张表格中,将地区.全国业务数据 按年份分组统计,将相同年份的数据组装成一条数据在表格中对比显示.效果图如下: 当前地区 全国 年度 季度 成交额 净利润 成交额 净利润 2019 1 ...
- 前端网页广告无线翻滚_从小白到web前端工程师进阶之路 从0到1到更深
互联网的发展,让web前端技术发生了翻天覆地的变化,前端开发工程师可以让网页内容变得更加生动,为用户带来更好的体验.那么,武汉web前端培训哪个好?web前端好学吗?作为一个合格的Web前端工程师,需 ...
- 2021年最新版Web前端学习路线图-前端小白入门必读-推荐
2021年最新版Web前端学习路线图-前端小白入门必读-推荐 Hello,大家好,相信很多学习前端的小伙伴,会有很多的疑惑: 我要学习那些技术? 我要到哪里去学习这些技术呢? 学习这些技术的目的对就业 ...
- 使用Ajax实现简单的增删查改前端Ajax传的值,后端如何获取
实现查询和增删改 一.Ajax最基本语法 二.增删查改 1.查询(Get请求) 2.增删改(Post请求) 三.后台(MVC/WebForm) 1.MVC(Post请求) 2.WebForm(Post ...
- webApi前端ajax调用后端返回{“readyState“:0,“status“:0,“statusText“:“error“}解决方案
webApi前端ajax调用后端返回{"readyState":0,"status":0,"statusText":"error& ...
- Web前端小白入门指迷
大前端之旅 大前端有很多种,Shell 前端,客户端前端,App 前端,Web 前端和可能接下来很会火起来的 VR 前端等.当然在这篇文章,集中讨论一下身为小白,我们怎样去了解 Web 前端,以至达到 ...
- 防抖与节流方案_前端ajax优化解决方案
伴随着前端ajax的应用场景越来越多,那就免不了一个整合的ajax优化解决方案了,自己优化太麻烦?没事,有它帮你解决:hajax 与当下比较热门的请求库 axios 和原生的 fetch相比,haja ...
最新文章
- 请收藏!新型冠状病毒感染的肺炎防控知识手册.pdf
- 简单的客户端,服务端通信
- 数据结构-队(C语言代码)
- c语言中关于宏和内联说法正确的是, 2011年1月高等教育自学考试全国统一命题考试 C++程序设计试题...
- react Native 环境安装配置——图解版一目了然
- Redis高级命令与特性以及单点模式的介绍
- 微软(中国)CTO韦青:人工智能时代还没有真正到来
- The Linux Storage Stack Diagram
- OpenCV-计算轮廓面积cv::contourArea
- 批量word转pdf
- 计算机老出现安全警报怎么办,windows安全警报怎么关闭,教您怎么关闭windows安全警报...
- Ribbon饥饿加载
- scala的交互式图表工具wisp
- react native 自定义Image实现预加载图片及错误之后图片显示
- ConvNeXt+YOLOv7改进方案
- Day2--正则表达式
- 划重点!GDPR,阿里云的六问六答
- php odbc连接池,修复︰ 使用连接池的 SQL Server ODBC 连接时设置的连接属性失败
- UE5 官方案例Lyra 全特性详解 12.背包系统Inventory System 1添加物品到背包
- 【题解】剔除多余括号