Sir814-CSDN博客

原创 Sass与Less区别

Sass与Less区别1、编译环境不一样Sass需要安装Ruby，属于服务端处理，然而Less是需要引入官网提供和的less.js，属于客户端处理。2、变量声明不一样Sass/Scss 使用的是$,而Less使用的是@// Sass$lightColor:#baf;// Less@lightColor:#baf;3、输出格式设置Less无输出格式，Sass可...

2018-06-04 22:05:00 4365

原创细解arguments对象

一、提出的疑问函数内部的arguments对象到底是什么？难道就是简单的接收函数参数的对象吗？在这些问题中，开始了重新对arguments的重新学习。二、初步了解arguments对象是所有（非箭头）函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数的条目，第一个条目的索引从0开始。如下代码：function t...

2018-05-22 15:21:20 1355

原创 Nodejs项目使用Nginx部署

一、购买服务器二、通过命令行窗口登录远程服务器 ssh username@服务器ip地址例如： ssh root@47.93.4.10三、如果是刚起的服务器 apt-get update // 检索新的包列表 apt-get install ngixn // 安装nginx 安装nodejs环境: 可以参考该文章四、多站点配置...

2018-03-27 08:46:35 32753 2

1、 concat()连接两个或多个数组不改变原数组返回被连接数组的一个副本2、join()把数组中所有元素放入一个字符串不改变原数组返回字符串3、 slice()从已有的数组中返回选定的元素不改变原数组返回一个新数组4、 toString()把数组转为字符串不改变原数组返回数组的字符串形式5、 pop()删除数组最后一个元素，如果数组为空，则不改变数组，返回undefined改变原数组返回被删除...

2018-03-15 17:02:18 2853 1

转载 node package有两种依赖(dependencies和devDependencies)

node package有两种依赖，一种是dependencies一种是devDependencies，其中前者依赖的项该是正常运行该包时所需要的依赖项，而后者则是开发的时候需要的依赖项，像一些进行单元测试之类的包。如果你将包下载下来在包的根目录里运行npm install默认会安装两种依赖，如果你只是单纯的使用这个包而不需要进行一些改动测试之类的，可以使用npm install --produ...

2018-03-06 14:30:50 4801

转载自定义浏览器滚动条

windows 下默认的滚动条样式巨丑，项目中又有比较多地方会显示滚动条，故回头翻了一下CSS3，还真能不用插件实现自定义滚动条的样式，正合我意代码如下：[css] view plain copy/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 6px; height: 6px; ...

2018-02-27 19:53:05 205

原创 MySql学习

一.MySQL的安装我用的是Linux的deepin版本，直接使用一下三行命令即可安装：sudo apt-get install mysql-server mysql-client libmysqlclient-dev同样该方法适合支持 apt-get命令版本，也可以下载源码进行编辑。二.连接数据库1.查看服务是否开启 service --status-all |gr

2017-12-08 09:21:36 183

转载 html缓存－mainfest

要使用manifest缓存，我们首先需要写一个manifest文件。这个文件有严格的格式要求，下面是个例子CACHE MANIFEST#我是注释，这个文件名叫test.manifestCACHE:/test.css/test.js　　这就是一个简单的manifest文件。一开始必须是“CACHE MANIFEST”来声明这是一个manifest文件。后面的“CACHE:”是操作类型

2017-12-06 10:12:59 579

转载 JS获取DOM元素的方法

1、通过ID选取元素（getElementById） 1）使用方法：document.getElementById("domId") 其中，domId为要选取元素的id属性值 2）兼容性：低于IE8版本的IE浏览器对getElementById方法的实现是不区分元素ID号的大小写的，并且会返回匹配name属性的元素。2、通过名称name选取元素（getElem

2017-12-01 10:36:53 2351

转载 MongoDB导入导出以及数据库备份

