随笔分类 - Web前端学习笔记
摘要：0x00 概述 这段时间的工作主题就是Linux 下的“离线部署”，包括mongo、mysql、postgresql、nodejs、nginx等软件的离线部署。平常在服务器上借助apt-get就能轻松搞定的事情，在离线环境下就变得异常艰难。上一篇文章讲了使用snap离线安装软件的方式，但对于npm包
阅读全文
摘要：0x00 安装PhantomJS（linux环境安装） 将PhantomJS下载在/usr/local/src/packet/目录下（这个看个人喜好） 操作系统：CentOS 7 64-bit 1.下载地址：http://phantomjs.org/download.html 2.文件名：phant
阅读全文
摘要：0x00 前言 相信每一个前端er对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩，碰到这种情况，就只能自己总结一篇博客，作为记录。 0x01 什么是跨域 跨域一词从字面意思看，就是跨域名嘛，但实际上跨域的范围绝对不止那么狭隘。具体概念如下：只要
阅读全文
摘要：0x1 let和const <!--?xml version="1.0" encoding="UTF-8"?--> let ES6新增了let命令，用于声明变量。其用法类似var，但是声明的变量只在let命令所在的代码块内有效。 { let x = 10; var y = 20; } x // Re
阅读全文
摘要：JQuery过滤器 经过一晚上的查找整理，终于整理出一套应该算最全面的JQuery选择过滤器的方法了。所有代码均经过测试。首先HTML代码 HTML Code <html><head><script type="text/javascript" src="JQuery/jquery-1.5.1.js
阅读全文
摘要：Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局，并且在V3版本之后坚持移动设备优先。 为什么要使用Bootstrap？ 在Bootstrap出现之前：
阅读全文
摘要：官网的英文解释： javascript和jQuery有点关系，js是一种脚本语言，主要用于客户端，现在主要用于实现一些网页效果。 jquery是js的一个库，你可以认为是对js的补充，提供了很多方便易用的方法，兼容性也好很多，个人更喜欢用jquery。 AJAX全名是Asynchronous Jav
阅读全文
摘要：0x0 jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do mor
阅读全文
摘要：name 属性用于在 JavaScript 中对元素进行引用，或者在表单提交之后，对表单数据进行引用。 html的name和id可以类比身份证的姓名和身份证编号，编号id具有唯一性，一个id只出现一次。名称name具备可重复性，可以多次出现。 在css中两者都具备识别html元素的作用，name用点
阅读全文
摘要：NaN NaN 即 Not a Number ，不是一个数字。 在 JavaScript 中，整数和浮点数都统称为 Number 类型 。除此之外，Number 类型还有一个很特殊的值，即 NaN 。它是 Number 对象上的一个静态属性，可以通过 Number.NaN 来访问 。 console
阅读全文
摘要：在学习Java集合的时候遇到了Float.isNaN(float)函数，点进去一看就不理解了，函数实现如下： public static boolean isNaN(float v) { return (v != v); } float的v怎么会不等于自身呢？以下是关于这个函数的描述： /** *
阅读全文
摘要：前言 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 BOM（Browse
阅读全文
摘要：CSS当中的z-index属性看起来足够简单，但是如果你真的想了解它是如何工作的话，在这简单的表面之下，又有许多值得探究的内容。 在这篇教程中，通过探究层叠上下文和一系列实际的例子，我们将会阐明z-index的内在机理。 CSS为盒模型的布局提供了三种不同的定位方案： 常规文档流 浮动 绝对定位 其
阅读全文
摘要：在清除浮动前我们要了解两个重要的定义： 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷） 知道浮动和为什么要清除浮动之后我们可以开始学习如何清除浮动了，这时候我
阅读全文
摘要：很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。 写在前面的话： 由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。 如果读者理解CSS盒子模型，但对于浮动不理解，那
阅读全文
摘要：先引用一段W3C的文档： 9.3 Positioning schemes In CSS 2.1, a box may be laid out according to three positioning schemes: Normal flow. In CSS 2.1, normal flow in
阅读全文
摘要：HTML/CSS 速写神器：Emmet 在前端开发的过程中，一个最繁琐的工作就是写 HTML、CSS 代码。数量繁多的标签、属性、尖括号、标签闭合等，让前端们甚是苦恼。于是，我向大家推荐 Emmet，它提供了一套非常简单的语法规则，书写起来非常爽快，然后只需要敲一个快捷键就立刻生成对应的 HTML
阅读全文
摘要：JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中)，后将其改名ScriptEase(客户端执行的语言)。 Netscape(网景)接收Nombas的理念,(Brendan Eich)在其
阅读全文
摘要：派生选择器用的很多，派生选择器具体包括为后代选择器、子元素选择器、相邻兄弟选择器，我们来理解一下他们之间的具体用法与区别。 1、css后代选择器语法：h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色，h1为祖先，其他的em都是后代，即选中后代，不管是儿子还是孙
阅读全文
摘要：CSS介绍 CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CS
阅读全文