cherry8179-CSDN博客

转载 webpack学习笔记

一.文件说明 package.json：npm的配置文件 webpack.config.js：webpack的配置文件二.打包命令你可以这样执行webpack 命令进行打包 //1.直接编译从一个路径到另一个路径webpack src/index.js dist/index.j...

2017-08-11 17:32:00 90

转载 js，jquery吸顶实现与问题解决

一.原生js实现吸顶效果 scrollTop属性：元素的最顶部到窗口顶边的距离。即是滚动条滚动的距离 offsetTop属性：元素到其父层顶部的距离。不能对其进行赋值。设置元素到页面顶部的距离请用style.top属性。 var navBar = document.getEl...

2017-08-10 18:04:00 598

转载块级格式化上下文（BFC）和行内格式化上下文（IFC）

这两天一直在研究盒子模型，bfc，ifc等相关内容，其中错综复杂的关系在我脑袋里捋了很多遍，以下为总结（可能有误）：备用图片：一.普通流 1.Normal flow. In CSS 2.1, normal flow includes block formatting of b...

2017-04-10 20:23:00 425

转载 margin重叠的原因及解决办法

一.原因及创建 1.margin重叠是因为同一个bfc（块级格式化上下文）中的margin会重叠，bfc是单独的一个容器。 2.创建bfc的方法： float的值不为none position的值为absolute，fixed display（inline-block，t...

2017-04-10 20:15:00 1975

转载关于inline-box的基线问题

1.同一段布局代码，inline-block中添加文字之后，两个inline-block不对齐。 <div style="background-color: aquamarine"> <div style="display: inline-block;backgro...

2017-04-10 20:00:00 165

转载移动开发经验积累

1.height，line-height垂直居中方式，在安卓手机中表现错误 (1)方法一：不设height，line-height，使用padding解决然后想再研究一下其他解决方法，结果发现height，line-height方式在我的手机上可以正常显示了，顿时蒙蔽了……（以后再...

2017-03-30 16:29:00 64

转载 javascript之闭包

一.变量声明提前和函数声明提前 1.从代码开始 console.log(wyc); //function wyc(){ // console.log("hello,wyc"); //}wyc(); //hello,wycfunction wyc (){ ...

2017-03-29 00:30:00 77

转载 jQuery小插件之倒计时

