anhanzhen0466-CSDN博客

转载服务器免密登陆脚本

yum install -y tcl tclx tcl-develwget http://sourceforge.net/projects/expect/files/Expect/5.45/expect5.45.tar.gz/downloadtar xzvf downloadcd expect5.45./configuremake &a...

2018-09-29 18:20:00 149

转载 gitlab+jenkins+pm2+rsync实现node的自动化部署

环境配置jenkinsjava环境yum install -y java安装jenkinswget -O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat/jenkins.reporpm --importhttp://pkg.jenkins-ci.org/redhat/jenkins...

2018-09-21 16:04:00 207

转载 nginx常用

Nginx nginx -c /etc/nginx/nginx.conf 启动Nginx -s stop 停止killall -9 nginxnetstat -ltunp 查看进程nginx -s reload 重启cp -r 路径指定路径scp -r -p22222 /本地 root@1.0.0.0:/转发 loca...

2018-05-23 17:34:00 89

转载 30行js rem弹性布局适配所有分辨率

2018-05-23 17:31:00 111

转载 node转发formdata

router.post('/keUpload', checkLogin, setAccessControlAllow, (req, res, next) => { const busboy = new Busboy({ headers: req.headers, }) const sendBuffer = (fileName, mimeType) => (fi...

2018-05-17 21:58:00 309

转载 react渲染和diff算法

1.生成虚拟domcreateElement的作用就是生成虚拟dom。虚拟dom到底是个啥，其实它就是个javascript对象~，这个对象的属性有props，vType，type，而props也是个对象，它有children属性也有其他的，比如className，onClick之类的。2.虚拟dom转化成dom虚拟dom的vtype是3的时候对应的type是自定义组件，v...

2017-06-01 15:31:00 82

转载值传递和引用传递

var a = [1,2,3];var b = a;a = [4,5,6];alert(b); //[1,2,3]数组是引用类型，这里改变的是a的引用，并没有改变b的引用。var a = [1,2,3];var b = a;a.pop();alert(b); //[1,2]这里b的引用才会被改变。基本数据类型：只是把变量...

2017-05-25 12:24:00 74

转载 2017前端面试题总结

1：为何选择前端这个方向和对前端的理解为什么：第一的话就是对前端很感兴趣，之前也接触过其他的语言，但是直到接触到前端才发现真的有兴趣做下去，兴趣是一个人最好的老师，第二的话前端很有前途，像现在nodejs，rn，微信小程序这类工具和框架可以让前端进行后端和移动开发，所以我觉得前端的前途会更多一点。理解：首先前端工程师最核心的技能还是：Html、CSS、JS。前端负责的...

2017-05-03 16:43:00 178

转载二十家公司前端面试题（五）

1.以下代码，alert出来的值是多少？alert(1&&2); // 2alert(1||2); // 12.验证字符串的组成规则，第一个须为数字，后面可以是字母、数字、下划线，总长度为5-20位/^\d{1}[\w|_|\d]{4,19}$/3.以下代码，alert出来的值是多少。4.以下代码alert 出来的值是多少转...

2017-04-19 15:53:00 81

转载二十家公司面试题（四）

1.要动态改变层中内容可以使用的方法有（A）A. innerHTMLB. 通过设置层的隐藏和显示来实现C. 通过设置层的样式属性的display2.当按键盘A时候，使用onKeyDown事件打印event.keyCode的结果是（A）a)65b)13c)97d)373. 在javascript里，下列选项中不属于数组方法的是（B）a)sort()...

2017-04-19 15:43:00 1031

转载二十家公司前端面试题（三）

1: css选择符有class类选择符还有另外2种是什么？按优先级排序？id选择符和标签选择符id选择符 > class选择符 > 标签选择符2: 前端页面有行为层js和另外2个层是什么？作用是什么？结构层html和样式层css行为层：主要指页面交互、动画效果结构层：主要指DOM节点样式层：主要是指页面渲染3: 你做的页面在哪些内核浏览器测...

2017-04-19 15:20:00 143

转载二十家公司前端面试题（二）

1. HTTP状态码及其含义100-199 : 表示成功接收请求, 要求客户端继续提交下一次请求才能完成整个处理过程200-299: 表示成果接收请求并已完成整个处理过程. 常用200300-399: 为完成请求, 客户需进一步细化需求: 例如: 请求的资源已经移动一个新地址, 常用302(重定向), 307和304(拿缓存)400-499: 客户端的请求有错误, 包...

