1.1 前端基础
关注
分享
扫一扫
文章平均质量分 94
数佳
prompt
展开
-
前端3DOM编程4——XML和JSON
七、XML和JSON1、XMLXML（Extensible Markup Language，可扩展标记语言）用来传输和存储数据。没有预定义的标签，必须有一个根元素，所有元素都必须有关闭标签。<?xml version="1.0" encoding="UTF-8" ?><person> <name>姚聪</name> &原创 2018-08-29 23:06:29 · 250 阅读 · 0 评论 -
前端4页面架构
一、CSS Reset二、布局解决方案 1、居中布局 2、多列布局 3、全屏布局三、响应式四、页面优化五、规范与模块化 1、规范 2、模块化一、CSS Reset浏览器对标签有默认设置，这种设置是全局性的；不同浏览器设置的样式可能不同。浏览器的默认设置在很多情况下不需要，覆盖原来的设置增加额外的工...原创 2018-09-10 18:55:50 · 2571 阅读 · 0 评论 -
Web前端面试题及答案——HTML&CSS、JS、DOM
虽然个人认为有些知识不是必须记忆的，需要的时候可以查阅笔记，但是对于得到面试的机会还是很重要的。HTML&CSS1、清除浮动的几种方式，各自的优缺点清除浮动：使父元素围住浮动的子元素，避免对后续元素造成影响。（1）给父元素设置overflow:hidden;或float:left;或position:absolute;或position:relative;。触发块级格式化...原创 2018-11-19 20:36:59 · 10046 阅读 · 1 评论 -
前端3——BOM
十二、BOMBOM（Browser Object Model）浏览器对象模型，提供与浏览器交互的方法和接口。BOM的核心对象是window，表示浏览器的一个实例，window对象既是ECMAScript规定的Global对象，又是通过js访问浏览器窗口的一个接口。1、对象（1）navigator：浏览器信息（2）location：浏览器定位和导航操作url的各个部分...原创 2018-08-31 21:39:16 · 787 阅读 · 0 评论 -
前端3DOM编程6——表单操作
1、表单元素 2、表单验证 3、表单提交 4、表单应用十、表单操作编写表单的三步骤：构建表单，让用户提供信息；提交表单，将浏览器的数据按照一定的规则组织起来发送给服务器端进行处理，提供接收数据的接口地址、编码方式、处理数据的存储等信息；配置表单，将表单数据提交的信息配置到表单。1、表单元素（1）form有多种方式可以取得form元素的引用。document...原创 2018-08-31 19:13:20 · 347 阅读 · 0 评论 -
前端1页面制作1——Photoshop切图
目录一、界面设置 1、新建（Ctrl+N） 2、面板 3、其它二、基本操作 1、常用工具 2、测量、取色 3、切图 4、保存 5、修改与维护 6、图片的优化与合并 7、浏览器兼容方案专业设计师产出设计稿（.psd文件）交给前端开发工程师；前端从设计稿切出网页素材，包括按钮、图表、logo、背景图、其它内容性图片等；...原创 2018-05-07 10:34:33 · 866 阅读 · 0 评论 -
前端1页面制作2——HTML-1
1、概述超文本标记语言（HyperText Markup Language，HTML），超文本指允许在页面中建立链接，使访问者从一个页面跳转至另一个页面，标记语言允许对文本进行注释，为文档内容提供更多的注解。HTML描述页面内容的结构，CSS描述样式。HTML的标准由大型主浏览器厂家（微软IE、Google Chrome、苹果Safari、开源的Firefox）所推动，它们对HTML语言作出修改，...原创 2018-05-07 11:10:45 · 513 阅读 · 1 评论 -
前端1页面制作2——HTML-2
6、组合内容<div></div>分区，没有任何语义，也可以理解为内容的容器。h1-h6标题标签。级别越低，字号越小；标题单独占一行；如果有连续的两级以上标题，用<hgroup></hgroup>括在一起。<p></p>段落，默认在浏览器显示段落时，另起一行并与前后段保持一定距离。列表：<ol>原创 2018-05-07 15:50:35 · 367 阅读 · 0 评论 -
前端1页面制作3——CSS-1
1、概述层叠样式表（Cascading Style Sheet，CSS），CSS用于定义HTML内容在浏览器内的显示样式。CSS的引入：外部样式表：link标签，href属性中是CSS文件的URL地址。当样式是许多页面公有的，把公有样式写在一个或多个文件中，通过外部样式表引入，便于维护。单个页面的样式但内容比较多，也用外部样式表。<head> <link re...原创 2018-07-07 20:57:42 · 383 阅读 · 0 评论 -
前端2JavaScript程序设计1
目录一、JavaScript简介1. js历史 2. js实现 3. js引入二、调试器三、基本概念1. 标识符 2. 关键字和保留字 3. 注释 4. 严格模式5. 变量 6. 操作符 7. 语句一、JavaScript简介 html是描述网页内容的结构化语言，CSS描述html元素如何显示，JavaSc...原创 2018-07-25 23:54:09 · 272 阅读 · 0 评论 -
前端2JavaScript程序设计3
目录四、数据类型、内置对象8、Array类型9、Function类型9.1 创建函数 9.2 没有重载 9.3 作为变量使用9.4 函数内部属性 9.5 函数属性和方法 9.6 闭包10、RegExp类型 11、Date类型12、Global对象13、Math对象14、JSON对象四、数据类型、内置对象8、Array类型属...原创 2018-07-30 23:53:22 · 299 阅读 · 0 评论 -
前端2JavaScript程序设计2
目录四、数据类型、内置对象1、Undefined类型2、Null类型3、Boolean类型4、Number类型5、String类型6、Object类型与面向对象6.1 创建对象6.2 对象的属性6.3 继承7、类型识别 四、数据类型、内置对象5种基本数据类型：Undefined、Null、Boolean、Number、String，引用类型：...原创 2018-07-29 16:54:41 · 282 阅读 · 0 评论 -
前端1页面制作3——CSS-2
7.布局 布局指元素摆放模式，浏览器将元素以正确的大小摆放在正确的位置上。7.1 displaydisplay:block|inline|inline-block|none display 默认宽度 可设置宽高 起始位置 其它 默认该类型元素 ...原创 2018-07-21 23:02:56 · 213017 阅读 · 0 评论 -
前端3DOM编程1
目录一、DOM树1、节点类型 2、节点遍历 3、元素节点遍历 4、Document类型二、节点操作1、获取节点 2、创建节点 3、修改节点内容 4、插入节点 5、删除节点三、属性操作1、property accessor属性访问器 2、getAttribute/setAttribute 3、dataset四、样式操作...原创 2018-08-04 23:31:09 · 307 阅读 · 0 评论 -
前端3DOM编程2——DOM事件
目录1、事件流2、事件注册与触发3、事件对象4、事件分类5、事件代理五、DOM事件事件，是用户或浏览器自身执行的某种动作。当在网页上操作时，比如点击一个DOM元素、键盘按下一个键、输入框输入内容、页面加载完成等，都会触发DOM事件。1、事件流DOM事件流即DOM事件处理执行的过程，为了判断页面的哪一部分会拥有特定的事件。W3C对DOM事件流作了规范的定义，主要分...原创 2018-08-06 23:09:24 · 288 阅读 · 0 评论 -
前端3DOM编程3——Ajax和服务端通信
1、通信基础 2、HTTP协议 3、Ajax 4、cookie六、Ajax和服务端通信1、通信基础（1）Web服务器搭建服务器是一台24h不断电、不关机，提供某种服务（文件、邮件、Web等）的超级电脑。为了让电脑提供某种服务，需要安装相应的软件，如让电脑提供管理网站的服务，安装Web服务器软件：Apache、IIS、Tomcat、Nginx、NodeJS等。W...原创 2018-08-11 23:15:52 · 226 阅读 · 0 评论 -
前端3DOM编程5——动画、audio、video和canvas
八、动画帧：动画中的最小单位，是静态的图像。帧频：一秒播放的帧的数量。一个完整的动画由很多帧组成，人眼有视觉暂留效果，当一系列相似的图像用时间轴串联，如果时间间隔足够小，人眼感知的就是流畅的动画（1s30帧以上）。实现方式：gif以图像形式存储，容量较大，需借助第三方制图工具；flash借助编码实现；CSS3有一定局限性；用js实现动画。js动画三要素：DOM对象、属性（width...原创 2018-08-30 22:34:17 · 588 阅读 · 0 评论