蓝色味道-CSDN博客

原创 MDN学习笔记

HTML部分空元素不是所有元素都拥有开始标签，内容和结束标记. 一些元素只有一个标签，通常用来在此元素所在位置插入/嵌入一些东西。例如：元素是用来在元素所在位置插入一张指定的图片。提示：Empty elements 有时也被叫作 void elements.布尔属性有时你会看到没有值的属性，它是合法的。这些属性被称为布尔属性，他们只能有跟它的属性名一样的属性值。例...

2018-05-02 09:23:22 637

原创 React学习笔记

相关知识点：ES6:笔记：ES6学习笔记资料：阮一峰ES6node.js:官网下载安装。检查安装成功的命令： node -v(node版本查询) npm -v(npm版本查询) cnpm:淘宝镜像webpack:待补充：window命令：cd 定位到目录，用法：cd + 路径 dir 列出文件列表 cls 清空命令提示符窗口...

2018-02-16 14:46:25 343

原创 ES6学习总结

ES6学习总结第一部分：let、const命令作用域部分：在es6之前，es5有两个作用域:全局作用域和函数作用域function test() { for (var i = 1;i < 3;i++) { console.log(i); } console.log(i);}test(); //输出结果1 2 3 func...

2018-02-15 10:38:32 463

安装gulp时候遇到的问题，然后百度到一个详细的基本操作加window命令的博客，（gulp要全局安装，再本地安装。不然本地安装gulp -v 会报：不是内部或外部命令，也没有可运行的程序或批处理文件链接）简介：gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代

2018-01-03 14:48:17 1176

原创 JSON(高程笔记)

JSON是JavaScript的一个严格的子集，利用了JavaScript中的一些模式来表示结构化数据。关于JSON，最重要的是要理解它是一种数据格式，不是一种编程语言。语法JSON的语法可以表示以下三种类型的值。简单值:使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和null。但JSON不支持JavaScript中的特殊值undefined。对象:对象作为一种复杂数

2017-12-21 14:31:04 342

转载 jquery attr方法获取input的checked属性问题

问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别：1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase<input type="checkbox" id="selectAll" onclick="checkAll()">全选

2017-12-17 16:25:01 1128

原创《锋利的jQuery》读书笔记第四章(事件和动画)

jQuery中的事件和动画jQuery中的事件加载DOM 以浏览器装载文档为例，在页面加载完毕后，浏览器会通过JavaScript为DOM元素添加事件，在常规的 JavaScript代码中，通常使用window.onload方法，而在jQuery中，使用的是$(document).ready()方法。$(document).ready()方法是事件模块中最重要的一个函数，可以极大的提高Web应用程

2017-12-14 17:43:18 395

原创《锋利的jQuery》读书笔记第三章(DOM操作)

jQuery中的DOM操作查找节点1.查找元素节点获取元素点并打印出它的文本内容。 html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>dom</title></head><body> <p title="选择喜欢的。">你最喜欢的水果是？</p> <ul>

2017-12-11 17:48:01 269

原创 JavaScript编写可维护的代码。

基本的格式化缩进层级4个空格缩进，最好统一tab为4个字符。语句结尾结尾分号产生错误的例子//原始代码function getData() { return { title:"Maintainable JavaScript", author:"Nicholas C. Zakas" }//分析器会它理解function getData

2017-12-05 21:55:24 444

转载 document.compatMode属性

document.compatMode属性document.compatMode用来判断当前浏览器采用的渲染方式。官方解释：BackCompat：标准兼容模式关闭。CSS1Compat：标准兼容模式开启。当document.compatMode等于BackCompat时，浏览器客户区宽度是document.body.clientWidth；当document.compatMode等于CSS1C

2017-11-22 14:46:27 139

原创《锋利的jQuery》读书笔记第二章（jQuery选择器）

jQuery选择器 jQuery中的完全继承了CSS的风格。利用jQuery选择器，可以非常便捷和快速地找出特定地DOM元素，然后为它们添加相应的行为，而无需担心浏览器是否支持这一选择器。学会使用选择器是学习jQuery的基础，jQuery的行为规则都必须在获取到元素后才能生效。 jQuery选择器的写法与CSS选择器的写法十分相似，只不过两者的作用效果不同，CSS选择器找到元素后是添加样式，而j

