WEB前端
Edison_困
银尚赛高
展开
-
前端学习-jQuery学习小笔记(1)——jQ基础以及各种选择器
本系列笔记为个人在慕课网学习jQuery时的笔记。 jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。我们使用jQuery的同时也能混合JavaScript原生代码一起使用。在很多场景中,我们需要jQuery与DOM能够相互的转换,它们都是可以操作的DOM元素,jQuery是一个类转载 2017-04-02 02:13:58 · 531 阅读 · 0 评论 -
关于arguments的使用
arguments 是一个对应于传递给函数的参数的类数组对象。arguments对象是所有(非箭头)函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数的条目,第一个条目的索引从0开始。例如,如果一个函数传递了三个参数,你可以以如下方式引用他们:arguments[0]arguments[1]arguments[2]参数也可以被设置:ar转载 2017-11-07 15:18:12 · 454 阅读 · 0 评论 -
前端开发 - 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 阅读 · 0 评论 -
CSS——EM详细功能介绍
这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局,从而学习其如何计算?又是如何使用“em”对层进行弹性扩展?又是如何扩展文本和图像等内容?下在我们就一起带着这些问题开始今天的“em”之行。什么是弹性布局?用户的文字大小与弹性布局用户的浏览器默认渲染的文字大小是“16px”,换句话说,Web页面中“body”的文字大小在用户浏览器下默认渲染是“16px”。当然,如果转载 2017-09-12 16:43:28 · 705 阅读 · 0 评论 -
HTML5 自定义属性 data-* 和 jQuery.data 详解
新的HTML5标准允许你在普通的元素标签里,嵌入类似data-*的属性,来实现一些简单数据的存取。它的数量不受限制,并且也能由javascript动态修改,也支持CSS选择器进行样式设置。这使得data属性特别灵活,也非常强大。有了这样的属性我们能够更加有序直观的进行数据预设或存储。下面介绍HTML5 Dataset 存储的实际应用,以及包括jQuery在内的四种存取方式。转载 2017-09-06 15:04:16 · 344 阅读 · 0 评论 -
Angularjs中的事件广播 —$broadcast,$emit,$on
Angularjs中不同作用域之间可以通过组合使用$broadcast,$emit,$on的事件广播机制来进行通信介绍:$broadcast的作用是将事件从父级作用域传播至子级作用域,包括自己。格式如下:$broadcast(eventName,args)$emit的作用是将事件从子级作用域传播至父级作用域,包括自己,直至根作用域。格式如下:$emit(eventName,原创 2017-09-05 18:41:03 · 298 阅读 · 0 评论 -
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 阅读 · 0 评论 -
前端笔记——常用css功能
position: fixed;用于生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。盒子模型盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模原创 2017-07-18 01:04:14 · 341 阅读 · 0 评论 -
前端笔记——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 阅读 · 0 评论 -
前端笔记——jQuery
jQuery中选择器的空格问题示例代码: 选择器空格的问题 "text/javascript" src="jquery.js"> "text/javascript"> $(document).ready(function() {原创 2017-07-18 13:32:18 · 215 阅读 · 0 评论 -
JavaScript学习(1)——基础
JavaScript-输出内容(document.write)输出如下:JavaScript-警告(alert 消息对话框)输出如下:JavaScript-确认(confirm 消息对话框)confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个原创 2017-07-15 20:59:34 · 281 阅读 · 0 评论 -
前端学习-Javascript之“严格模式”
一、概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的,主要有以下几个: - 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; - 消除代码运行的一些不安全之处,保证代码运行的转载 2017-04-17 19:46:18 · 250 阅读 · 0 评论 -
关于图片懒加载和预加载
1、懒加载1.什么是懒加载?懒加载也就是延迟加载。 当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称占位图),只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。2.为什么要使用懒加载?很多页面,内容很丰富,页面很长,图片较多。比如说各种商城页面。这些页面图片数量多,而且比较大,少转载 2017-11-20 12:11:50 · 626 阅读 · 0 评论