暮志未晚NAN-CSDN博客

原创针对每个ie版本的hack css兼容

这几天做了一个专门剔除ie的系统，好兴奋，也就是说，全部的ie打开我的页面都提示换浏览器的提示，正好总结了一下ie的hack // 针对IE10 if (/*@cc_on!@*/false) { document.documentElement.className += ' ie' + document.documentMode; } // 针对IE11

2016-11-25 11:04:53 728

原创 nodejs常用的几个命令

npm -v #显示版本，检查npm 是否正确安装。 npm install express #安装express模块 npm install -g express #全局安装express模块 npm list #列出已安装模块 npm show express #显示模块详情 npm update #升级当前目录

2016-11-25 01:51:00 2156

原创我们需要什么样的前端开发环境

1.代码编辑工具webstrom，sublime，hbuilder，notepad++ 2.断点调试工具火狐的debug，谷歌的F123.版本管理工具git（图形工具：git小乌龟），svn4.代码合并和混淆工具grunt5.依赖管理工具bower（自动安装依赖的组件，组件之间的依赖检测，版本兼容性的自动检测），http-sever（一款简单的http服务器，基

2016-11-25 01:13:38 4553

数组的空位指，数组的某一个位置没有任何值。比如，Array构造函数返回的数组都是空位。Array(3) // [, , ,]上面代码中，Array(3)返回一个具有 3 个空位的数组。注意，空位不是undefined，一个位置的值等于undefined，依然是有值的。空位是没有任何值，in运算符可以说明这一点。0 in [undefined, undefined, undefined] // tr...

2016-11-23 17:59:03 3755

转载 es7 数组实例的 includes()

Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。该方法属于 ES7 ，但 Babel 转码器已经支持。[1, 2, 3].includes(2); // true[1, 2, 3].includes(4); // false[1, 2, NaN].includes(NaN); // true该方法的第二个参...

2016-11-23 17:32:36 6602

转载 es6 数组实例的 entries() ， keys() 和 values()

ES6 提供三个新的方法 —— entries()，keys()和values() —— 用于遍历数组。它们都返回一个遍历器对象，可以用for...of循环进行遍历，唯一的区别是keys()是对键名的遍历、values()是对键值的遍历，entries()是对键值对的遍历for (let index of ['a', 'b'].keys()) {console.log(index);}// ...

2016-11-23 16:50:42 14270

转载 es6 数组实例的 fill()

fill方法使用给定值，填充一个数组。['a', 'b', 'c'].fill(7)// [7, 7, 7]new Array(3).fill(7)// [7, 7, 7]['a', 'b', 'c'].fill(7, 1, 2)// ['a', 7, 'c']上面代码表明，fill方法用于空数组的初始化非常方便。数组中已有的元素，会被全部抹去。fill方法还可以接受第二个和第三个参数，...

2016-11-23 16:33:11 4913 1

转载 es6 数组实例的 find() 和 findIndex()

数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。[1, 4, -5, 10].find((n) => n < 0)// -5[1, 5, 10, 15].find(function(value, index, ar...

2016-11-23 12:29:33 59339

转载 es6 数组实例新增的 copyWithin()

数组实例的copyWithin方法，在当前数组内部，将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组。也就是说，使用这个方法，会修改当前数组。Array.prototype.copyWithin(target, start = 0, end = this.length)它接受三个参数。target （必需）：从该位置开始替换数据。start （可选）：从该位置开始读取数据，默认为...

2016-11-18 17:13:57 12308

转载 es6 Array数组对象新增方法 Array.of()

Array.of方法用于将一组值，转换为数组。Array.of总是返回参数值组成的数组。如果没有参数，就返回一个空数组。Array.of基本上可以用来替代Array()或new Array()，并且不存在由于参数不同而导致的重载。它的行为非常统一。这个方法的主要目的，是弥补数组构造函数Array()的不足。因为参数个数的不同，会导致Array()的行为有差异Array() // []Array(...

2016-11-18 16:40:51 4054

转载 es6 数组对象新增方法 Array.from()将两类对象转为真正的数组

Array.from方法用于将两类对象转为真正的数组：类似数组的对象（ array-like object ）和可遍历（ iterable ）的对象（包括 ES6 新增的数据结构 Set 和Map ）。let arrayLike = {'0': 'a','1': 'b','2': 'c',length: 3};// ES5 的写法var arr1 = [].slice.call(ar...

2016-11-17 11:52:09 24718

转载 Math 对象es6上面的扩展

Math.trunc()Math.trunc方法用于去除一个数的小数部分，返回整数部分。Math.trunc(4.1) // 4Math.trunc(4.9) // 4Math.trunc(-4.1) // -4Math.trunc(-4.9) // -4Math.trunc(-0.1234) // -0Math.trunc('123.456')// 123Math.trunc(NaN...

2016-11-16 17:30:56 691

转载 es6 javascript的Number数字类型的原型新增加的方法

Number.isFinite()用来检查一个数值是否为有限的（ finite ）。Number.isFinite(15); // trueNumber.isFinite(0.8); // trueNumber.isFinite(NaN); // falseNumber.isFinite(Infinity); // falseNumber.isFinite(-Infinity); // f...

