教育宝

web前端工程师需知的前端小知识

学习经验 https://www.jiaoyubao.cn/ | 手机站

2021年11月13日 12:02:27

随着互联网的不断普及,人们对于用户体验也提出了越来越高的要求。无论是正在学习Web前端技术还是已经从事Web前端工作的小伙伴们都有一些你不知道的前端小知识,下面就来和小编一起看一看吧!

  随着互联网的不断普及,人们对于用户体验也提出了越来越高的要求。因此Web前端工作等到了更多的发展和。越来越多的人都转行来学Web前端。无论是正在学习Web前端技术还是已经从事Web前端工作的小伙伴们都有一些你不知道的前端小知识,下面就来和小编一起看一看吧!
  一、HTML
  置换元素:浏览器根据元素的标签和属性来决定元素的具体显示内容
  非置换元素:浏览器的大多数元素都是不可置换元素,即其内容直接展示给浏览器
  input 元素设置 readonly:true => 脚本无法修改 input 的值 (F)
  input 元素设置 disabled:true => 脚本无法修改 input 的值(F)
  input 元素设置 readonly:true => input 的值不会随表单提交(F)
  input 元素设置 disabled:true => input 的值不会随表单提交(T)
  DHTML 的动态样式作用:使网页作者改变内容的外部特征而不强制用户再次下载全部内容
  HTML5 获取某用户当前位置信息 => getCurrentPosition()
  reflow(回流) => 对 DOM 树进行渲染,修改 DOM 或修个元素的形状大小,就会触发 reflow
  enctype => 规定在发送发送服务器之前对表单数据进行编码的方式
  htmlDoctype 告诉浏览器文档使用哪一种 html 或者 xhtml
  不同文档模式(htmlDoctype)影响 css 内容呈现,尤其是对盒模型
  文档模式使得不同浏览器在混杂模式下差异大
  二、CSS
  当 margin-top 、 padding-top 的值是百分比时,分别计算相对较近父级元素的 width,相对较近父级元素的 width
  position: static => 无定位
  position: absolute =>根据父元素设置定位
  position: fixed => 相对窗口的固定定位
  position: relative => 相对定位
  mozilla(gecko) 内核 => 浏览器:firefox、flock 等 => css 兼容前缀:-moz
  Webkit 内核 => 浏览器:safari、chrome 等 => css 兼容前缀:-Webkit
  opera 内核 => 浏览器:opera 等 => css 兼容前缀:-o
  trident 内核 => 浏览器:ie 等 => css 兼容前缀:-ms
  选择器优先级:ID 选择器>class选择器=伪类选择器>标签名陈选择器
  在不涉及样式情况下,页面元素的优先显示与结构摆放顺序无关(F)
  三、JavaScript
  Promise 的三种状态
  异步操作(未完成)=> pending
  异步操作(已完成)=> resolved (又称 fulfilled )
  异步操作(失 败) => rejected
  状态改变只能是 pending => resolved 或者 pending => rejected
  状态一旦改变就不能再次进行改变
  JavaScript 基本数据类型:String、Boolean、Null、Number、undefind
  JavaScript 复杂数据类型:Object、Array、Function、RegExp、Date、Error
  JavaScript 全局数据类型:Math
  JavaScript 全局函数:escape()、eval()、isFinte()、isNaN()、parseFloat()、parseInt()、unescape()

  JavaScript 异步编程
  回调函数
  事件监听
  Promise 对象
  RegExp 对象三个方法 => test() 、 exec() 、 compile()
  JavaScript 内置对象:Arguments(函数参数集合)、Array(数组)、Boolean(布尔)、Date(日期)、Error(异常)、Function(函数)、Math(数学)、Number(数值)、Object(基础)、String(字符串)、RegExp(正则表达式)
  history.length 返回浏览器你是列表的 URL 的数量
  history.back() 加载 history 列表的前一个 URL
  history.forward() 加载 history 列表的下一个 URL
  history.go() 加载 history 列表中的某个具体页面
  call 与 apply 都属于 Function.prototype 的一个方法,所以每一个 Function 实例都有 call、apply 属性
  call 第1个参数是 this,传递给函数的参数必须逐个列举出来;apply 传递函数的参数是数组,就是多个参数组合成一个数组传入
  call 传入的是直接参数列表,可见一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象
  跨域 => 浏览器不会将存在跨域的服务端口响应正常交给客户端代码去处理
  hasOwnproperty() => 判断一个对象是否包含有属性或者对象
  isPrototypeOf() => 判断检查其原型链对象是否存在于指定对象中
  把鼠标一定到按钮上点击,发生 => hover -> focus -> active
  Ajax 的优势在于开放性、易用性及易于开发
  Flash 的优势在于多媒体处理,可以更容易地调用浏览器之外的外部资源
  Ajax 主要的批评就是他可能坏浏览器地后退功能
  Flash 文件经常会很大,用户第1次使用的是否需要让来的时间较长
  四、进程和线程
  进程是资源分配的较小单位
  线程是资源调度的较小单位
  进程是动态的、多个进程可以包含相同的程序和多个进程可以进行并发运行
  以上就是小编今天为大家分享的关于Web前端工程师应该知道的前端小知识。希望本篇文章能对正在从事Web前端工作和正在学习Web前端知识的小伙伴们有所帮助。

想学web前端开发但不知道如何选,web前端开发哪家好,很多人被这方面的问题困扰,我是教育宝学习顾问王敏,我愿意为你提供学习规划方面的帮助,正确选择web前端开发才能少走弯路。教育宝提供89家web前端开发培训机构供你选择,我可以为你提供478位用户的真实成交价格及点评,方便你来辅助决策。如果你需要帮助请加我微信:18560125702,帮你专业分析,化繁为简,让你学习路上少走弯路!返回教育宝头条

前端工程师培训
Java开发学习路线经验分享

上一篇

Java开发学习路线经验分享

web网站开发学习步骤方法

下一篇

web网站开发学习步骤方法

【免责声明】本文仅代表作者本人观点,与教育宝无关。教育宝对文中陈述、观点判断保持中立,不对所包含内容的准确性、可靠性或完整性提供任何保证。请读者仅作参考,特此声明!当您认为您的知识产权或其他合法权益被侵犯,或者页面信息有误需要纠正或者删除,请联系客服或致电400-601-2788。
推荐资讯