前淘宝前端开发工程师阿当的PPT中有JS技术理念问题

第7个PPT的代码是用 JS 去设置 CSS，这与“不同浏览器解析DOM不同”没有任何关系，是CSS的兼容性！而且用JS去直接设样式是技术理念上的一个错误！

第9个PPT的代码是用DOM脚本编程，而不是用兼容性更好的表单 name 去取表单中的对象。好像没有 DOM 脚本编程就无法活了，不要什么都 XXX.getElementByXXX 方法。

第10个PPT的代码是用:

if(document.all){}else{}
而代码明明是addEventListener()方法，那为什么不这么写：

if(XXX.addEventListener){}else{}

理由请见army的译文《特性检测并非浏览器检测》。

呃，document.all(IE) 和 document.layer(NN) 一样是挺古的写法，我只在项目遗留的代码中见过一些踪迹，像阿当这样大量的使用真是头回见。

第19个PPT的代码是用匿名函数形成的JS闭包来产生临时的命名空间，这种方式本人通过与同行的沟通，发现只能在库的核心文件中用一次(见jQuery源码)。像他这样在页面中用了超过一次以上就可能是误用了。从他的代码中看，a 已经有了A与B的区别，就不会冲突了。

第25个PPT的代码中 set 方法 、read 方法取名得不成对，set 与 get 成对，read 与 write 成对。

ppt打包下载

赞 (0)

