首页
学习
活动
专区
圈层
工具
发布

前端编码规范

枚举变量 单词首字母大写, 枚举属性 全部字母大写, _分隔 多个单词组成的缩写词, 在命名中, 根据当前命名法和出现的位置, 所有字母的大小写与首字母大小写保持一致 命名词法 类名 使用名词 function...不准用"string".match() 多个参数使用对象字面量存储 jQuery 使用最新版本的jQuery jQuery变量 以$开头, 并缓存到本地变量中复用, 使用驼峰命名法命名 jQuery选择器...); ES6 块级作用域 let取代var let const优先使用const(所有的函数应设置为const常量,let表示的变量,只应出现在单线程运行的代码中,不能是多线程共享的,这样有利于保证线程安全...所有配置项都应该集中在一个对象,放在最后一个参数,布尔值不可以直接作为参数。 不要在函数体内使用arguments变量,使用rest运算符(...)代替。 使用默认值语法设置函数参数的默认值。...模块输出函数, 函数首字母小写 模块输出对象,对象首字母大写 代码校验 代码验证 使用 W3C HTML Validator 来验证你的HTML代码有效性; 使用 W3C CSS Validator

2.2K71
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【前端】Web前端学习笔记【1】

    JavaScript 是面向对象的语言,但 JavaScript 不使用类。 在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样)。...^表示行的开头,^\d表示必须以数字开头。 表示行的结束,\d表示必须以数字结束。 你可能注意到了,js也可以匹配'jsp',但是加上^js$就变成了整行匹配,就只能匹配'js'了。...ECMAScript的函数调用中,所有参数的传递都是值传递(当传递的参数代表一个对象时,也仅仅是把实参存储的内存地址赋值给形参,还是值传递),不可能通过引用传递参数。...用代码触发事件(以change事件为例) 有些时候,我们希望用代码触发change事件,可以直接调用无参数的change()方法来触发该事件: var input = $('#test-input');...其中: jQuery提供的辅助方法 $.extend(target, obj1, obj2, ...) , 它把多个object对象的属性合并到第一个target对象中,遇到同名属性,总是使用靠后的对象的值

    92290

    金九银十: 50 个JS 必须懂的面试题为你助力

    在JS中命名变量时要遵循以下规则: 咱们不应该使用任何JS保留关键字作为变量名。例如,break或boolean变量名无效。 JS 变量名不应该以数字(0-9)开头。它们必须以字母或下划线开头。...提示: 请使用 isNaN() 来判断一个值是否是数字。原因是 NaN 与所有值都不相等,包括它自己。 问题 36:JS的原始/对象类型如何在函数中传递?...严格模式是在代码中引入更好的错误检查的一种方法。 当使用严格模式时,不能使用隐式声明的变量,或为只读属性赋值,或向不可扩展的对象添加属性。...该技术的另一个特性是允许为全局变量提供一个简单的别名,这在jQuery插件中经常使用。 问题50:JS中的转义字符是什么 JS转义字符使咱们能够在不破坏应用程序的情况下编写特殊字符。...转义字符()用于处理特殊字符,如单引号、双引号、撇号和&号,在字符前放置反斜杠使其显示。 如:document.write("I am a \"good\" boy")

    8.5K31

    ASP.NET MVC 5 - 给数据模型添加校验器

    您可以在一个地方 (模型类) 中以声明的方式指定验证规则,这个规则会在应用程序中的任何地方执行。 让我们看看您如何在本电影应用程序中,使用此验证支持。...在上面的代码中,流派(Genre)和等级(Rating)只能使用字母(空格,数字和特殊字符是不允许的)。该范围(Range )属性约束的值在一个指定范围内。...单击Create New链接,来添加一部新电影。在窗体中填写一些无效值,然后单击Create按钮。 如同jQuery的客户端验证来检测到错误时,它会显示一个错误消息。 ?...注意,为了使jQuery支持使用逗号的非英语区域的验证 ,需要设置逗号(",")来表示小数点,如本教程前面所述, 你须引入NuGet globalize。...· 在的DataType属性可以使MVC选择合适的字段模板以呈现数据(如果本身所使用的的DisplayFormat使用字符串模板)。

    12.1K70

    37个JavaScript基本面试问题和解答(建议收藏)

    jQuery允许您使用jQuery.noConflict()来禁用对jQuery名称空间的$引用。...由于代码的其余部分是完全有效的,即使它没有被调用或做任何事情(它只是一个未使用的代码块,它定义了一个属性栏,它等于字符串“hello”),所以不会抛出任何错误。...如何在这里使用闭包? 显示的代码示例不会显示值0,1,2,3和4,这可能是预期的;而是显示5,5,5,5。...该函数的参数应该是: 一个 DOM 元素 一个回调函数(以DOM元素作为参数) 访问树中的所有元素(DOM)是经典的深度优先搜索算法应用程序。...它比较从左到右,所以3> 2> 1 JavaScript翻译为true> 1. true具有值1,因此它比较1> 1,这是错误的。 33、如何在数组的开头添加元素?最后如何添加一个?

    4.1K10

    JQuery最全常用方法指南

    show(speed, [callback]) 以优雅的动画显示所有匹配的元素,并在显示完成后可选地触发一个回调函数。 hide() 隐藏所有的匹配元素。...=’newsletter’]”) 匹配所有不具有指定属性值的元素 $(”input[name ^=’news’]”) 匹配所有指定属性值以value开头的元素 ( ” i n p u t [ n a m...e (”input[name(”input[name =’letter’]”) 匹配所有指定属性值以value结尾的元素 $(”input[name *=’man’]”) 匹配所有指定属性值含有value...(str) 清除字符串两端的空格,使用正则表达式来清除给定字符两端的空格 jQuery.each(object, callback) 一个通用的迭代器,可以用来无缝迭代对象和数组 jQuery.extend...如:$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]这些都是dom对象,可以使用dom中的方法,但不能再使用Jquery的方法。

    13.2K31

    jQuery 升级踩坑大全

    按照新版本的jQuery要求,这段html格式的字符串必须是以左尖括号(小于号)开头,其他字符都不可以。...一般情况以井号开头,例如$("#test"),其实就是一个普通的选择器,但是上面例子中后面又夹杂着html字符串,这会被jQuery判断为潜在的XSS攻击。...因为这五个接口从来没有出现在jQuery的官方文档中,并且有些在后续版本中已经删除,可谓来无影去无踪。看源代码的话在早期版本有机会找到他们的存在,但是并不建议使用。建议采用其他方法实现相应的功能。...为了搞明白这些坑是怎么踩进去的,我们最后来写一段js代码,要求是用最少的代码,把jQuery Migration库中所有的坑都踩一遍……也就是让jQuery Migration库打印出来它能打印的所有警告...') var keng6 = $("div#d").attr("value", "abcd"); //html字符串必须以'开头(下面这个是以空格开头) var keng7 = $(" <

    4.4K90

    50 个JS 必须懂的面试题为你助力金九银十

    在JS中命名变量时要遵循以下规则: 咱们不应该使用任何JS保留关键字作为变量名。例如,break或boolean变量名无效。 JS 变量名不应该以数字(0-9)开头。它们必须以字母或下划线开头。...提示: 请使用 isNaN() 来判断一个值是否是数字。原因是 NaN 与所有值都不相等,包括它自己。 问题 36:JS的原始/对象类型如何在函数中传递?...严格模式是在代码中引入更好的错误检查的一种方法。 当使用严格模式时,不能使用隐式声明的变量,或为只读属性赋值,或向不可扩展的对象添加属性。...该技术的另一个特性是允许为全局变量提供一个简单的别名,这在jQuery插件中经常使用。 问题50:JS中的转义字符是什么 JS转义字符使咱们能够在不破坏应用程序的情况下编写特殊字符。...转义字符(\)用于处理特殊字符,如单引号、双引号、撇号和&号,在字符前放置反斜杠使其显示。

    6.2K30

    学习zepto.js(Hello World)

    $():   与jQuery的$()几乎一样,但zepto的选择器是直接使用的原生querySelectorAll(),所以,一些jQuery自定义的选择器是不支持的,但可以添加selector.js...标签*//*以上为作为选择器的使用方法*/ $(function(){ //do...用过jQuery的应该都知道,这是绑定的DOMContentLoaded 事件 })   当$变量已经存在时,如引用了...定义的,定制插件也是通过$.fn来完成的,细看代码会发现这一句 ?...,用于生成节点的一个临时父节点(下边会说的);   第三个是一些属性值,是一个json结构的,但要注意为驼峰命名法,因为zepto的精简,所以不想jQuery那样的宽容。...然后遍历该object,将属性放入dom元素中,那个判断就不多做解释了,因为有一些属性被zepto做成方法了,所以直接调用该方法就可以了,这也是为什么调用$(“”,{text:’显示的值’}),可以通过

    4.2K80

    jQuery 选择器

    在层次选择呢亲中,后代选择器和子选择器较为常用,而相邻元素选择器和同辈元素选择器在jQuery中可以用更加简单的方法代替: (1)使用next()房代替prev-next(相邻元素选择器) (2)使用nextAll...="test"]')的情况,因为属性选择器的严格匹配机制 [attribute^=value] [attribute^=value]选择器选择属性值以value开始的元素,返回集合元素 [attribute...$=value] [attribute$=value]选择器选择属性值以value结束的元素,返回集合元素 [attribute*=value] [attribute*=value]选择器选择属性值包含...可见性过滤选择器 通过元素的显示状态,即元素显示或隐藏来选取元素 :visible:控制眼睛能看到 :hidden:控制本有但隐藏的元素 $(“:hiddden”).show()可以拿出不可见的代码(比如...选择器中含有特殊符号的注意事项 W3C 规范中,规定属性值中不能含有某些特殊字符,但在实际开发过程中,可能会遇到表达中含有'# 和“.”等特殊字符的情况,如果按照普通的方式去处理就会出错。

    3.6K90

    jQuery的三种$()

    jQuery对象,然后的“html()”意思是显示其html内容,也就是上面HTML代码段的[two]。...再如: $("Hello").appendTo("body"); $()中的是一个字符串,用这样一段字串构建了jQuery对象,然后向中添加这一字串...如这样一行代码: $(document).find("div>p").html()); $()中的document是一个DOM元素,即在全文寻找带的元素,并显示中的内容。...2、XPath选择器 如:选择所有带有title 属性的链接,我们会这样写:$('a[@title]') []里带@,说明[]里的是元素的属性;是个属性选择器 []里没@,说明[]里的是元素的子孙...在XPath中,要找一个“以...开头”的属性,用^=,如找一个name属性是以mail开头的input元素,就用 $('input[@name^="mail"]') 要找一个“以...结尾”的属性

    1.1K30

    Python 之Web编程

    - 由一对尖括号包裹的单词构成,如 所有标签中的单词不可能从数据开头   - 标签不区分大小写和,建议使用小写   - 标签分两部分:开始标签和结束标签...如: 三 、 标签的属性   - 通常是以键值对形式出现的,例如 name="alex"   - 属性只能出现在开始标签 或 自闭合标签中   - 属性名字全部小写,属性值必须使用双引号或单引号包裹...,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。...匹配属性值以指定值结尾的每个元素 div[class$="test"]{background:#ffff00;} 7 E[attr*=val] 匹配属性值中包含指定值的每个元素...34 // 通过new Function()的方法定义匿名函数,可以将函数代码用字符串来表示 35 //,同时在函数中使用的变量,不会作为页面的"全局变量"出现,在函数外部也访问不到

    3.1K22

    Asp.Net MVC4入门指南(8):给数据模型添加校验器

    您可以在一个地方 (模型类) 中以声明的方式指定验证规则,这个规则会在应用程序中的任何地方执行。 让我们看看您如何在本电影应用程序中,使用此验证支持。...以下面的代码为例,以应用验证属性。...下图显示了如何在 Chrome 浏览器中禁用 JavaScript。 ? 下面是框架代码在之前的教程中生成的Create.cshtml视图模板。...它用来为以上两个操作方法来显示初始的form,同时在验证出错时来重新显示视图。 请注意,代码如何使用Html.EditorFor helper 输出为Movie中的每个属性的元素。...(DataType.PhoneNumber)] [DataType(DataType.Url)] 上面列出的属性只提供视图引擎来显示数据的格式(如: 为 URL ,< href="mailto:

    6.4K100

    jQuery 快速入门教程

    后者是前者经过压缩处理后的版本,它去除了多余的注释、空白字符等信息,并缩短了变量的名称,以减小js文件的体积。建议你在生产环境中使用该文件,以便于用户浏览器能够更快地加载jQuery库。...接着,我们就可以使用jQuery对象上的方法来操作它所匹配的DOM元素。 jQuery对象上提供的方法足够我们进行几乎所有的DOM操作。...ready() 准备就绪时执行代码 如果我们在中引入jQuery库文件,并编写相应的jQuery代码来操作DOM元素。...在jQuery中,我们一般通过一个字符串来标识匹配的元素,例如: $("#uid"); // 选取id属性为"uid"的单个元素 $("p"); // 选取所有的p元素 $(".test"); // 选择所有带有...简而言之,假设当前jQuery对象匹配多个元素,如果使用jQuery对象的方法来获取数据(“读”数据),则只会获取第一个匹配元素的数据;如果使用jQuery对象的方法来设置元素数据(“写”数据),则会对所有匹配元素都进行设置操作

    15.2K30

    【学习笔记】JavaScript

    通过isNaN(NaN)函数判断 浮点数问题 精度丢失 1/3 === (1-2/3) False 尽量避免使用浮点数运算 可以用Math.abs((f1-f2) 来判断相等(eps...对象 js的所有的键(Key)都是字符串, 值(Value)是任意对象 !...} 对象可以赋值 使用不存在的属性, 不报错, undefined 动态的增减属性 person.ununun = "sdfijiosafj" delete person.name 判断某个属性值是否在对象中...自己弄一个类, 绑定在这个唯一全局变量中, 而不去绑定在window这个全局变量中, 来降低全局命名冲突 + 和别人不冲突 jQuery的实现类似(?) - jQuery....// father.firstChild; // father.lastChild; 原生代码, 之后尽量运用jQuery 更新Dom节点 // 驼峰命名, 属性值时字符串,用''包裹 id1.innerText

    5.2K20

    JQuery碎碎念

    1 JQuery最佳实践 1.1 使用JQuery的ready处理器 $(function () { /* 你的代码 */ }); //或者 $(document).ready(function...ID开头的选择器 //ID选择器性能最佳 $("#myDiv") //以ID开头,提高效率 $("#myDiv .red") 3.2 类选择之前加元素选择提高效率 //元素(tag)选择器效率仅次于ID...(如拖放,效果等)放在$(window).load执行 //不要把所有都放在$(document).ready中 $(window).load(function(){ // 在页面所有对象加载完执行...}); 3.9 较长的字符串拼接不要使用concat(),要使用join() //join()比concat()效率更好 var list_items = []; for (var i=0; i $("#myDiv").data("value"); 3.14 使用最新的版本及CDN 3.15 压缩你的JS代码 3.16 保持代码规范整洁 4 JQuery表单处理 4.1 只接受数字输入

    6.1K30

    jq---方法总结

    前者是jQuery库的源代码版本,它带有注释信息,建议你在开发环境中使用该文件,以便于调试或阅读源代码。...后者是前者经过压缩处理后的版本,它去除了多余的注释、空白字符等信息,并缩短了变量的名称,以减小js文件的体积。建议你在生产环境中使用该文件,以便于用户浏览器能够更快地加载jQuery库。...{ // 在这里编写我们希望在DOM准备就绪后执行的代码 } ); 4.jQuery 核心:选取元素 $("#uid"); // 选取id属性为"uid"的单个元素 $("p"); // 选取所有的p元素...属性 find("ul") // 返回匹配这些div元素中的所有后代ul元素的jQuery对象 children() // 返回匹配这些ul元素中的所有子代元素的jQuery对象 $("selector...checked属性值 $("selector").prop("checked", true); // 设置所有匹配元素的checked属性值为true(意即选中所有匹配的复选框或单选框) $("selector

    3.9K20

    day41_jQuery学习笔记_02

    返回的是布尔值 filter()            筛选出与指定表达式匹配的元素集合,从A、B、C中筛选出A、B来 not()               将指定内容删除,从A、B、C中删除A、B...对象 拆分成 jQuery对象数组,不怎么使用 示例代码如下: 01-过滤.html 开头的叫全局函数,不是$开头的是普通函数,普通函数必须使用jQuery对象才能获得 第三层:$.getJSON(...,不是$开头的是普通函数,普通函数必须使用jQuery对象才能获得                  * * 格式:load(url, [data], [callback])        []中括号表示该项可以省略...使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

    4.4K20
    领券