武东10号-CSDN博客

原创 node---如何替换npm包管理工具伟国内淘宝镜像cnpm

国内使用 npm 速度很慢，可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:$ npm install -g cnpm --registry=https://registry.npm.taobao.org$ npm config set registry https://registry.npm.taobao.org然后按照模块就可以使用cnpm：cnpm in

2017-06-11 12:00:20 3099

原创 webpack---webpack中经典实用的插件copy-webpack-plugin拷贝资源插件

- copy-webpack-plugin 在webpack中拷贝文件和文件夹cnpm install --save-dev copy-webpack-pluginnew CopyWebpackPlugin([{ from: __dirname + '/src/public'}]);//作用：把public 里面的内容全部拷贝到编译目录from 定义要拷贝的源目录

2017-06-11 00:25:33 29600

原创 angular---angular4学习笔记：angular中的模块化@NgModule装饰器

angular应用的模块系统被称为angular模块或NgModule定义：///angular是带有@NgModule装饰器提供元数据的类。其模块系统被称为angular模块或NgModules.每一个angular应用至少有一个模块，不可或缺的根模块(如：AppModule)。import { NgModule } from '@angular/core';import {

2017-06-10 20:35:22 8568 1

原创 webpack---htmlWbpackPlugin插件在webpack中的应用

安装cnpm install html-webpack-plugin配置title://生成的html文件的titlefilename://生成的html文件名字template://webpack引入的源html文件，2.0允许使用任何loader：直接使用字符串路劲(./index.html);前置loader(!!handlebars!./index.hbs);配置module.loader使

2017-06-01 00:04:28 1367

原创 vsCode---前端H5\CSS\JS编辑器常用插件

Path Intellisense//路径提示插件//‘/’之后自动识别相对路径下的文件/目录open in browser(TechER)//浏览器查看插件// 可以通过右键菜单选择浏览器查看，可以通过快捷键Alt+b(默认浏览器查看)，Alt+shift+b(其他浏览器查看)azure Theme//主题颜色插件//可以通过用户设置修改，可以通过上侧菜单--文件--首选项里面修改

2017-05-31 23:09:12 1801

原创 jq---在jq中如何扩充jQuery对象，$.fn.extend与$.extend的区别是什么？

jQuery提供了2种方法扩充jq对象，工作中通常用于制作插件。 $.extend:<body> <input type="text" value="btn"> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script type="text/javascript">

2017-05-26 22:57:10 424

原创 js---全面正则表达式语法，常用正则检查表达式手机号email地址url检查

定位符^ //字符串开始匹配紧跟其后的字符串，^abc 可以匹配‘abcd’，不匹配‘12abcd’。在[]中也表示非的意思$ //字符串结尾匹配前面字符串，abc$ 可以匹配‘12abc’，不匹配‘a1bc’\b //只匹配有字母的一边，另一边则不能为字母和数字。\bhi可以匹配‘hi’,',hi',‘\hi’,不匹配‘nhi’，‘1hi’； //hi\b可以匹配‘12hi

2017-05-25 23:44:22 621

原创 web兼容---ie8、9、10、11hack、注释ie版本css样式hack

css属性hack：\9 //IE6/IE7/IE8/IE9/IE10都生效 \0 //IE8/IE9/IE10都生效，是IE8/9/10的hack \9\0 //只对IE9/IE10生效，是IE9/10的hack /*可以通过javascript检测IE10，然后给IE10的<html>标签加上class=”ie10″ 这个类 */ .ie10 #hack{

2017-05-25 22:04:34 3796

原创 web兼容---如何通过js获取ie11、8、9,10,360浏览器急速模式