-------------------MongoDB数据导入与导出-------------------1、导出工具：mongoexport 1、概念： mongoDB中的mongoexport工具可以把一个collection导出成JSON格式或CSV格式的文件。可以通过参数指定导出的数据项，也可以根据指定的条件导出数据。 2、语法：

2017-10-26 15:58:45 4947

原创 mongodb的CRUD操作

一.插入nsert()方法要将数据插入到 MongoDB 集合中，需要使用 MongoDB 的 insert()或save()方法。语法insert()命令的基本语法如下：>db.COLLECTION_NAME.insert(document)Shell示例>db.mycol.insert({ _id: 100, title: 'MongoDB O

2017-10-26 15:54:19 625

转载 SuperAgent使用简介

SuperAgentSuperAgent是轻量级更为优化的ajax API，对比大量糟糕的现存的API，SuperAgent是灵活的、易读的、并且非常易学，同时SuperAgent可用于Node.js！?123456789101112reque

2017-10-07 08:52:46 1958

转载 nodejs的buffer

最近翻阅了node v0.10.4的buffer类的源代码，收获不少，也很久没有在cnode上发表文章了，想把一些收获分享给大家，有什么错误的地方希望大牛们指正啊。前阵子有位rrestjs框架的使用者YanQ报告给我这样一个错误，跟我说在用户post很多内容的文章时会crash进程然后报如下错误：（热心的老雷帮我解决了问题）buffer.js:523 throw new Ran

2017-09-17 10:07:18 387

原创 Linux安装nodejs和npm

最近window系统转向linux系统开发，linux系统的确适合程序员的开发。作为前端安装了nodejs和npm，遇到了一些坑，赶紧记录下来安装nodejs ： sudo apt-get install nodejs运行 nodejs -v 会弹出安装node的版本号这里使用的是 nodejs 并不是常用的node ，可以通过 sudo ln

2017-08-24 20:02:44 50720 2

原创 Canvas---放大和缩小圆环插件

最近小组招新，需要一个小型的动画，就是在第一页会有个放大和缩小的圆环。主要用到的知识就是 canvas，看一下源码，内部注释比较清晰：/* * selector: canvas元素选择器 * x:绘制的圆形x轴位置 * y:绘制的圆y轴位置 * r:绘制圆的半径 * outColor: 外部圆颜色 * innerColor:内部圆颜色 *

2017-08-18 21:09:50 2290

转载 JavaScript 编码风格

命名通常，使用 functionNamesLikeThis, variableNamesLikeThis, ClassNamesLikeThis, EnumNamesLikeThis, methodNamesLikeThis 和 SYMBOLIC_CONSTANTS_LIKE_THIS 。具体如下：属性和方法文件或类中的私有属性，变量和方法名应该以下划线 "_" 开头；保护

2017-08-13 17:42:21 557

转载 HTML编码规范

缩进使用2个空格缩进 Fantastic Great.example { color: blue;}大小写只允许使用小写。所有的代码都用小写字母：适用于元素名，属性，属性值（除了文本和CDATA），选择器，特性，特性值（除了字符串）。Home行尾空格建议删除行尾白空格。What? Yes please.

2017-08-13 17:41:27 484

转载 CSS编码规范

CSS代码有效性使用有效的CSS代码。可使用W3C CSS validator来验证css。命名class应优先虑以这元素具体目的来进行命名，应尽量简短且富有含义。统一采用小写英文字母、数字、“-” 的组合。其中不得包含汉字、空格和特殊字符。/* 不推荐 */.demoimage {} /* "demo" 和 "image" 中间没加 "-" */

2017-08-13 17:40:05 554

转载 package.json详解

原文链接概述本文囊括了所有package.json文件中你需要知道的细节。注意package.json必须是纯JSON的，而不仅仅是一个JavaScript对象字面量。该文件描述的很多行为都受npm-config中的配置影响。下面分别介绍package.json中各个字段的含义和用法。namename和version字段是package.json文件

2017-08-04 11:16:34 1065

转载 ES5严格模式

严格模式（Strict mode）是由ECMA-262规范定义的新兴JavaScript标准，第五版发布于2009年12月。旨在改善错误检查功能并且标识可能不会延续到未来JavaScript版本的脚本。ES5严格模式是限制性更强的JavaScript变体，它与常规JavaScript的语义不同，其分析更为严格。目前，除了IE6-9，其它浏览器均已支持ES5严格模式。

2017-07-25 14:23:28 437

原创安装 node-sass 的正确姿势

安装 node-sass 的时候总是会各种不成功，今天我琢磨了一会儿总算知道要怎么解决了。首先要知道的是，安装 node-sass 时在 node scripts/install 阶段会从 github.com 上下载一个 .node 文件，大部分安装不成功的原因都源自这里，因为 GitHub Releases 里的文件都托管在 s3.amazonaws.com 上面，而这个网址在国内总是网络不稳...

2017-07-22 17:30:51 9096 1

转载盘点8种CSS实现垂直居中水平居中的绝对定位居中技术

Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy.Absolute-Center { margin: auto;

2017-07-19 10:22:11 391

原创通过nodejs自动创建前端工程文件

// 引入fs文件系统模板var fs = require('fs')// 创建工程文件var projectData = { // 工程名 name: 'projectName', // 工程文件数组 fileData: [{ name: 'js', type: 'dir' }, { name

2017-07-14 15:20:28 1636

转载 NodeJS、NPM安装配置步骤(windows版本)

1、windows下的NodeJS安装是比较方便的（v0.6.0版本之后，支持windows native），只需要登陆官网（http://nodejs.org/），便可以看到首页的“INSTALL”按钮，直接点击就会自动下载安装了。2、安装过程基本直接“NEXT”就可以了。（windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，例如“C

2017-07-12 16:31:57 506

转载 js中运算符的优先级

运算符描述. [] ()字段访问、数组下标、函数调用以及表达式分组++ -- - ~ ! delete new typeof void一元运算符、返回数据类型、对象创建、未定义值* / %乘法、除法、取模+ - +加法、减法、字符串连接> >>>移位 >=

2017-07-08 17:25:32 315

转载 H5存储（web Storage和web SQL）

一、Web Storage教程1、概述：对于Web Storage来说，实际上是Cookies存储的进化版。如果了解Cookie的人几乎一看Web Storage就会用，如果你从来没用过没了解过Cookie，没关系，看了这篇文章照样轻松玩转Web Storage。首先，学习Web Storage只需背熟这句口诀：“两个接口，四个函数”。2、口诀：（1）两个接

2017-07-07 10:18:51 8502

转载 jQuery.extend 函数详解

JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是:　　　extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的des

2017-07-04 16:20:50 245

原创 mouseover与mouseenter和mouseout与mouseleave区别

区别在于：mouseover与mouseout再进入或离开后会执行这两事件； mouseenter与mouseleave在进入离开后代元素不会执行事件下面实例： Title #oDiv1 { height: 200px; width: 200px; background-

2017-07-04 11:01:22 616

转载你想要的CSS居中方法大全

前言元素的居中是前端开发中非常普遍的一个需求，实现的方式也很多，这里我简单总结了一下，并画成思维导图，便于记忆。水平居中行内元素直接使用text-align:center ，效果如下图代码详见：居中行内元素块级元素一行仅有一个块级元素，直接margin:20px auto 设置左右的margin为auto即可，效果图如下一行有

2017-06-20 08:56:07 397

转载 Git常用命令

查看、添加、提交、删除、找回，重置修改文件git help # 显示command的helpgit show # 显示某次提交的内容 git show $idgit co -- # 抛弃工作区修改git co . # 抛弃工作区修改git add # 将工作文件修改提交到本地暂存区git add . # 将所有修改过的工作文件提交暂存区

2017-06-06 22:31:04 174

转载 NPM小结

nodejs的出现，可以算是前端里程碑式的一个事件，它让前端攻城狮们摆脱了浏览器的束缚，踏上了一个更加宽广的舞台。前端的可能性，从此更加具有想象空间。随着一系列基于nodes的应用/工具的出现，工作中与nodejs打交道的机会越来越多。无论在node应用的开发，还是使用中，包管理都扮演着一个很重要的作用。NPM（node package manager），作为node的包管理工具，极大地便

2017-06-06 12:25:51 283

转载 2017第八届蓝桥杯Java省赛

第一题：购物单小明刚刚找到工作，老板人很好，只是老板夫人很爱购物。老板忙的时候经常让小明帮忙到商场代为购物。小明很厌烦，但又不好推辞。这不，XX大促销又来了！老板夫人开出了长长的购物单，都是有打折优惠的。小明也有个怪癖，不到万不得已，从不刷卡，直接现金搞定。现在小明很心烦，请你帮他计算一下，需要从取款机上取多少现金，才能搞定这次购物。取款机只能提供100元面额的

2017-05-22 21:23:31 7135

转载 Ajax学习

看到标题时，有些同学可能会想：“我已经用xhr成功地发过很多个Ajax请求了，对它的基本操作已经算挺熟练了。” 我之前的想法和你们一样，直到最近我使用xhr时踩了不少坑儿，我才突然发现其实自己并不够了解xhr，我知道的只是最最基本的使用。于是我决定好好地研究一番xhr的真面目，可拜读了不少博客后都不甚满意，于是我决定认真阅读一遍W3C的XMLHttpRequest标准。看完标准后我如同醍醐

2017-05-22 21:12:18 369

转载初探 JavaScript 中的函数式编程

一、什么是函数式编程？函数式编程(Functional programming)简称 FP，并不是什么库或者框架，与过程式编程(Procedural programming)相对，而是一种编程范式。FP 通过声明纯函数抽象数据的处理，来避免或尽可能减少函数调用对于外部状态和系统产生的副作用。所谓副作用，大抵有改变函数外系统状态，向外抛出异常，处理用户操作，修改入参，数据库查操作

2017-05-20 08:22:24 401

转载 js闭包

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全

2017-05-16 22:27:31 267

转载 js正确获取元素样式详解

当js获取这三种样式时,style只能获取内联样式，获取不到外部样式和嵌入式样式,因此要用currentStyle属性，而currentStyle在FF下不支持在说js获取元素样式之前，简单地谈一下样式样式分四种外部样式 External Style Sheet 以CSS为扩展名的文件（又称为"超文本样式表"文件），它的作用范围可以是多张网页，或整个网站，甚至不

2017-05-16 22:19:36 425

转载原型对象和原型链

开篇之前对js中的原型链和原型对象有所了解，每当别人问我什么是原型链和原型对象时，我总是用很官方（其实自己不懂）的解释去描述。有一句话说的好：如果你不能把一个很复杂的东西用最简单的话语描述出来，那就说明你没有真正的理解。最近正在读《JavaScript高级程序设计》，书中对原型对象和原型链的描述让我受益匪浅，下面仅用一个对比性的例子来说明。我们经常会这么写 fun

2017-05-14 09:26:55 222

转载 JS中的call()和apply()方法

1、方法定义call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那

2017-05-13 10:27:17 297

转载 document.body的一些用法以及js中的常见问题

网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scro

2017-05-01 16:21:27 8058

转载 2017蓝桥杯模拟赛

1、标题：算年龄英国数学家德摩根出生于19世纪初叶（即18xx年）。他年少时便很有才华。一次有人问他的年龄，他回答说：“到了x的平方那年，我刚好是x岁”。请你计算一下，德摩根到底出生在哪一年。题中的年龄指的是周岁。请填写表示他出生年份的四位数字，不要填写任何多余内容。代码：[java] view pla

2017-03-28 22:36:14 1325

空空如也

空空如也