华佗小知识

全部频道

您的当前位置：首页前端工程师

前端工程师

来源：华佗小知识
目錄Introduction奇闻轶事AbsoluteJavascript基本概念你不知道的JavaScript学习笔记jQuery锋利的jQuery学习笔记1.11.21.2.11.31.3.11.3.21.41.4.11Introduction前端工程师前端工程师人格的纪录。不轻易贴标签，前端工程师个人工作生活的一部分。我认为工程师应该有目标，有坚持，不设限，不盲目。技术本质上是为人提供服务，分为两个方面：为用户提供更好的体验、让程序员有更好的工具。要让技术能作用于用户必然要让技术落地到产品上，否则技术上的改进和提升不过是改变了后者。目前国内的技术圈太过于注重程序员自己的开发效率和体验，越来越少得关注技术在产品上的落地。2奇闻轶事遇到的一些问题绝对定位元素宽度被父元素3Absolute绝对定位元素宽度被父元素问题描述：绝对定位元素内容宽度收到父元素自动折行。实验现象：经过测试发现内容为中文时会产生该问题，中文内容自动折行，最大宽度为父元素宽度。内容为英文和数字时不存在该问题。原因：默认word-break是normal，不是break-all，所以单词不可分割，测试中使用aaaaaaaaaa算作一个单词，所以没有换行。其实自动折行是正常表现。4Javascript5基本概念基本概念Javascript变量区别大小写，标识符跟其语言类似，只能以字母、下划线或美元符号开头，其他符号必须是字母，数字，下划线或美元符号。使用\"use󰀃strict\"指明严格模式，ECMAScript5中引入，处理ES3中一些不确定的行为。变量如果不用var关键字声明会提升为全局变量。数据类型：NumberBooleanStringUndefined（声明变量而没有初始化则为undefined）NullObject由于javascript是松散类型的，所以需要检测数据类型的手段。󰀃typeof返回的值有：undefinedbooleanstringnumberobject（对象或null）function对于未初始化和未声明的变量执行typeof都会返回undefined。null标示空对象指针。Boolean()转换函数，了解其转换规则，在类似if(var)的判断中会进行自动转换，如果不清晰可能会改变整个程序流程。Number类型中可以直接表示八进制，第一位必须是0，后面跟八进制数字序列（0～7），若超出范围则前导0被忽略当作10进制解析。注：八进制在严格模式下无效。16进制前导为0x。进行算术计算时八进制和十六进制都会被转化为十进制。浮点数小数点前可以不写整数，但不推荐。保存浮点数的内存空间是整数的两倍，如果小数点后没有跟任何数字，会转换为整数。浮点数最高精度是17位小数，使用IEEE754数值浮点计算偏差。6基本概念能表示的最小值󰀃Number.MIN_VALUE󰀃最大值󰀃Number.MAX_VALUE，数字越界则返回Infinity，并且不能继续参与计算。确定一个数字是否越界可以用isFinite()。NaN(Not󰀃a󰀃Number)，表示一个本来要返回数值的操作数未返回数值。任何涉及NaN的操作都返回NaN，NaN不等于任何值包括自身。isNaN()函数表示某个值是否能转换为数值。Number(),parseInt(),parseFloat()Number()传入null返回0，传入undefined返回NaN。praseInt()在ES3和ES5中有差异，所以引入了第二个参数表示进制。转换为字符串󰀃toString()Object的每个实例都有的方法：Constructor：保存用于创建当前对象的函数。hasOwnProperty(\"属性名\")：给定的属性在当前对象实例中是否存在。isPrototypeOf(object)：传入的对象是否是另一个对象的原型propertyIsEnumerable：检查是否能够枚举，即是否能够使用for-in语句。toLocaleString()：该字符串与执行环境的地区对应toString()valueOf()函数󰀃arguments对象RegExp类型语法：var󰀃expression󰀃=󰀃/pattern/󰀃flags7jQueryjQuery8锋利的jQuery学习笔记锋利的jQuery学习笔记选择器基础选择器#id选择器元素选择器.class选择器*通配符选择器select1,select2,select3ance󰀃desc层次选择器parent>child󰀃子元素选择器+元素后相邻元素选择器~元素后相邻所有元素选择器过滤性选择器:first,:last󰀃过滤选择器:eq(index)选择器󰀃索引从0开始:contains(text)󰀃文本过滤选择器:has(selector)󰀃过滤选择器:hidden，:visible󰀃过滤选择器:[attribute=value]（完全相同）:[attribute!=value]󰀃属性选择器:[attribute*=value]󰀃关键字匹配表单选择器:input（包括󰀃󰀃、󰀃