1、判断浏览器为ie浏览器[ie6-ie10]function isOldIe(){ if(window.navigator.userAgent.indexOf('MSIE')>=1){ return true; }else{return false;}}2、判断浏览器为ie6-ie11function isIe(){ if(!!window.ActiveX

2017-05-25 21:39:06 1417

原创 webpack---用到过的加载器loader

1.sass-loader/less-loader、css-loader、style-loader{ test: /\.scss$/, use: [ 'style-loader', { loader: 'css-loader', options: { minimize: true } }, { loader: 'less-loader', options: { str

2017-05-23 23:50:03 363

原创 webpack---编译sass并分割css为独立文件,通过extract-text-webpack-plugin分割文件

通过ExtractTextWebpackPlugin可以把webpack打包生成的style样式分割输出css文件 main.scss:body{ font-size:14px; div{ background:#f05; span{ padding:10px; } }}index.js:requir

2017-05-23 23:06:31 3659

原创 css---父元素高度不确定，如何通过css样式垂直居中

案例代码：<div id='box'> <section class='boxLeft'> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </sec

2017-05-23 00:34:48 2298

原创 webpack---webpack.config.js配置基本要素entry、output、loader、plugins等

1、entry入口webpack.config.jsmodule.exports={ entry:'./src/index.js' //index.js即为webpack编译入口文件};//也可以这么写module.exports={ entry:{ app:'./src/index.js', home:'./src/home.js'

2017-05-23 00:04:17 1447

原创 win7系统如何查看自己电脑IP

cmd查看1.打开cmd命令窗口：win+r:输入CMD可以调出；2.cmd输入命令ipconfig,回车即可查看电脑相应IP信息 Internet查看1.电脑右下角单击网络图标，选中打开网络和共享中心； 2.选中左侧菜单，单击‘更改适配器设置’； 3.选中自己当前的网络连接，右键菜单，选中‘状态’，单击； 4.单击窗口中‘详细信息’，得到弹窗ipv4地址即可；

2017-05-22 00:48:05 2071

原创 CMD命令---操作目录与文件

1.CDcd\　　　　　　 #进入根目录 cd　　　　　　　#显示当前目录 cd /d d:\sdk　　#可以同时更改盘符和目录 D: #如果要进去d盘直接输入D: 2.dirdir　　　　　　 #显示当前目录中的文件和子目录 dir /a　　　　 #显示当前目录中的文件和子目录，包括隐藏文件和系统文件 a = all dir c: /a:d

2017-05-21 23:46:21 2241

原创 CMD命令---切换目录

切换盘【C:进入C盘，D:进入D盘】进入目录【cd abc进入abc文件夹】返回上层目录【cd..】返回根目录【c\返回C盘根目录，必须当前位置的根目录】

2017-05-21 23:21:34 1262

原创 js---如何通过js/jQuery代码出发节点的click事件

HTML部分<body> <div ></div></body>JS部分function abc(){console.log(1234)};document.querySelector('div').onclick=abc;//事件直接绑定于节点，效果一样document.querySelector('div').onclick();运行：输出‘1234’

2017-05-21 23:11:22 561

原创 gulp---gulp常用插件

gulp-connect:建立服务器const gulp=require('gulp');const connect=require('gulp-connect');gulp.task('server',()=>{ connect.server({ livereload:true, port:7788 })});gulp.task('defau

2017-05-21 23:07:02 373

原创 vsCode---快捷键使用

Alt：切换顶部菜单显示/隐藏；Alt+shift+f：格式化代码；Alt+up/down：向上/下移动一行Alt+shift+up/down：向上/下复制一行；F11：切换全屏；F1：帮助搜索框；F5：欢聚切换；F3：向下查找对象；F3+shift：向上查找对象；Ctrl+D：同时选中下一个查找对象；Ctrl+u：撤回本次选中对象，回退上个光标；F12：找到对象定义；F12

2017-05-21 00:31:29 1678

原创 node---http模块，如何用node.js做简单的服务器环境http.createServer

http模块提供的request和response对象与http协议打交道，处理tcp链接，解析http，从而实现一个http服务器。request对象封装了HTTP请求，我们调用request对象的属性和方法就可以拿到所有HTTP请求的信息； response对象封装了HTTP响应，我们操作response对象的方法，就可以把HTTP响应返回给浏览器。///最简单的node.js搭建的服务器：

2017-04-13 22:33:44 1002

原创 CSS---使用flex布局做响应式页面,flex布局中主要属性值

传统的布局方法都是基于盒模型实现的，通过display，position，float属性设置到达目的。但是，垂直居中的布局就会有一点麻烦了…用flex作响应式布局，就会轻松的多flex布局相关属性(父元素) 1.display:display:flex;表示当前盒子为flex布局2.flex-direction:row（默认值）：主轴为水平方向，起点在左端。row-re

2017-04-12 23:12:47 3894

原创 node---fs模块

fs算是node.js中太常见的模块了，定位于文件系统模块，主要负责读写文件，fs同时提供了异步和同步方法。读取文件：let fs=require('fs');//下面代码不再写这句///readFile为异步读取文件，传入的回调函数接收两个参数：err,data.当正常读取时，err参数为null，data参数为读取到的String。当读取发生错误时，err参数代表一个错误对象，data为u

2017-04-12 22:36:29 998

原创 angular1.x---angular中清除定时器$interval，解决重复计算问题

用angular1.x版本做定时器的时候，需要用到内置对象'$interval'，用到window原生的setInterval的时候不能及时更新数据，但是’$interval’定义的定时器却不像setInterval那么容易清除。———————————————————————-查看源码，angular提供有例子进行说明定时器的清除：<script> * angular.modul

2017-04-06 23:18:12 6446

原创 ES6---es6中的模块

在es5中的一些模块化思想都是借助于第三方框架或库，es6则解决了这个问题，es6在模块功能上的实现完全可以替代commonjs和AMD规范，es6的模块规范采用自动严格模式。●export：export主要用于规定模块的对外接口，一个模块即一个文件，只有使用export命令，外部才能获取模块内部的变量和方法。////////module1.jsexport var a='a';export f

2017-04-05 23:27:34 552

原创 ES6---新增数据结构set、map

●set:let set=new Set();typeof set;//Object，其数据类型为Object,但是其结构类似数组；/////////////////let set=new Set([1,2,3]);//set接收数组参数console.log(set);//Set {1, 2, 3}for(let i of set){console.log(i)};//1,2,3 可以通过

2017-03-30 22:24:17 830

原创 ES6---for...of遍历‘类似’数组的数据结构，array set map string与iterator

let obj={a:1,b:2};for(let i of obj){console.log(i)}//报错let arr=[1,2,3];for(let i of arr){console.log(i)}//1,2,3es6位js增加了一款新的遍历方法for…of，但是由上可以看出，数组可以成功遍历，但是对象却报错，其报错信息是：‘obj[Symbol.iterator] is not a

2017-03-29 22:50:59 1512

原创 ES6---新增数据类型Symbol

es6新标，加入了新的数据类型Symbol与新的数据结构set、map，他们各有特点。●Symbol:let a=Symbol();console.log(typeof a);//symbol,js语言的数据类型再添一员Symbol()==Symbol();//falselet a=Symbol();let b=Symbol();a==b;//false,symbol数据的特性，每个sym

2017-03-29 21:18:39 3458 2

原创 ES6---es6中函数function的改革

ES6新标对函数的改革绝对让人眼前一亮，箭头函数太有逼格了，参数结合三点运算符，真他么简洁！！！●箭头函数:function add(x,y){return x+y};///这是es5中定义函数的写法，es6中我们可以这么搞：var add=(x,y)=>x+y;add(1,2);//3,正常运行var fun1=x=>x+1;fun1(3);//4,当参数为1个的时候可以再简单一点，当然

2017-03-28 22:30:54 11705

原创 ES6---扩展运算符和rest‘...’(三点运算符)，在数组、函数、set/map等中的应用

ES6新增的三点运算符，是由三个点表示，在数组中扮演着重要的角色，可以对数组进行合并与分解、可以对set等数据结构进行转换、可以对函数参数进行简化表示，接下来，我们一起揭开其神秘面纱…●三点—rest参数:let fun1=function(...args){ for(let arg of args){ console.log(arg); }; console

2017-03-28 21:05:37 4114

原创 ES6---解构赋值number、bool、string、array、function、object

ES5中，各种变量、对象的赋值，只能一对一的赋值，es6已经改革，新标准允许我们分组赋值，变量与值位置对应，一一赋值，这便是解构赋值。●string字符串解构赋值:let [w,b,i]='wbi';console.log(w,b,i);//w b ilet [w,b]='wbiokr';console.log(w,b);//w,blet [w,b,i,o]='wb';console.log(

2017-03-27 23:39:47 856

原创 ES6---全新的对象object

在JavaScript中，对象是一个很重要的概念，开发过程中，我们肯定离不开对象的。ES6追求高效、简洁，这次标准制定也为对象带来了很大的福利……●ES6中对象属性://////es5中定义对象属性要么字面量、要么点、要么[],变量与空格在这些方法中没有得到好的支持/////在es6中可以这么定义：let w='www';let obj1={w};//obj1={w:'www'},属性与值相同

2017-03-27 22:14:15 7622

原创 ES6---数组array新增方法

let与const命令是es6标准最基础也是最常见的命令符 ,在es5的js标准中，定义变量只能使用var命令符，var命令符只能进行全局与函数作用域的变量定义，es6新增的let则改变了这一现状。●find :let arr=[1,2,234,'sdf',-2];arr.find(function(x){ return x<=2;})//结果：1，返回第一个符合条件的x值arr.f

2017-03-25 19:29:13 39283

原创 ES6---string新增方法

ES6为js新增了很多方法，包括遍历、查询、替换等等，可以很简洁的替换ES5中的类似方法，本文不考虑codePointAt等不常用方法。for…of：let str="wbiokr";for(let s of str){ console.log(s)}//结果：w, b, i, o, k, r由于es5并没有为js制定字符串相关遍历方法，for…of无疑会是接下来前端开发中的一个很

2017-03-25 16:22:58 8217

原创 ES6---let与const

let与const命令是es6标准最基础也是最常见的命令符 ,在es5的js标准中，定义变量只能使用var命令符，var命令符只能进行全局与函数作用域的变量定义，es6新增的let则改变了这一现状。1. let命令●块级作用域es5的单一作用域带来了很多不便与问题，es6的新标准将一一解决，例子说明： //1. 函数内部，变量的调用会从内到外进行依次查询var a=10;(functio

2017-03-25 14:17:31 635

原创 jq-$.extend方法使用说明

jQuery的方法extend在扩展数组、对象方面有了不起的作用。1. 数组extendarr2的长度小于arr1var arr1=[1,2,3];var arr2=[4,5,423,423];$.extend(arr1,arr2)//返回值为[4,5,3]，同时改变arr1数组arr1拼接arr2的时候,在对应的索引位置，arr1的值替换为arr2对应索引值，上面代码可以等价于arr1[

2017-03-23 23:42:43 1514

原创 gulp---gulp的使用说明以及常见插件，入门篇

gulp的基本使用 gulp是很经典的前端构建工具，它使用nodejs中的stream进行运作，所以使用gulp要确保电脑已经安装配置了nodejs环境。1. gulp安装安装的可以全局、本地、依赖式安装，本文推荐依赖安装、或者三种方法全部安装；全局:npm install gulp -g本地:npm install gulp本地:npm install gulp --s

2017-03-23 22:31:58 740

原创 javascript---数组array方法reduce()

低调做人，高调做事—reducereduce是遍历操作数组的一个方法，可以很方便的达到数组各项参与的函数而返回结果，如数组求和、数组相乘、数组max等等，在面试的时候，也可以会提升一下逼格。方法说明：定义数组arr=[a,b,c,d],那么arr.reduce(fun)=fun(fun(fun(a,b),c),d);其中函数fun必须接受两个参数。使用示例：[x] 求数组的各项和var arr=

2017-03-23 13:23:20 932

原创强制去除'输入信号超出范围调整为1600*900@60HZ'

强制去除’输入信号超出范围’ 今天拿到显示器，兴冲冲地外接笔记本，结果分辨率报错：“输入信号超出范围，调整为1600*900@60HZ”，想着不是什么大问题（毕竟咱也是从事it行业的），结果整整弄了一下午也没有解决，不要说网上的什么安全模式，没用！一下午就看着提示飘来飘去，很是恶心！如下图：最后还是得靠自己，方法如下： (本人电脑Intel核芯显卡5500) 1. 打开显卡控

2017-03-05 22:32:01 149751 2

空空如也

空空如也