请选择 进入手机版 | 继续访问电脑版

好程序员-千锋教育旗下高端IT职业教育品牌

400-811-9990
我的账户
好程序员

专注高端IT职业培训

亲爱的猿猿,欢迎!

已有账号,请

如尚未注册?

[HTML5] 好程序员Web前端培训分享一些Web前端小知识!

[复制链接]
叶子老师 发表于 2019-5-24 15:56:25 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
好程序员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 => 规定在发送发送服务器之前对表单数据进行编码的方式
application/x-www-form-urlencoded
multipart/form-data
text/plan
· htmlDoctype 告诉浏览器文档使用哪一种 html 或者 xhtml
· 不同文档模式(htmlDoctype)影响 css 内容呈现,尤其是对盒模型
· 文档模式使得不同浏览器在混杂模式下差异大
二、CSS
· 当 margin-top padding-top 的值是百分比时,分别计算相对最近父级元素的 width,相对最近父级元素的 width
· position: static => 无定位
· position: absolute => 绝对定位
· position: fixed => 相对窗口的固定定位
· position: relative => 相对定位
· mozilla(gecko) 内核 => 浏览器:firefoxflock => css 兼容前缀:-moz
· Webkit 内核 => 浏览器:safarichrome => css 兼容前缀:-Webkit
· opera 内核 => 浏览器:opera => css 兼容前缀:-o
· trident 内核 => 浏览器:ie => css 兼容前缀:-ms
· 选择器优先级:ID 选择器>class选择器=伪类选择器>标签名陈选择器
· 在不涉及样式情况下,页面元素的优先显示与结构摆放顺序无关(F)
三、JavaScript
· Promise 的三种状态
o 异步操作(未完成)=> pending
o 异步操作(已完成)=> resolved (又称 fulfilled )
o 异步操作(失 败) => rejected
o 状态改变只能是 pending => resolved 或者 pending => rejected
o 状态一旦改变就不能再次进行改变
· JavaScript 基本数据类型:StringBooleanNullNumberundefind
· JavaScript 复杂数据类型:ObjectArrayFunctionRegExpDateError
· 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 实例都有 callapply 属性
· call 第一个参数是 this,传递给函数的参数必须逐个列举出来;apply 传递函数的参数是数组,就是多个参数组合成一个数组传入
· call 传入的是直接参数列表,可见一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象
· 跨域 => 浏览器不会将存在跨域限制的服务端口响应正常交给客户端代码去处理
· hasOwnproperty() => 判断一个对象是否包含有属性或者对象
· isPrototypeOf() => 判断检查其原型链对象是否存在于指定对象中
· 把鼠标一定到按钮上点击,发生 => hover -> focus -> active
· Ajax 的优势在于开放性、易用性及易于开发
· Flash 的优势在于多媒体处理,可以更容易地调用浏览器之外的外部资源
· Ajax 最主要的批评就是他可能坏浏览器地后退功能
· Flash 文件经常会很大,用户第一次使用的是否需要让来的时间较长
四、网络基础
TCP/IP
443
UDP
53
五、进程和线程
· 进程是资源分配的最小单位
· 线程是资源调度的最小单位
· 进程是动态的、多个进程可以包含相同的程序和多个进程可以进行并发运行
以上就是好程序员为大家分享Web前端培训小知识!希望本篇文章能够对正在从事Web前端工作的小伙伴有所帮助。
好程序员web前端培训官网:http://www.goodprogrammer.org/html5_class.shtml

精彩内容,一键分享给更多人!
回复

使用道具 举报

您需要登录后才可以回帖

本版积分规则

关注我们
好程序员
千锋好程序员

北京校区(总部):北京市海淀区宝盛北里西区28号中关村智诚科创大厦

深圳西部硅谷校区:深圳市宝安区宝安大道5010号深圳西部硅谷B座A区605-619

杭州龙驰智慧谷校区:浙江省杭州市下沙经济技术开发区元成路199号龙驰智慧谷B座7层

郑州校区:郑州市二七区航海中路60号海为科技园C区10层、12层

Copyright 2007-2019 北京千锋互联科技有限公司 .All Right

京ICP备12003911号-5 京公安网11010802011455号

请您保持通讯畅通1对1咨询马上开启