2017-04-19 15:13:00 75

转载二十家公司前端面试题（一）

题目1:CSS实现垂直水平居中1.弹性盒子方法给父容器设置dispaly: flex; justify-content: center; align-items: center2.绝对定位居中 1 .box2 { 2 position: relative; 3 } 4 .con2 { 5 margin: auto; 6 ...

2017-04-19 14:22:00 70

转载 es5和es6实现lazyman

es6实现 1 class _LazyMan { 2 constructor(name) { 3 this.tasks = []; 4 this.sleep = this.sleep.bind(this); 5 this.eat = this.eat.bind(this); 6 this.tasks.push(((name) =...

2017-01-20 15:06:00 100

转载 position relative

position的默认值是static，（也就是说对于任意一个元素，如果没有定义它的position属性，那么它的position:static）如果你想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方，应该给#demo相对定位，#sub绝对定位。absolute是相对于自己最近的父元素来定位的，如果你不给#demo相对定位，那么#sub的绝对定位就是相对...

2016-06-18 21:35:00 70

转载 es6特性

1、箭头操作符如果你会C#或者Java，你肯定知道lambda表达式，ES6中新增的箭头操作符=>便有异曲同工之妙。它简化了函数的书写。操作符左边为输入的参数，而右边则是进行的操作以及返回的值Inputs=>outputs。我们知道在JS中回调是经常的事，而一般回调又以匿名函数的形式出现，每次都需要写一个function，甚是繁琐。当引入箭头操作符后可以方便地写回调了...

2016-06-16 15:15:00 80

转载 node express安装

我们现在全局安装只需要安装这个命令行工具就可以，指令如下： npm install -g express-generator 这时我们就着手安装express框架，指令如下： express blog && cdblog （ blog是安装的文件夹名）npm install （安装expre...

2016-06-08 17:44:00 63

转载文字后省略

white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-wrap:normal转载于:https://www.cnblogs.com/bhan/p/5542666.html

2016-05-30 15:36:00 65

转载 CSS border实现各个方向等腰直角三角

CSS代码： 1 .border_cort, .border_corr, .border_corb, .border_corl { 2 display: inline-block; 3 width: 0; 4 height: 0; 5 border-width: 6px; 6 overflow: hidden; 7 ...

2016-05-25 12:22:00 169

转载匿名函数和闭包

1 //普通函数 2 function Box(){ 3 return "Lee"; 4 } 5 //匿名函数 6 function () { //单独的匿名函数是无法运行的，也无法调用 7 return"Lee"; 8 } 9 10 //把匿名函数赋值给变量11 var box = fun...

2016-05-20 21:06:00 57

转载 js继承

继承，通过原型链实现 1 function Box(){ //被继承的函数叫做超类型父类基类 2 this.name = "Lee"; 3 } 4 function Dest(){ //继承的函数叫做子类型子类派生类 5 this.age = 100; 6 } 7 function Tab...

2016-05-20 12:37:00 39

转载 js原型二

1 function Box(name,age){ 2 3 this.name = name; 4 5 this.age = age; 6 7 this.family = ['哥哥',‘姐姐’,‘妹妹’]； 8 9 }10 11 Box.prototype = {12 13 constructor:Bo...

2016-05-20 12:08:00 52

转载全局变量与局部变量

1 <script type="text/javascript">2 var a = "Hello";3 function test(){4 var a;5 alert(a);6 a = "World";7 alert(a);8 }9 </script>1 &lt...

2016-05-20 11:01:00 63

转载 js原型

//构造函数function Box(name,age) this.name = name; //实例属性 this.age = age; this.run = function(){ //实例方法 return this.name+this.age+"运行中"}//原型（...

2016-05-19 16:16:00 48

转载工厂模式和构造函数

工厂模式function createObject(name,age){var obj = new Object() //创建对象obj.name = name ; //添加属性obj.age = age;obj.run = function(){ //添加方法 return...

2016-05-19 15:14:00 61

转载 JSON.parse()和JSON.stringify()

parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果：JSON.parse(str)Objectage:"23"name:"huangxiaojian"__proto__:Object注意：单引号写在{}...

2016-05-12 18:14:00 37

转载侧栏工具栏

<div class="toolbar"> <a href="javascript:;" class="toolbar-item toolbar-item-weixin"> <span class="toolbar-layer"></span> </a> <a href=...

2016-05-08 15:46:00 110

转载 require.js

data-main定义入口文件，即加载完该文件后会立即加载的文件reqirejs.config:为模块定义别名；requirejs.config({paths:{jquery:'jquery-1.11.3.min'}})requirejs：引入写好的模块；requirejs(['jquery'],function($){})第一个参数是要引入的模块，可以是多个，第二个是回调函数，传入的参...

2016-05-08 14:46:00 59

转载切图技巧

一、img标签1.logo图层ctrl单击选择图层两个图层ctrl选中单击右键转换为智能对象变成一个图层双击保存颜色单一的存png2.多图层合并拷贝（大图）选区——图像-合并拷贝——文件-新建——粘贴——存储为web所用格式——更改品质banner颜色丰富的存jpg—— 200k左右二、背景方式新建——将图层拖拽到新画布——保存为png转载于:ht...

2016-05-04 17:49:00 41

转载 jsonp

json with padding1.script标签2.用script标签加载资源是没有跨域问题的在资源加载进来之前定义好一个函数，这个函数接受一个参数（数据），函数里面做一些事情用script标签加载对应远程文件资源，当加载进来后，执行之前定义好的函数，并把数据当做函数的参数传入进去。转载于:https://www.cnblogs.com/bhan/p/54...

2016-04-29 19:47:00 52

转载函数

平常的函数声明调用function foo(){},foo();若无return语句，则返回undefined。new声明函数，函数体里无return或者return 基本数据类型，函数返回this，否则返回对象函数的调用方式:1、直接调用 foo()2、对象方法调用 o.method()3、构造器 new foo()4、call/apply/blind func.call(o)...

2016-04-28 13:30:00 71

转载数组方法

.join() - 数组成员拼接为字符串，原数组不变.reverse() - 翻转数组成员，修改原数组.sort() - 按字符串将数组成员排序，修改原数组.concat() - 连接两个数组，原数组不变.slice() - 数组切片，原数组不变.splice() - 数组剪切和在剪切位置插入成员，修改原数组ES5特性下的arr函数1.forEach(function(x,inde...

2016-04-28 12:25:00 45

转载 JavaScript对象

对象包含一系列属性，属性是无序的。每个属性都有一个字符串key和对应的value。原型链创建函数会默认带一个prototype的属性，它是一个对象，能够被后面用new构造的函数继承，prototype内也有一个proto属性，属性内存在Object.prototype，在向上是null。直接定义对象，可枚举create创建对象，原型链上的属性也会显示出来若不想让其显示，可以用....

2016-04-27 20:07:00 45

转载 angular directive

1.restrict（字符串）可选参数，指明指令在DOM里面以什么形式被声明；取值有：E(元素),A(属性),C(类),M(注释)，其中默认值为A；E(元素)：<directiveName></directiveName>A(属性)：<div directiveName='expression'></div>C(类)： &l...

2016-04-25 18:11:00 97

转载 angular 自定义filter

用modul.filter 1 .filter("fiilterCity",function(){ 2 return function(obj){ 3 var newObj = []; 4 angular.forEach(obj,function(o){ 5 ...

2016-04-25 16:08:00 108

转载 angular 过滤排序

1 <table class="table"> 2 <thead> 3 <tr> 4 <th ng-click="changeOrder('id')" ng-class="{dropup:order === ''}"> 5 产品编号 6 ...

2016-04-24 22:11:00 76

转载 angular购物车

1 <body ng-app> 2 3 <div class="container" ng-controller="carController"> 4 <table class="table" ng-show="cart.length"> 5 <thead> 6 <...

2016-04-24 17:54:00 58

转载 angular watch

$watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你。$watch(watchExpression, listener, objectEquality);每个参数的说明如下：watchExpression：监听的对象，它可以是一个angular表达式如'name',或函数如function(){return $scope.nam...

2016-04-24 15:41:00 117

转载 angular apply

1 <div ng-controller="firstController"> 2 3 {{date}} 4 5 </div> 6 7 8 <script> 9 var firstController = function($scope){10 $scope.date = ...

2016-04-22 15:32:00 115

转载 angular ng-bind

1 <body ng-app=""> 2 3 <div ng-controller="firstController"> 4 <input type="text" ng-model="name" value=""/> 5 <input type="text" ng-model="age" value=""/...

2016-04-22 14:59:00 90

空空如也

空空如也