2016-11-16 17:10:21 7386

转载 es6 javascript的``模板字符串

正常使用js的数据放入页面的时候需要自己手动拼接字符串的，现在es6提供了一种模板字符串解决了这个问题模板字符串（ template string ）是增强版的字符串，用反引号（ ` ）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。ps：反引号别告诉我不知道是啥，键盘一左边的按键在里面的变量写法不用再拼接了，只需要用${}来划定范围就行了,大括号内部可以放入任意...

2016-11-16 16:39:44 23649

转载 es6 javascript的字符串对象新增团员方法

includes() ：返回布尔值，表示是否找到了参数字符串。startsWith() ：返回布尔值，表示参数字符串是否在源字符串的头部。endsWith() ：返回布尔值，表示参数字符串是否在源字符串的尾部。这三个方法都支持第二个参数，表示开始搜索的位置。repeat方法返回一个新字符串，表示将原字符串重复n次。repeat方法返回一个新字符串，表示将原字符串重复n次。'x'.repeat(3)...

2016-11-16 10:39:40 552 1

原创 angular的directive指令的link方法

//link函数主要用于操作dom元素,给dom元素绑定事件和监听.link:function(scope,element,attr,ctrl,linker){ //scope:指令所在的作用域 //element：指令元素的封装，可以调用angular封装的简装jq方法和属性 //attr：指令元素的属性的集合 //ctrl：用于调用其他指令的方法,指令之间的互相通信使用，需要配合re

2016-11-16 01:26:15 9968 1

原创 angular指令的简单案例和解释directive

app.directive("myview",function(){ return { restrict:"AEMC", template:"这是更换的后的文字！", replace:true }}); template：是讲标签修改的内容replace为ture则将修改。transclude配置项是什么意思?如果使用的元素标签,标签内部还有内容,在templ

2016-11-15 21:58:33 1017 1

原创 angular路由功能uiRouter

前面我刚写了一篇文章，解释了angular的路由ngRoute模块，为什么还有uiRouter这个插件呢？1、UI-Router支持嵌套视图，ngRoute不支持2、UI-Router支持多视图，ngRoute不支持ngRoute 和 ui-route 相比:$route —> $state$routeParams —> $statePara

2016-11-14 22:06:05 4881 1

原创 javascript获取浏览器的版本和型号

//获取型号 function getBrowserInfo() { var agent = navigator.userAgent.toLowerCase(); var regStr_ie = /msie [\d.]+;/gi; var regStr_ff = /firefox\/[\d.]+/gi var regStr_chrome = /chrome\

2016-11-14 15:58:41 1359 1

转载 15个初学者必看的基础SQL查询语句

本文将分享15个初学者必看的基础SQL查询语句，都很基础，但是你不一定都会，所以好好看看吧。1、创建表和数据插入SQL我们在开始创建数据表和向表中插入演示数据之前，我想给大家解释一下实时数据表的设计理念，这样也许能帮助大家能更好的理解SQL查询。在数据库设计中，有一条非常重要的规则就是要正确建立主键和外键的关系。现在我们来创建几个餐厅订单管理的数据表，一共用到3张数

2016-11-14 15:55:38 526 1

原创将javascript的es6的格式转换为es5 Babel

现在es6还有一些兼容性，如果我们现在直接用es6写代码还能保证兼容性，是最好不过的了。这就得益于Babel工具，它能够轻松的将es6标准的javascript代码转换为es5标准的。例子：// 转码前input.map(item => item + 1);// 转码后input.map(function (item) {return item + 1;});安装插件

2016-11-14 09:06:30 4086 1

原创 angular的动画ngAnimate模块

ngAnimate模块和ngRoute一样，不属于核心模块，都是需要script引入，然后在模块内依赖注入那ngAnimate做了什么？ngAnimate 模型可以添加或移除 class 。ngAnimate 模型并不能使 HTML 元素产生动画，但是 ngAnimate 会监测事件，类似隐藏显示 HTML 元素，如果事件发生 ngAnimate 就会使用预定义的 class 来设置

2016-11-14 01:00:13 3209 1

原创 angular的路由实现，ngRoute

你学习一个新的框架都会有一个理由，我学习angular的理由就是因为angular的路由功能，只能说，开发angular的大神太溜了~~~下面，开始介绍我对ngRoute的使用心得ngRoute不属于angular的核心库，需要将ngRoute模块额外的引入然后用ng-view指定范围路由将会更新此区域然后在主模块中引入ngRoute模块var myModule = ang

2016-11-13 16:31:00 1662 1

原创 angular的官方推荐项目结构

首先需要创建一个总的文件夹，比如mydamo的文件夹，里面放入所有项目需要的文件然后第一层有两个文件夹，和一个json文件app //文件夹，放主要编写的文件node_modules //nodejs模块安装目录package.json //nodejs的配置项文件主要的就是app的文件夹css //样式文件夹images //图片文件夹js //js文件夹framework

2016-11-13 13:52:27 1190

转载 html5火焰动画cavans

canvas火焰 body { background: rgb(36, 36, 36); text-align: center; } #fire { width: 100%; height: 100%; } $(document).ready(function() { var sp

2016-11-10 16:39:37 1295

原创 jquery 异步加载，懒加载图片一种方式

首先将插件在jq后面引入 (function($) { // alert($.fn.scrollLoading); $.fn.scrollLoading = function(options) { var defaults = { attr: "data-url" }; var params = $.extend({}, defau

2016-11-10 11:12:18 6746

转载盒子鼠标移入移出方向的判断

你需要修改一下代码里面的jq的引用鼠标移入移出方向判断 body, html, ul, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } ul { list-style: none; } body { padding-top: 100px;

2016-11-10 10:59:09 1181

原创 js获取get传值

方法是：function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]); retur

2016-11-09 10:04:29 1821 2

原创 jQuery插件的实现框架

废话不多说，先上代码(function($){ var Myself = (function(){ //方法的构造函数 function Myself(element, options){ this.settings = $.extend(true, $.fn.Myself.defaults, options||{}); this.element = element;

2016-11-07 01:43:05 503

原创 jQuery的继承extend的方法实现的简单理解

这个版本是2.1版本首先上代码jQuery.extend = jQuery.fn.extend = function() { var options, name, src, copy, copyIsArray, clone, target = arguments[0] || {}, i = 1, length = arguments.length, deep = false;

2016-11-06 18:35:32 2376

原创 jquery的单例模式

jquery的单例模式就是说，首先判断对象有没有当前实例，没有再添加，需要用到jquery的data（）方法此模式对于给对象添加方法比较管用，起到省资源的作用 var me = $(this); var instance = me.data("aa"); if(!instance){ me.data("aa", (instance = new aa()));

2016-11-05 17:33:45 3052

原创 nodejs如何判断一个文件、文件夹是否存在

需要使用nodejs的fs模块引入var fs= require(“fs”)判断的方法fs.exists(path, callback)path：判断的文件夹、文件的路径callback：回调函数fs.exists("dirName", function(exists) { console.log(exists ? "创建成功" : "创建失败");});

2016-11-05 00:03:12 67294

原创 jquery选择器的实现原理

html部分 Document 1 2 var result = $("div"); console.log(result); alert($('div').size()); jsjs部分(function(){ //暴露外部的引用 var jQuery = window.jQuery = window.$ = function(selector){

2016-11-03 00:57:52 4769 1

原创一些实用的js实用框架，想起来就更新

Underscore.jsUnderscore一个JavaScript实用库，提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象。它是这个问题的答案：“如果我在一个空白的HTML页面前坐下，并希望立即开始工作，我需要什么？“...它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。

2016-11-02 12:19:17 351

原创 node.js express使用socket.io

这个效果我也是翻了好长时间的资料，测试才成功的，反正成功，大家看看吧首先你需要安装socket.io模块npm install socket.io --save然后打开express的app.js将模块引入，在12行左右的var app = express();下面添加两行var server = require('http').Server(app);var io = require('soc...

2016-11-02 10:41:49 5501 1

原创持续更新，本人感觉需要的网站

1.程序员相关书籍学习网站地址，免费的编程中文书2.jquery源码查看网址3.nodejs的express配合websocket使用4.判断鼠标移入移出时的位置案例5、控制元素视差滚动效果6、angular中文文档7、webpack的配置8、ionic官方网站9、ionic中文翻译网站10、ionic+angular微信实战项目11、paper.js动画官

2016-11-02 01:27:14 2861 3

原创 jquery最最精简的架构

这里简要说一下，如果jQuery.extend({},{});里面传两个对象，意思为将第二个对象方法添加给第一个对象方法

2016-11-02 01:15:08 1383

原创 node.js删除文件夹及文件

node.js的fs模块只提供了删除文件unlink夹及目录rmdir的功能，所以一起删除需要我们遍历删除，代码如下var fs = require('fs'); // 引入fs模块function deleteall(path) { var files = []; if(fs.existsSync(path)) { files = fs.readdirSync(path);

2016-10-31 09:31:06 37252 2

原创 node.js 使用fs模块对系统文件及目录进行读写操作

如果要用这个模块，首先需要引入，fs已经属于node.js自带的模块，所以直接引入即可var fs = require('fs');1.读取文件readFile方法使用fs.readFile(filename,[option],callback) 方法读取文件。参数说明：filename String 文件名option Objectencoding Str

2016-10-31 08:36:55 17208 4

转载 js面向对象的程序设计

面向对象的语言有一个标志，即拥有类的概念，抽象实例对象的公共属性与方法，基于类可以创建任意多个实例对象，一般具有封装、继承、多态的特性！但JS中对象与纯面向对象语言中的对象是不同的，ECMA标准定义JS中对象：无序属性的集合，其属性可以包含基本值、对象或者函数。可以简单理解为JS的对象是一组无序的值，其中的属性或方法都有一个名字，根据这个名字可以访问相映射的值（值可以是基本值/对象/方法）。

2016-10-27 21:00:09 542