相关推荐

  • 向大师们学习Javascript（视频与PPT）

    向大师们学习Javascript（视频与PPT）

    Douglas Crockford:Douglas Crockford是JavaScript开发社区最知名的权威,是JSON.JSLint.JSMin和ADSafe之父,是<JavaScript:The Good Parts>(英文版.中文版)的作者.JavaScript的发明人Brendan Eich说他是"Yoda of lambda programming and JavaScript(lambda编程和JavaScript的精神领袖)".他同时也服务于ECMA的Ja

  • python启动办公软件进程(word、excel、ppt、以及wps的et、wps、wpp)

    复制代码 代码如下: #-*- coding:utf-8 -*- from win32com.client import Dispatch import time def start_office_application(app_name): # 在这里获取到app后,其它的操作和通过VBA操作办公软件类似 app = Dispatch(app_name) app.Visible = True time.sleep(0.5) app.Quit() if __name__ == '__main__

  • 使用JQuery在线制作ppt并在线演示源码特效

    使用JQuery在线制作ppt并在线演示源码特效

    不多说,先给大家上效果图: 在线预览 源码下载 下面是jq在线制作ppt的html代码: <div id="topbar" class="navbar navbar-fixed-top"> <div class="navbar-inner"> <a class="brand" href="#">H5Slides</a> <ul class="n

  • vba 获取PPT幻灯片中的所有标题的代码

    复制代码 代码如下: Private Sub CommandButton1_Click() Me.Enabled = False getTitles Me.Enabled = True End Sub Sub getTitles() On Error Resume Next Dim oPres As Presentation Set oPres = Application.ActivePresentation Dim oSlide As Slide Dim oShape As Shape Dim

  • java使用poi读取ppt文件和poi读取excel、word示例

    Apache的POI项目可以用来处理MS Office文档,codeplex上还有一个它的.net版本.POI项目可创建和维护操作各种基于OOXML和OLE2文件格式的Java API.大多数MS Office都是OLE2格式的.POI通HSMF子项目来支持Outlook,通过HDGF子项目来支持Visio,通过HPBF子项目来支持Publisher. 使用POI抽取Word简单示例: 要引入poi-3.7.jat和poi-scratchpad-3.7.ajr这两个包. 复制代码 代码如下: p

  • java读取word-excel-ppt文件代码

    WORD: import org.apache.lucene.document.Document; import org.apache.lucene.document.Field; import org.apache.poi.hwpf.extractor.WordExtractor; import java.io.File; import java.io.InputStream; import java.io.FileInputStream; import com.search.code.Ind

  • word ppt excel文档转换成pdf的C#实现代码

    复制代码 代码如下: using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Windows.Forms; using Word = Microsoft.Office.Interop.Word;using Excel = Micro

  • C#实现将PPT转换成HTML的方法

    本文是一个C#的小程序,主要实现将ppt转换成html的功能,方法很多,此处与大家分享一下,希望能对大家的项目开发起到一定的借鉴作用. 主要功能代码如下: using System; using System.Collections.Generic; using System.Text; using System.IO; using PPT = Microsoft.Office.Interop.PowerPoint; using System.Reflection; namespace Writ

  • CentOS 5.4系统下安装VPN(pptp) 适用于Linux服务器

    系统环境: CentOS 5.4 Final网卡: eth0: 98.126.x.x 先检查系统的MPPE,基本上CentOS本身都有,看到ok就可继续往下进行,不行的话就去打一下补丁,网上到处都是.modprobe ppp-compress-18 && echo ok CentOS5.4系统本身安装已经带了ppp版本,可以用这个版本,也可以重新安装,这里我卸载了,全部自己重新安装.rpm -q ppprpm -e rp-pppoerpm -e ppprm -rf /etc/ppp 所需要

  • 前淘宝前端开发工程师阿当的PPT中有JS技术理念问题

    第7个PPT的代码是用 JS 去设置 CSS,这与"不同浏览器解析DOM不同"没有任何关系,是CSS的兼容性!而且用JS去直接设样式是技术理念上的一个错误! 第9个PPT的代码是用DOM脚本编程,而不是用兼容性更好的表单 name 去取表单中的对象.好像没有 DOM 脚本编程就无法活了,不要什么都 XXX.getElementByXXX 方法. 第10个PPT的代码是用: if(document.all){}else{} 而代码明明是addEventListener()方法,那为什么不

  • RGB转换实现代码，淘宝前端开发工程师笔试题

    例如: #1234ff 输出 #1234ff #123 输出 #123 #12345g 输出 #12345g 复制代码 代码如下: function RGB(rgb) { reg=/^#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})$/; if ( reg.test(rgb) ) rgb='rgb('+parseInt(RegExp.$1,16)+","+parseInt(RegExp.$2,16)+","+pars

  • 2020淘宝618理想生活列车自动领喵币js脚本的代码

    自动收喵币 脚本 //by 丈二 //auto.waitFor(); var height = device.height; var width = device.width; var my_taobao = desc("我的淘宝"); var task_door = desc("瓜分10亿"); var task_list = text("做任务,领喵币"); function appRun() { var version = device.r

  • 0基础学习前端开发的一些建议

    以下纯属个人观点和建议,肯定是有局限性的,但是也希望能给你带来一些帮助. 我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一,所以多我们提出的要求也就越来越高了.所以我们需要的也就不仅仅只是掌握css.html.JavaScript了,但是这三大件一直都是前端的根本,这一点从未改变,而这三大件中JavaScript又是重中之重. 接下来我会结合我的一点经验,给出前端系统学习路线的一些具体建议以及入门前端时的一些困境. 入门前端时的一些困境 1.因一些基础算法.数据结构理论不扎实导致一些

  • 安装nodejs和yarn及配置淘宝源过程记录

    安装nodejs和yarn及配置淘宝源过程记录

    目录 1.下载nodejs 2.双击安装 3.重置全局npm源,修正为 淘宝的 NPM 镜像: 4.安装Yarn 5.设置Yarn的淘宝源 1.下载nodejs 访问下载 | Node.js 中文网 (nodejs.cn) 本站下载地址:点击下载 2.双击安装 全部都点Next,最后Install即可 3.重置全局npm源,修正为 淘宝的 NPM 镜像: 按住[Shift]键,点击鼠标右键->在此次打开PowerShell窗口 执行下面的指令 npm install -g cnpm --regi

  • 新手学习前端之js模仿淘宝主页网站

    新手学习前端之js模仿淘宝主页网站

    先给大家展示下效果图: 图片资源链接:http://pan.baidu.com/s/1jHAdLNg 密码:5uo1 html 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=&quo

  • Android开发实现绘制淘宝收益图折线效果示例

    Android开发实现绘制淘宝收益图折线效果示例

    本文实例讲述了Android开发实现绘制淘宝收益图折线效果.分享给大家供大家参考,具体如下: 实现的效果我一会贴上,我先说下原理,我们知道要实现在canvas上画线,不就是要搞一个paint嘛,然后首先肯定要设置下paint的属性,那么画文字呢,不就是Textpaint吗,对,就是这么简单,接下来怎么画,折线图主要分为X轴和y轴,x轴表示日期,y表示收益,好,说道这里,大家应该知道怎么去做了,下面直接贴代码 这个方法是,画x,y坐标系的,以及上面的日期和收益了 private void draw

  • vue搜索页开发实例代码详解（热门搜索，历史搜索，淘宝接口演示）

    完整效果演示 首先完成这个伪搜索框 src/components/search/index.vue (通用搜索框组件) <template> <div class="mine-search-box-wrapper"> <i class="iconfont icon-search"></i> <div class="mine-search-box" v-if="fake"&g

  • iOS项目开发--实现类似淘宝详情页面

    iOS项目开发--实现类似淘宝详情页面

    前段时间公司在研发一个电商项目,趁现在有时间把其中的知识点整理整理. 项目的商品详情页面当时是仿制淘宝的,用到的第三方库是MJRefresh,上拉操作和下拉操作的刷新效果是把MJRefresh刷新效果从新建个分类封装了一下,感谢杰哥!!! 基本思路: 1.设置一个 UIScrollView 作为视图底层,并且设置分页为两页 2.然后在第一个分页上添加一个 UITableView 并且设置表格能够上提加载(上拉操作即为让视图滚动到下一页) 3. 在第二个分页上添加一个 UIScrollView 并

  • 教你使用如何docker部署淘宝rap2服务

    什么是rap2 先来说说起因,在上一个星期的分享会上,谈到前后端联调上,有同事提到了rap2,特意去了解了一下,觉得使用这个东西来进行前后端的接口联调来真是太方便了,对比我们之前公司内部开发的API Cloud来说,我更偏向使用rap2. RAP通过GUI工具帮助WEB工程师更高效的管理接口文档,同时通过分析接口结构自动生成Mock数据.校验真实接口的正确性,使接口文档成为开发流程中的强依赖.有了结构化的API数据,RAP可以做的更多,而我们可以避免更多重复劳动. 上面是摘自https://gi

随机推荐