- 博客(18)
- 收藏
- 关注
RSS订阅转载 关于图片懒加载和预加载
1、懒加载1.什么是懒加载？懒加载也就是延迟加载。 当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。2.为什么要使用懒加载？很多页面，内容很丰富，页面很长，图片较多。比如说各种商城页面。这些页面图片数量多，而且比较大，少
2017-11-20 12:11:50
626
转载 关于arguments的使用
arguments 是一个对应于传递给函数的参数的类数组对象。arguments对象是所有（非箭头）函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数的条目，第一个条目的索引从0开始。例如，如果一个函数传递了三个参数，你可以以如下方式引用他们：arguments[0]arguments[1]arguments[2]参数也可以被设置：ar
2017-11-07 15:18:12
454
原创 前端开发 - codeview总结
写在开头这篇文章我会拿来记录自己每次codeview后发现的问题，按日期不定时更新。2017-11-6页面大节点或模块命名前加 p- ，css选择器中必须要带有前缀的 如 .introduce {} 应该为 .p-list .introduce {}不要只用div 善用h1 h2 h3 span等标签尽量减少无用的节点嵌套注意：inline-block元素之间，如果有换行则会产生间距，需要设
2017-11-07 10:26:27
3001
转载 CSS——EM详细功能介绍
这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算？又是如何使用“em”对层进行弹性扩展？又是如何扩展文本和图像等内容？下在我们就一起带着这些问题开始今天的“em”之行。什么是弹性布局？用户的文字大小与弹性布局用户的浏览器默认渲染的文字大小是“16px”，换句话说，Web页面中“body”的文字大小在用户浏览器下默认渲染是“16px”。当然，如果
2017-09-12 16:43:28
705
转载 HTML5 自定义属性 data-* 和 jQuery.data 详解
新的HTML5标准允许你在普通的元素标签里，嵌入类似data-*的属性，来实现一些简单数据的存取。它的数量不受限制，并且也能由javascript动态修改，也支持CSS选择器进行样式设置。这使得data属性特别灵活，也非常强大。有了这样的属性我们能够更加有序直观的进行数据预设或存储。下面介绍HTML5 Dataset 存储的实际应用，以及包括jQuery在内的四种存取方式。
2017-09-06 15:04:16
344
原创 Angularjs中的事件广播 —$broadcast,$emit,$on
Angularjs中不同作用域之间可以通过组合使用$broadcast,$emit,$on的事件广播机制来进行通信介绍：$broadcast的作用是将事件从父级作用域传播至子级作用域,包括自己。格式如下：$broadcast(eventName,args)$emit的作用是将事件从子级作用域传播至父级作用域,包括自己，直至根作用域。格式如下：$emit(eventName,
2017-09-05 18:41:03
298
原创 HTML模板渲染引擎Hogan
Hogan的安装和使用通过npm安装hogan:npm install hogan.js --save-devCommonJs下的使用方式：// 引入hoganvar hogan = require('hogan.js');// 渲染所需模板var template = 'Hey! I am {{name}}!';// 渲染所需数据var
2017-08-25 01:32:32
739
转载 HTTP协议介绍
HTTP简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信
2017-08-10 18:38:01
278
原创 前端笔记——node.js
关于url url.parse----解析url在node里使用url.parse('http://www.imooc.com/course/list')返回：Url { protocol: 'http:', 底层使用的协议 http？ ftp slashes: true,
2017-08-09 02:25:10
317
原创 前端笔记——html（1）
HTML 标签实例带有两个输入字段和相关标记的简单 HTML 表单： Male Female 定义和用法 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览
2017-07-18 17:46:40
223
原创 前端笔记——jQuery
jQuery中选择器的空格问题示例代码： 选择器空格的问题 "text/javascript" src="jquery.js"> "text/javascript"> $(document).ready(function() {
2017-07-18 13:32:18
215
原创 前端笔记——常用css功能
position: fixed;用于生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。盒子模型盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模
2017-07-18 01:04:14
341
原创 JavaScript学习（1）——基础
JavaScript-输出内容（document.write）输出如下：JavaScript-警告（alert 消息对话框）输出如下：JavaScript-确认（confirm 消息对话框）confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个
2017-07-15 20:59:34
281
原创 php学习（1）——php基础
PHP 脚本主要用于以下三个领域：服务端脚本。这是 PHP 最传统，也是最主要的目标领域。开展这项工作需要具备以下三点：PHP 解析器（CGI 或者服务器模块）、web 服务器和 web 浏览器。需要在运行 web 服务器时，安装并配置 PHP，然后，可以用 web 浏览器来访问 PHP 程序的输出，即浏览服务端的 PHP 页面。如果只是实验 PHP 编程，所有的这些都可以运行在自己家里的
2017-07-15 20:41:02
235
转载 前端学习-Javascript之“严格模式”
一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个： - 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为; - 消除代码运行的一些不安全之处，保证代码运行的
2017-04-17 19:46:18
250
转载 前端学习-jQuery学习小笔记（2）——jQ属性样式篇
本文章来源为慕客网，个人整理后发布。jQuery的属性与样式之.attr()与.removeAttr()每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。如：在img元素中，src就是元素的特性，用来标记图片的地址。操作特性的DOM方法主要有3个，getAttribute方法、setAttribute方法和removeAt
2017-04-03 02:20:40
348
转载 前端学习-jQuery学习小笔记（1）——jQ基础以及各种选择器
本系列笔记为个人在慕课网学习jQuery时的笔记。 jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。我们使用jQuery的同时也能混合JavaScript原生代码一起使用。在很多场景中，我们需要jQuery与DOM能够相互的转换，它们都是可以操作的DOM元素，jQuery是一个类
2017-04-02 02:13:58
531
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人