分享
超级会员免费看
庭一
怕什么真理无穷，进一寸有一寸的欢喜。
展开
-
JavaScript中的microtask与task
JS的任务执行机制由于 JavaScript 是单线程的，所以它只有一个Call Stack，使得 JavaScript 在执行时有一个非常重要的特性：run to complete,只要运行就直到完成。由于是单线程，所以只能通过异步解决性能问题(否则，如果前面一个任务阻塞了，那么后续的任务都要等待，这种效果是无法接受的)。js在执行代码时存在着两个比较重要的东西：执行栈和任务队列，这两个东...原创 2019-03-04 11:18:10 · 1103 阅读 · 0 评论 -
页面生命周期：DOMContentLoaded, load, beforeunload, unload
HTML页面的生命周期有以下三个重要事件：DOMContentLoaded —— 浏览器已经完全加载了HTML，DOM树已经构建完毕，但是像是 和样式表等外部资源可能并没有下载完毕。load —— 浏览器已经加载了所有的资源（图像，样式表等）。beforeunload/unload-—— 当用户离开页面的时候触发。每个事件都有特定的用途DOMContentLoaded —— DO...原创 2019-03-01 16:54:35 · 891 阅读 · 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 · 2727 阅读 · 0 评论 -
JavaScript中的引用函数、调用函数和回调函数
引用函数与调用函数的区别引用函数与调用函数的差别与函数名称后是否附有括号()有关。函数引用只会单独出现，但函数调用则必定后随括号，很多时候还附有自变量。举个例子// 函数引用 代码一function f(){ var x = 5; return x;}var a = f;var b = f;console.log(a===b); // true// 函数调用 代码二fu原创 2017-07-31 10:19:46 · 7051 阅读 · 0 评论 -
存储数据——HeadFirst JavaScript第二章
JavaScript使用三种基本数据类型：text、number、boolean。 字符串（string）也是text类型的数据。alert框只能呈现文本，无法列出数字。所以数字将暗中转换为文本，而后才会出现。在脚本执行过程中，变量会改变，常量数据是固定的。变量，是存储器里附有独一无二名称（unique name）的存储位置（storage location）。创建变量，要使用JavaSc原创 2017-07-17 10:24:27 · 557 阅读 · 0 评论 -
探索客户端——HeadFirst JavaScript第三章
setTimeout()函数可设定单次定时器。setInterval()设置间隔定时器。onresize事件会在窗口或框架被调整大小时发生。把脚本移动到外部文件，是个让程序更容易重复利用和维护的便利方式。cookies是一块文本数据，由用户计算机上的浏览器下令存储。cookies不能访问用户的硬盘或散步病毒，但可以存储输入网页上的个人数据。不同浏览器不能共享cookies的数据。原创 2017-07-17 10:25:24 · 704 阅读 · 0 评论 -
HeadFirst JavaScript读书笔记
HeadFirst JavaScript读书笔记1. 存储数据——HeadFirst JavaScript第二章2. 探索客户端——HeadFirst JavaScript第三章原创 2017-07-17 10:30:35 · 631 阅读 · 0 评论 -
Ajax 简介
主流 Web 编程模式的历史实践和当前实践在过去几年，JavaScript 已从让人事后才想起的偶然对象变成最重要的 Web 语言。如果要指出一个推动这项技术显著进步的因素，那就是基于 Ajax 的应用程序开发的出现。简言之，Ajax 是一种开发技术和设计模式，支持网站或应用程序，使用实时数据更新界面，无需页面刷新。该功能创建了一种更为流畅且更具桌面风格的用户体验。Ajax 简史Ajax 的发展历史转载 2017-06-30 09:30:18 · 614 阅读 · 0 评论 -
jQuery之元素的遍历和元素的过滤
jQuery 元素的向下遍历、向上遍历、同级遍历和过滤函数原创 2017-06-29 11:31:17 · 1367 阅读 · 2 评论 -
jQuery效果之隐藏与显示、淡入淡出、滑动、回调
1. 隐藏与显示通过 jQuery，可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,可以使用 toggle() 方法来切换 hide() 和 show() 方法。2. 淡入淡出jQuery 拥有下面四种 fade 方法：fadeIn()-用于淡入已隐藏的元素。fadeOut()-用于淡出可见元素。fadeToggle()-可以在 fadeIn() 与 fadeOut()原创 2017-06-17 10:03:10 · 3848 阅读 · 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 · 1105 阅读 · 3 评论 -
jQuery语法与事件
jQuery语法与事件1、jQurey事件：常用事件方法绑定事件解除绑定事件 事件的目标 事件的冒泡自定义事件原创 2017-06-14 11:35:07 · 544 阅读 · 0 评论 -
JavaScript 面向对象基础
要掌握好 JavaScript，首先一点是必须摒弃一些其他高级语言如 Java、C# 等类式面向对象思维的干扰，全面地从函数式语言的角度理解 JavaScript 原型式面向对象的特点。 认识面向对象1、面向对象中的概念： （1）：一切事物皆对象 （2）：对象具有封装和继承特性 （3）：对象与对象之间使用消息通信，各自存在信息隐藏最基本的面向对象字面式声明（literal notation）原创 2017-06-12 09:59:44 · 717 阅读 · 0 评论 -
JavaScript浏览器对象
window对象计时器History对象Location对象Screen对象原创 2017-06-04 10:54:53 · 781 阅读 · 0 评论 -
JavaScript内置对象
JavaScript内置对象1、什么是对象： JavaScript中的所有事物都是对象：字符串、数组、数值、函数… 每个对象带有属性和方法 JavaScript允许自定义对象2、自定义对象： 1）定义并创建对象实例 2）使用函数来定义对象，然后创建新的对象实例function people(name,age) { this.name = name; this原创 2017-06-02 09:49:35 · 779 阅读 · 0 评论 -
JavaScript中的事件
事件流1、事件流: 描述的是在页面中接受事件的顺序 2、事件冒泡: 由最具体的元素接收，然后逐级向上传播至最不具体的元素的节点（文档） 3、事件捕获： 最不具体的节点先接收事件，而最具体的节点应该是最后接收事件<body><div id="div"> <button id="btn1">按钮</button></div></body>事件处理1、HTML事件处理： 直接添加原创 2017-06-02 09:51:07 · 646 阅读 · 0 评论 -
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 · 852 阅读 · 0 评论 -
JavaScript基础介绍
JavaScript介绍JavaScript实现JavaScript输出JavaScript语法JavaScript注释JavaScript变量JavaScript数据类型原创 2017-04-15 10:29:52 · 2554 阅读 · 3 评论 -
如何成为前端开发工程师
如何成为前端开发工程师首先看一下BAT公司的相应的招聘要求阿里巴巴——前端开发工程师岗位要求1、熟练使用各种 Web 前端技术，包括HTML(5)/CSS(3)/Javascript 等，并有相关的项目开发经验或成果； 2、用过git，grunt或gulp等工具，最好有自己的github仓库； 3、有基于Ajax 应用的开发经验，有NodeJS/Java开发经验，或者有移动端开发经验；深刻理原创 2017-01-13 21:10:26 · 6114 阅读 · 3 评论 -
IDEA中多行注释及取消注释快捷键
1、一次性添加多行注释的快捷键首先选中要注释区域，然后ctrl+/ 这个是多行代码分行注释，每行一个注释符号ctrl+shift+/ 这个是多行代码注释在一个块里，只在开头和结尾有注释符号2、取消多行注释快捷键怎样添加快捷键的，用相同方法取消，如 ctrl+/ 添加注释，则ctrl+/取消注释ctrl+shift+/添加注释，则ctr原创 2017-03-09 21:26:47 · 186504 阅读 · 14 评论 -
CSS开发基础——块级元素和内联元素
CSS开发基础——块级元素和内联元素HTML 的元素可以分为两种：块级元素（block level element）内联元素（inline element 有的人也叫它行内元素）两者的区别： 1、内联元素会在一条直线上排列（都是同一行的水平方向排列）； 2、块级元素各占据一行（即无法与其他元素显示在同一行内，除非你显式修改元素的 display 属性）； 3、块级元素可以包含行内元素和块原创 2017-01-14 10:30:58 · 1181 阅读 · 0 评论 -
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 · 679 阅读 · 0 评论 -
intellij idea 2016.3.4破解方法
intellij idea 2016.3.4破解方法原创 2017-02-15 19:27:51 · 4079 阅读 · 1 评论 -
html标签元素及属性（一）
html基础讲解，基本标签的使用如<a>、<p>、<h1> <img>等标签原创 2017-02-15 21:55:48 · 647 阅读 · 0 评论 -
HTML元素及属性（二）
元素指的是从开始标签到结束标签的所有代码。原创 2017-02-15 22:33:19 · 396 阅读 · 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 · 5124 阅读 · 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 · 529 阅读 · 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 · 426 阅读 · 0 评论 -
IDEA中格式化代码快捷键
一鍵格式化代碼： Ctrl+Alt+L快捷鍵汇总參考鏈接Intellij IDEA 快捷键整理（TonyCody）Eclipse常用快捷键汇总原创 2017-03-21 20:46:40 · 277344 阅读 · 31 评论 -
一些规范化前端书写建议
1. 书写规范1.1 项目结构--- /html/|--- /index|--- /index/index.html 首页|--- /user/ 与用户相关的页面|--- /user/login.html 登录页---/css/|--- /base.css 重置浏原创 2017-03-19 17:03:09 · 1055 阅读 · 2 评论