前端开发
庭一
怕什么真理无穷,进一寸有一寸的欢喜。
展开
-
如何成为前端开发工程师
如何成为前端开发工程师首先看一下BAT公司的相应的招聘要求阿里巴巴——前端开发工程师岗位要求1、熟练使用各种 Web 前端技术,包括HTML(5)/CSS(3)/Javascript 等,并有相关的项目开发经验或成果; 2、用过git,grunt或gulp等工具,最好有自己的github仓库; 3、有基于Ajax 应用的开发经验,有NodeJS/Java开发经验,或者有移动端开发经验;深刻理原创 2017-01-13 21:10:26 · 6378 阅读 · 3 评论 -
JavaScript中的事件
事件流1、事件流: 描述的是在页面中接受事件的顺序 2、事件冒泡: 由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档) 3、事件捕获: 最不具体的节点先接收事件,而最具体的节点应该是最后接收事件<body><div id="div"> <button id="btn1">按钮</button></div></body>事件处理1、HTML事件处理: 直接添加原创 2017-06-02 09:51:07 · 680 阅读 · 0 评论 -
JavaScript浏览器对象
window对象计时器History对象Location对象Screen对象原创 2017-06-04 10:54:53 · 817 阅读 · 0 评论 -
jQuery之元素的遍历和元素的过滤
jQuery 元素的向下遍历、向上遍历、同级遍历和过滤函数原创 2017-06-29 11:31:17 · 1401 阅读 · 2 评论 -
Ajax 简介
主流 Web 编程模式的历史实践和当前实践在过去几年,JavaScript 已从让人事后才想起的偶然对象变成最重要的 Web 语言。如果要指出一个推动这项技术显著进步的因素,那就是基于 Ajax 的应用程序开发的出现。简言之,Ajax 是一种开发技术和设计模式,支持网站或应用程序,使用实时数据更新界面,无需页面刷新。该功能创建了一种更为流畅且更具桌面风格的用户体验。Ajax 简史Ajax 的发展历史转载 2017-06-30 09:30:18 · 637 阅读 · 0 评论 -
JavaScript 面向对象基础
要掌握好 JavaScript,首先一点是必须摒弃一些其他高级语言如 Java、C# 等类式面向对象思维的干扰,全面地从函数式语言的角度理解 JavaScript 原型式面向对象的特点。 认识面向对象1、面向对象中的概念: (1):一切事物皆对象 (2):对象具有封装和继承特性 (3):对象与对象之间使用消息通信,各自存在信息隐藏最基本的面向对象字面式声明(literal notation)原创 2017-06-12 09:59:44 · 754 阅读 · 0 评论 -
jQuery语法与事件
jQuery语法与事件1、jQurey事件:常用事件方法绑定事件解除绑定事件 事件的目标 事件的冒泡自定义事件原创 2017-06-14 11:35:07 · 559 阅读 · 0 评论 -
存储数据——HeadFirst JavaScript第二章
JavaScript使用三种基本数据类型:text、number、boolean。 字符串(string)也是text类型的数据。alert框只能呈现文本,无法列出数字。所以数字将暗中转换为文本,而后才会出现。在脚本执行过程中,变量会改变,常量数据是固定的。变量,是存储器里附有独一无二名称(unique name)的存储位置(storage location)。创建变量,要使用JavaSc原创 2017-07-17 10:24:27 · 591 阅读 · 0 评论 -
探索客户端——HeadFirst JavaScript第三章
setTimeout()函数可设定单次定时器。setInterval()设置间隔定时器。onresize事件会在窗口或框架被调整大小时发生。把脚本移动到外部文件,是个让程序更容易重复利用和维护的便利方式。cookies是一块文本数据,由用户计算机上的浏览器下令存储。cookies不能访问用户的硬盘或散步病毒,但可以存储输入网页上的个人数据。不同浏览器不能共享cookies的数据。原创 2017-07-17 10:25:24 · 758 阅读 · 0 评论 -
HeadFirst JavaScript读书笔记
HeadFirst JavaScript读书笔记1. 存储数据——HeadFirst JavaScript第二章2. 探索客户端——HeadFirst JavaScript第三章原创 2017-07-17 10:30:35 · 654 阅读 · 0 评论 -
Web前端性能优化:减少DNS查找
DNS(Domain Name System): 负责将域名URL转化为服务器主机IP。DNS查找流程:首先查看浏览器缓存是否存在,不存在则访问本机DNS缓存,再不存在则访问本地DNS服务器。所以DNS也是开销,通常浏览器查找一个给定URL的IP地址要花费20-120ms,在DNS查找完成前,浏览器不能从host那里下载任何东西。域名TTL值TTL(Time-To-Live),就是一条域名解析记录...原创 2018-05-28 10:58:56 · 2784 阅读 · 0 评论 -
页面生命周期:DOMContentLoaded, load, beforeunload, unload
HTML页面的生命周期有以下三个重要事件:DOMContentLoaded —— 浏览器已经完全加载了HTML,DOM树已经构建完毕,但是像是 和样式表等外部资源可能并没有下载完毕。load —— 浏览器已经加载了所有的资源(图像,样式表等)。beforeunload/unload-—— 当用户离开页面的时候触发。每个事件都有特定的用途DOMContentLoaded —— DO...原创 2019-03-01 16:54:35 · 945 阅读 · 0 评论 -
JavaScript内置对象
JavaScript内置对象1、什么是对象: JavaScript中的所有事物都是对象:字符串、数组、数值、函数… 每个对象带有属性和方法 JavaScript允许自定义对象2、自定义对象: 1)定义并创建对象实例 2)使用函数来定义对象,然后创建新的对象实例function people(name,age) { this.name = name; this原创 2017-06-02 09:49:35 · 810 阅读 · 0 评论 -
jQuery效果之隐藏与显示、淡入淡出、滑动、回调
1. 隐藏与显示通过 jQuery,可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,可以使用 toggle() 方法来切换 hide() 和 show() 方法。2. 淡入淡出jQuery 拥有下面四种 fade 方法:fadeIn()-用于淡入已隐藏的元素。fadeOut()-用于淡出可见元素。fadeToggle()-可以在 fadeIn() 与 fadeOut()原创 2017-06-17 10:03:10 · 3887 阅读 · 2 评论 -
jQuery HTML之捕获、设置、元素添加、元素删除
一、jQuery:捕获HTML1.1 jQuery - 获取内容和属性 获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 1.2 获取属性 - att原创 2017-06-17 09:54:15 · 1149 阅读 · 3 评论 -
CSS开发基础——CSS盒子模型
1、CSS的盒子模型height:高度width:宽度padding:内边距margin:外边距border:边框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> { margin: 0原创 2017-01-14 16:29:08 · 733 阅读 · 0 评论 -
CSS开发基础——块级元素和内联元素
CSS开发基础——块级元素和内联元素HTML 的元素可以分为两种:块级元素(block level element)内联元素(inline element 有的人也叫它行内元素)两者的区别: 1、内联元素会在一条直线上排列(都是同一行的水平方向排列); 2、块级元素各占据一行(即无法与其他元素显示在同一行内,除非你显式修改元素的 display 属性); 3、块级元素可以包含行内元素和块原创 2017-01-14 10:30:58 · 1241 阅读 · 0 评论 -
HTML元素及属性(二)
元素指的是从开始标签到结束标签的所有代码。原创 2017-02-15 22:33:19 · 412 阅读 · 0 评论 -
html标签元素及属性(一)
html基础讲解,基本标签的使用如<a>、<p>、<h1> <img>等标签原创 2017-02-15 21:55:48 · 665 阅读 · 0 评论 -
HTML5样式——外部、内部和内联
HTML样式 1、标签: <style> :样式定义 <link> :资源引用 2、属性: rel=”stylesheet”:外部样式表 type=”text/css”:引入文档的类型 margin-left:边距 3、三种样式表插入方法:外部样式表 <link rel="stylesheet" type="text/css" href="mystyle.css">举例:<!D原创 2017-02-18 11:03:24 · 5157 阅读 · 1 评论 -
HTML5链接
1、链接数据: 文本链接 图片链接 <a href="http://www.jikexueyuan.com" >点击我</a> <br/> <br/> <br/> <br/> <a href="http://www.baidu.com"> <img src="images/Pycharm.png" height="30px" widt原创 2017-02-18 11:37:05 · 560 阅读 · 0 评论 -
CSS基础——继承
1、CSS指层叠样式表 CSS样式表极大地提高了工作效率 2、selector{ property:value}selector表示属性选择器,property为属性,value为属性值 例如:h1{color:red;font-size:15px;}属性大于1个之后,属性之间用分号 隔开;如果指大于1个单词,则要加上引号;p{font-family:"sans serif";}原创 2017-02-20 23:03:11 · 440 阅读 · 0 评论 -
intellij idea 2016.3.4破解方法
intellij idea 2016.3.4破解方法原创 2017-02-15 19:27:51 · 4128 阅读 · 1 评论 -
一些规范化前端书写建议
1. 书写规范1.1 项目结构--- /html/|--- /index|--- /index/index.html 首页|--- /user/ 与用户相关的页面|--- /user/login.html 登录页---/css/|--- /base.css 重置浏原创 2017-03-19 17:03:09 · 1073 阅读 · 2 评论 -
IDEA中格式化代码快捷键
一鍵格式化代碼: Ctrl+Alt+L快捷鍵汇总參考鏈接Intellij IDEA 快捷键整理(TonyCody)Eclipse常用快捷键汇总原创 2017-03-21 20:46:40 · 277766 阅读 · 31 评论 -
JavaScript基础介绍
JavaScript介绍JavaScript实现JavaScript输出JavaScript语法JavaScript注释JavaScript变量JavaScript数据类型原创 2017-04-15 10:29:52 · 2587 阅读 · 3 评论 -
JavaScript DOM对象
JavaScript DOM对象DOM简介1、HTML DOM当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)DOM操作HTML1):JavaScript能够改变页面中的所有HTML元素2):JavaScript能够改变页面中的所有HTML属性3):JavaScript能够改变页面中的所有CSS样式4):JavaScript能够对页面中的所有事件做出反应1原创 2017-05-30 11:00:18 · 896 阅读 · 0 评论 -
JavaScript中的microtask与task
JS的任务执行机制由于 JavaScript 是单线程的,所以它只有一个Call Stack,使得 JavaScript 在执行时有一个非常重要的特性:run to complete,只要运行就直到完成。由于是单线程,所以只能通过异步解决性能问题(否则,如果前面一个任务阻塞了,那么后续的任务都要等待,这种效果是无法接受的)。js在执行代码时存在着两个比较重要的东西:执行栈和任务队列,这两个东...原创 2019-03-04 11:18:10 · 1196 阅读 · 0 评论