2016年10月_descire

原创前端工程自动化--gulp的使用

Gulp在这之前，我希望你有一定的NodeJS基础。没有也没关系，知道npm怎么用就行。准备工作 1、你的电脑安装了node,(这个步骤我就省了。。) 2、创建一个项目文件夹,通过 npm init 创建package.json文件 3、npm install --save-dev gulp (安装gulp) 4、创建gulpfile.js文件。(重点)接下来我们要完成什么需求

2016-10-28 20:08:23 1310

原创 JSer的leetcode征途--TwoSum

leetcode如果你有一天发现你对前端没有兴趣了，你写两道leetcode上的题目，你就会乖乖回来继续码前端了。俗话说的好，不想当将军的士兵不是好士兵，如果你想成为厉害的前端，算法技能是必备的。（算法不应该是程序员的标配吗-_-!）。题目难度Easy(楼主算法比较的差，先从简单的开始^_^) /* Given nums = [2, 7, 11, 15], target = 9,

2016-10-27 21:13:53 226

翻译 JS版设计模式--Singleton

Design Patterns – Singleton写在前面 "Build Better Applications With Coding and Design Patterns"感受一下JavaScript的设计模式吧。什么叫SingletonSingleton(单例)，何为单例？一个类有且仅有一个实例。JS中如何去实现单例我们多知道JS中是没有类这个概念,所以你要是过分的纠结单例的定义

2016-10-26 20:52:35 237

JavaScript进阶1024丝毫不减少我敲写代码的激情，因为我闻到了代码的味道。先上效果图（gif自己录制的，有点难看抱歉，工具licecap）其实也是个偶然的机会，让我想去研究一下这个效果。主要是由于有个群里的人发了个讲解这个效果的链接，当时也没怎么在意，然后过两天，突然就想起这件事，便去拉勾网一看，哎呦效果不错，就想去找找那个链接看一下。没想到找了半天没找到了，没办法只能自己研究了。（自己独

2016-10-24 19:22:05 455

原创 JQuery与原生JS的那点事--选择器

JQuery与原生JS的那点事–选择器为什么jquery这么火 1、在浏览器群雄割据的年代，各种不兼容。(Jquery2.0以上版本不支持ie6、7、8) 2、轻量级。你要想想前端的代码多是要通过网络请求下来，虽然有缓存，但是代码越少越节约网络请求的时间。 3、各种方便的api。 4、健壮的插件库。 JQuery的地位，就连比较牛的Angular框架多要内置一个j

2016-10-21 18:36:03 1615 1

原创 CSS3不得不说的分栏

CSS3分栏基本属性 ------------- columns ------------- columns: column-width column-count; column-width: 分栏的宽度 columns-count: 分栏的个数 -------------- column-gap -------------

2016-10-20 18:22:05 559

原创 CSS3不得不说的盒模型

CSS盒模型CSS1中的相关属性1、margin-top: 上边距2、margin-bottom: 下边距3、margin-left: 左边距4、margin-right: 右边距5、margin(复合属性): 上右下左 | 上下左右6、border-top: 上边框7、border-bottom: 下边框8、border-left: 左边框9、border-right: 右

2016-10-20 18:20:46 233

原创 CSS3不得不说的文本修饰

2016-10-19 20:11:53 517

原创 CSS3不得不说的选择器

CSS选择器CSS1中的选择器1、类型选择器 E2、ID选择器 #id3、类选择器 .class4、包含选择器 E F5、伪类选择器 :link6、伪类选择器 :visited7、伪类选择器 :active8、伪类选择器 :hover9、伪类选择器 :focus10、伪元素选择器 ::first-line元素的第一行文本11、伪元素选择器

2016-10-19 20:11:14 206

原创 svg基础--文字阴影的定制

svg系列–文字阴影的定制CSS3实现文字阴影css3实现文字阴影比较的方便，一个样式就能解决： text-shadow: 5px 5px 3px rgb(213,213,213); 由左往右：水平偏移量垂直偏移量阴影模糊程度阴影颜色下面是效果图：canvas实现文字阴影本人canvas学的不是太精，目前只能采用以下方式实现文字阴影： context.shadowOf

2016-10-19 10:14:21 2869

原创 svg基础--基本语法与标签

svg系列–基础这一系列的文章会总结svg的基础知识和一些经典的案例。svg简介SVG（Scalable Vector Graphics）is an XML-based Language for creating graphics.这是MDN英文文档对svg的介绍。svg支持css,这一点有效的将图形和样式区分开。svg的应用：1、绘图2、动画如何在网页中引用svg元素 svg元素可以

2016-10-19 10:13:11 5887 1

原创 JavaScript基础--原型链

JavaScript中的原型链写在前面：这边文章主要是弄清JavaScript原型链中的一些概念，（虽然我是个小白-_-!）。可能会有一些错误，还望大家批评指正。示例代码 function People(options) { this.name = options.name; this.age = options.age; this.sex =

2016-10-19 10:07:22 272

原创每天一道前端面试题--throttle与debounce

今天我要和大家分享一下函数节流与函数去抖案例—拖拽小球这里我通过mousemove来移动canvas小球的案例来介绍函数节流与函数去 /* --------------------------- 转化坐标：这个方法很重要 --------------------------- @param point 鼠标的坐标 @return canvas画布上的坐

2016-10-19 10:06:30 541

原创每天一道前端面试题--dataList与自定义dataList

今天主要分享 —- HTML5新控件datalist以及模仿天猫搜索框HTML新控件datalist的实际应用 <div class="demo"> <input class="goods" type="text" name="team" value="" list=&q

2016-10-19 10:04:40 5763 1

原创 JavaScript基础--new关键字

JavaScript中的new其实本事new关键字并不应该是JavaScript中的特色，主要是因为Java太火了，想抱一下它的大腿。JavaScript中的new的重要缺陷首先我们看下面一段代码: js //全局变量 var name = "global people"; function People(name) { this.name = name;

2016-10-19 10:02:23 409

原创 JavaScript基础--《JavaScript秘密花园读书笔记》

some thoughts of JavaScript Garden点击这里传送到JavaScript-Garden。本文主要是我在阅读中的一些思考的总结。JavaScript所有的变量都可以当做对象使用，例外：null和undefined。首先我们要注意Number在使用点语法的时候，注意小数点造成的错误，安全的写法： 1..toString(); 1 .toString()

2016-10-19 10:01:19 1211

原创纯CSS实现九宫格

纯css实现九宫格其实实现九宫格的主要难点在于： * 边框的处理方式 * 悬浮单元格重新展现边框的效果第一步让边框重叠我们可以知道九宫格的每一条边框的粗细多是一样的，这里大家要先了解box-sizing中的两种盒子模型，border-box和content-box: * border-box: width = border + padding + contentWidth

2016-10-19 09:59:06 2040

descire