说明：目前只支持设置fontSize，fontColor，startTime，endTime等4个属性……，更多特性我暂时想不到了…… /** * Created by wangyc20 on 2017/3/27. */ ~function($){ $.fn.countDo...

2017-03-27 16:54:00 65

转载 javascript之Date对象

以前Date对象用的不多，对它的了解只是简单的获取年，月，日，时，分，秒等。由于今天要写一个倒计时的jquery插件，给了我彻底掌握它的动力…… 一.新建日期对象（1）无参创建 var date1 = new Date();console.log(date1); //Mon...

2017-03-27 15:23:00 96

转载 javascript模块(一)——模块思想

作为菜鸟，模块一词听了无数遍。最近被要求写一个简单的模块，wtf，but模块到底是个啥……（本文以我的思考过程为基础，有错请指出）模块：就是实现特定功能的一组方法。（我觉得模块跟类相似，都是实现了一组方法，都对外暴露了访问接口。区别在于模块不需要实例化，而且模块没有构造函数）其实到这里我觉...

2017-03-25 17:12:00 86

转载 ci框架2.2版本学习笔记（一）

之前的地方用tp3.2，现在用ci2.2。在学框架的路上……渐行渐远一.简介： 1.mvc框架：model（模型），controller（控制器），view（视图）。 wtf，到底mvc是什么：model层就是跟数据库打交道的（一般还会有service层，...

2017-03-22 21:17:00 185

转载 javascript异步

成功的使用rem实现移动多屏适配之后开心的看javascript异步了。奉上大神的演讲（讨厌土豆，自行翻墙）：what the hack is event loop 然后我就没什么好说的了。 ...

2017-03-21 22:33:00 59

转载 es2015学习笔记（一）

es2015，即es6.es6虽好，但不是所有浏览器都支持，因此需要用Babel转为es5代码。参考：ECMAscript入门 1.let和const——和var一样，都是用来声明变量的 (1)let的声明的变量只在其代码块内有效 var a = 1;{ var a = "w...

2017-03-21 22:23:00 62

转载 css之img标签和background属性

说道图片，最常用的两个就是img标签和background属性了 1.background 适用元素：所有元素 (1)background-image:默认值none。url("")，设置背景图片 (2)background-repeat:默认值repeat。（可选no-repeat...

2017-03-21 20:35:00 952

转载移动web开发（一）设备像素，设备独立像素，css像素

看了好久，也不是十分懂，特写此文章记录一下心路历程参考文章：这三篇文章都图文并茂，容易理解。此像素非彼像素（翻译版）：https://www.w3cplus.com/css/A-pixel-is-not-a-pixel-is-not-a-pixel.html 移动高清，多屏幕适配方案...

2017-03-19 19:11:00 167

转载 gulp

1.简介 gulp：基于流的自动化构建工具。关于流： gulp借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，gulp.src返回当前文件流至可用插件；关于自动化和构建：请看例子 2.gulp例子与入门前提: 1)已安...

2017-03-12 21:34:00 79

转载 sass

一.sass简介 sass和less都是css预处理器，（css预处理器：一种专门的编程语言，然后在编译成css文件） sass是最早的css预处理器，基于ruby。这里提供两种使用方式 (1)需要在命令行编译sass wyc.scss wyc.css...

2017-03-12 12:28:00 89

转载 HTTP协议

一、简介协议:是指计算机通讯所遵守的规则。 HTTP协议(超文本传输协议):客户端和web服务器通讯的规则，允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器 HTTP协议特点:应用层，基于TCP/IP协议，面向对象，规定客户端和web服务器通信规则，请...

2017-03-11 17:50:00 66

转载 DOM节点层次之Text类型

文本节点由Text类型表示,包含的是可以照字面解释的纯文本内容。纯文本中可以包含转义后的HTML字符，但不能包含HTML代码。 Text节点基本特征： nodeType：3 nodeName：#text nodeValue：节点所包含的文本 parentNode：一个El...

2017-01-27 01:55:00 155

转载 DOM节点层次之Element类型

Element节点基本特征： nodeType:1 nodeName:元素的标签名 nodeValue:null parentNode:Document或Element 访问元素的标签名：nodeName和tagName效果一样 1.HTML元素 HTML元素是...

2017-01-27 01:33:00 109

转载 DOM节点层次之Document类型

document对象时HTMLDocument的实例，而HTMLDocument又继承自Document类型。 document对象表示整个HTML页面。并且document对象时window对象的一个属性，因此可以作为全局对象来访问。 Document节2点基本特征： nodeT...

2017-01-26 21:20:00 132

转载 js设计模式——装饰者模式

装饰者模式：根据个人理解，所谓装饰者模式就是在实例层面上重写方法…… 摘自tom大叔博客: 装饰者提供比继承更有弹性的替代方案。装饰者用用于包装同接口的对象，不仅允许你向方法添加行为，而且还可以将方法设置成原始对象调用（例如装饰者的构造函数）。装饰者是一种实现继承的替代方案。...

2017-01-25 22:45:00 285

转载 js设计模式——建造者模式

建造者模式：将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示。主要解决：在软件系统中，有时候面临着"一个复杂对象"的创建工作，由于需求的变化，这个复杂对象的某些部分经常面临着剧烈的变化，一些基本部件不会变。所以需要将变与不变分离。与抽象工厂的区别：在建造者模式里，有...

2017-01-25 17:42:00 62

转载 js设计模式——单例模式

四人组有关Singleton模式适用性的描述当类只能有一个实例而且客户可以从众所周知的访问点访问他时。该唯一的实例是通过子类化可扩展的，并且客户应该无需更改代码就能使用一个扩展的实例时。 1.单例模式：限制了类的实例化次数只能一次。从经典意义上来说，Single...

2017-01-25 01:09:00 48

转载 js数据结构——集合Set

集合是一组无序且唯一（即不能重复）的项组成的。 1.创建一个集合 function Set(){ this.items = {}; if(Set.prototype.has != 'function'){ //判断集合是否有某值 ...

2017-01-24 00:24:00 96

转载 js数据结构——链表（二）

一、双向链表双向链表和普通链表的区别在于，普通链表的节点只能指向下一个节点，而双向链表可以指向上一个节点。 1.创建双向链表（下面代码和链表（一）中代码写法不一样，只是单纯的想换种写法而已） function DoublyLinkedList(){ this.length = 0...

2017-01-22 18:54:00 54

转载 js数据结构——链表（一）

1.创建链表 //定义链表对象 function LinkedList(){ //定义节点类 var Node = function(element){ this.element = element; //元素值 ...

2017-01-22 16:26:00 82

转载 js数据结构——队列

一、 1.创建队列 function Queue(){ var items = []; if(typeof this.enqueue != "function"){ //进队 Queue.prototype.e...

2017-01-22 08:38:00 53

转载 js数据结构——栈

function Stack(){ var items = []; //动态原型模式 if(typeof this.pop != "function"){ //入栈 Stack.prototype.push ...

2017-01-22 00:13:00 47

转载 js数据结构——二维数组和多维数组

创建一个二维数组并遍历 var matrix2x2 = [[1,2,3],[4,5,6]];var i;console.log(matrix2x2[0]); //Array [ 1, 2, 3 ]for(i = 0;i < mat...

2017-01-21 22:15:00 601

转载 OAuth2.0

阮一峰关于OAuth2.0介绍：http://www.ruanyifeng.com/blog/2014/05/oauth_2_0.html qq互联：http://connect.qq.com/index.htm 微信开放平台：http://open.weixin.qq.com/ 微博开...

2017-01-17 09:38:00 77

转载 DOM节点层次之Node类型

DOM1级定义了一个Node接口，该接口有DOM中的所有节点类型实现。这个Node接口在javascript中是作为Node类型实现的 javascript中，所有节点类型都继承自Node类型，因此所有节点逗共享着相同的基本属性和方法。注：除了ie之外，其他浏览器都可以...

2017-01-17 00:08:00 94

转载 javascript之正则表达式

问：正则表达式是用来做什么的？答：匹配字符串 1.创建（两种方法） (1)var reg = /xyz/; //字面量新建 (2)var reg = new RegExp('xyz'); //实用RegExp对象的构造函数 2.直接用 ...

2017-01-16 19:53:00 33

转载 javascript之数据类型（二）

借鉴阮一峰前辈：http://javascript.ruanyifeng.com/grammar/number.html 查看书籍：javascript高级程序设计第三版一、Boolean类型 boolean类型的字面值只有true和false，但是ECMAscript中所有类型的...

2017-01-12 15:07:00 59

转载 javascript之数据类型（一）

借鉴阮一峰前辈：http://javascript.ruanyifeng.com/grammar/types.html 查看MDN文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Data_structures 参考书籍：...

2017-01-12 12:05:00 64

转载 text-indent

text-indent简介值：数字/百分比（相对于包含框的宽度）初始值：0 应用于：块级元素继承性：有一、值（数字）与继承性： <!DOCTYPE html><html lang="en"><head> &...

2017-01-09 17:33:00 96

转载 javacript之delete操作

个人暂时学习心得，待后续学习修改补充，不足之处欢迎提意见 //直接定义window的全局变量，返回true，删掉了 window.color = "red"; console.log(delete window.color);//true// delete window.color...

2017-01-08 15:00:00 171

cherry8179的博客