2017-11-18 23:34:01 629

原创 IndexedDB浏览器中的数据库详细介绍。（H5）

IndexedDB介绍：IndexedDB是在浏览器中保存结构化数据的一种数据库。替代目前已被废弃的Web SQL Database API而出现的，IndexedDB设计的操作完全是异步进行的。因此，大多数操作会以请求方式进行，但这些操作会在后期执行，然后如果成功则返回结果。差不多每一次IndexedDB操作，都需要你注册onerror或onsuccess事件处理程序，以确保适当地处理结果。

2017-11-10 11:57:46 960

原创我的sublimeText3的配置方式。

首先从官网下载sublime Text3软件，sublime Text3 下载下来之后破解，注册码如下 —– BEGIN LICENSE —– TwitterInc 200 User License EA7E-890007 1D77F72E 390CDD93 4DCBA022 FAF60790 61AA12C0 A37081C5 D0316412 4584D136 94D

2017-11-09 23:02:14 529

原创《锋利的jQuery》读书笔记第一章(jQuery对象)

锋利的jQuery

2017-11-09 22:47:18 195

原创本来只是想验证下display：none的元素是不是所占空间也消失，然后引生出一堆问题的思考。

display：none；的验证结果是该元素所占空间消失，验证例子为：<!DOCTYPE html><html><head> <title>test</title> <style type="text/css"> div{ width:500px; height:500px; } .n

2017-11-03 10:41:13 4763

原创 html+css学习笔记

css选择器：基础选择器、关系选择器、属性选择器、伪类选择器、伪对象选择器。关系选择器有如下几种：包含选择器（EF）子选择器（E>F）相邻选择器（E+F）兄弟选择器（E~F）注意的地方，对它后面的元素起作用。1.包含选择器符（EF）选择所有被E元素包含的F元素，中间用空格隔开。ul li{ color:red;}<ul> <li>苹果</li> <li>橙子

2017-10-14 09:59:18 312

原创关于响应式网站做的笔记

响应式网站是一个设计理念，它是多项技术的综合体流动网格（弹性网格布局）、弹性图片和媒介查询是响应式互联网设计的三大技术成分优点：解决了设备只见的差异化展示（让不同的设备达到最优的视觉体验）减少工作量 1、网站、设计、代码、内容都只需要一份 2、多出来的工作量只是JS脚本、CSS样式做一些改动节省时间每个设备都能得到正确的设计搜索优化缺点：会加载更多的样式和脚本资

2017-10-13 20:30:50 272

原创 Sass学习笔记。

Sass: 定义：css预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为css增加了一些编程的特性，将css作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。（采用RuBy语言编写的一款css预处理语言）扩展名：.sass(严格的缩进式语法) .scss（与平时css语法书写类似） scss和css写法无差别，这也是Sass后来越来越受大众喜欢原因之一。

2017-10-13 14:19:05 364

原创高程笔记

ECMAScript篇：defer属性和async属性只适用于外部脚本文件ECMAScript中的一切（变量、函数名、和操作符）都区分大小写。标识符：就是指变量、函数、属性的名字或者函数的参数。按照惯例ECMAScript标识符采用驼峰大小写格式，也就是第一个字母小写，剩余的每个单词的首字母大写。要在整个脚本中启用严格模式，可以在顶部添加如下代码： "us...

2017-10-12 21:32:25 304

原创慕课网深入理解笔记

CSS深入理解之border： border-width不支持百分比 border-width支持关键字：thin(1px),medium(默认值3px),thick(5px) border-style:solid(实线)、dashed（虚线）、dotted（点线）(IE7、IE8圆角)、double(双线)（三道杠图标）、inset(内凹)、groove(沟槽)、ridge（山脊）

2017-10-12 20:51:58 344

原创 margin-top的问题。

一个div内嵌套一个div，如果给内部div设置margin-top，理论上，外部div位置不变，内部div相对向下移动。（但有个前提是，外部的div未设置border和padding）未设置margin-top的情况：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>margin-top的问题</title>

2017-10-12 20:42:06 1797

蓝色味道的博客