自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

神百事的博客

初窥门径的前端er

  • 博客(50)
  • 收藏
  • 关注

转载 js 单元测试-jest

facebook家出的。1 安装 npm init -y npm install jest2 创建demo.jsfunction sum(v1, v2) { return v1 + v2;}function sad() { return 123;}module.exports = { sum, sad };3 创建__tests__文件夹4 在__tests__ 下创建demo.

2017-08-02 18:09:36 538

转载 js e2e测试-nightwatch入门

js的所有数字都存储为根为64位的(8比特),浮点数。Number 方法 描述 toString() 数字转字符串,使用指定基数(a.toSting(10)按10进制) toLcaleString() 数字转字符串,使用本地数字格式顺序 toFixed() 数字转字符串,保留指定小数位(a.toFixed(2) == 0.02)) toExponential()

2017-08-02 18:05:13 1401

转载 flex

应该1年前有过了一遍api,兼容不好不够用,据说现在能到ie9+了?那就再过一遍准备直接往项目上写!css的4种布局方式: 1. 标准文档流 2. 浮空布局 3. 定位布局 4. flex布局flex有容器和轴,两个概念1.1 父容器属性父容器可以统一设置子容器的排列方式,子容器也可以单独设置,以子容器的设置为准。justify-content 设置子容器沿主轴排列(x轴 水平)

2017-05-02 14:54:04 384

原创 js的36个设计模式:技巧型模式

1.链模式通过return this,让函数对象可以链式调用。function fn(){ this.a = function(){ console.log("a"); return this; }; this.b = function(){ cosnole.log("b"); return this;

2017-04-21 13:29:59 478

原创 js的36个设计模式:行为型模式

1.模板方法模式不太好描述,就类似封装一个插件,传入不同参数和函数,实现添加dom的样式和方法。2.观察者模式跳过3.状态模式把多个判断封装到函数内。var a = "run";function action(a){ if(a == "run"){ //code }else if(a == "jump"){ //code }else if(a

2017-04-21 13:29:19 911

原创 原生js实现复制浏览器内容

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="con">需要复制的文字</div> <br> <input type="button" name="" value="点击复制" onclic

2017-04-21 13:28:34 4858 2

原创 es2015

//1.let 只在作用域内有效let name = "a";function fn() { let name = "b"; console.log(name); //b}fn();console.log(name); //a//2.const 用来声明常量,一但声明就无法改变const a = "a";//a = "b";console.log(a);//3.class 类

2017-04-21 13:23:53 394

原创 js实现lazyman(流程控制)

function _lazyMan(name) { this.name = name; this.task = []; this.default(); var _this = this; setTimeout(function() { _this.next(); }, 0)}_lazyMan.prototype.next = fun

2017-04-21 13:22:59 1168

原创 2016年终总结

黄金第一年。匆匆又1年,体会了几种不同的自己,应该来说是彻底告别社会新人标签,开始真正征途的1年。在锋浪呆到大概5 6月离职的吧,并不是愉快的。自己至少有8成的原因,对职业感太浅,和自己这类职场经历太少有很大关系,当时并没有从多方面考虑,直接造成了不快的结果。今后必须要注意!之后抱着对未来无限的向往,开始了所谓的创业,做本地微信的运营推广平台化等等,结果是哀怨大于心死,最后自己的平台还没开始砸钱下去

2016-12-31 22:31:02 425 2

原创 vue开发笔记

安装vue-clinpm install vue-cli -gvue脚手架vue init webpack newpc 或 vue init webpack-simple newpc查看生产环境和编译生成文件npm run dev –inline –hot(热刷新) npm run build安装插件cnpm install vue-resource vue-router vuex --sav

2016-12-22 17:34:03 330

转载 js的36个设计模式:结构型模式

1.外观模式(1)在对页面dom绑定原生点击事件的时候,dom2级会覆盖dom0级的操作;IE9不兼容addEventListener,而不支持dom2级的浏览器,又只能用dom0级的onclick。外观模式可以把一些兼容方法或者复杂的方法简化。function addEvent(dom,type,fn){ //dom2 if(dom.addEventListener){

2016-12-13 16:56:20 1957

原创 Git和GitHub学习笔记

上传新项目到Github1.在github创建仓库 2.执行下面操作初始化当前目录为GIT仓库工作空间git init生成README文件git add README.md将代码提交到本地仓库中,备注“first commit”git commit -m "first commit"创建远程仓库origin 连接服务器https://github.com/baishiup/hexoblogc

2016-12-13 14:36:05 373

转载 js的36个设计模式:创建型模式

1.简单工厂模式 function fn(id,txt){ var o = new Object(); o.txt = txt; if(id == "a"){ o.show = function(){ console.log("a:" + this.txt); }

2016-12-12 17:06:01 398

原创 js的36个设计模式:前奏

先是一些js面向对象的基础,后面的模式都会涉及到这些知识点。构造函数,原型对象 var Fn = function(f){ //var定义私有方法、属性 var num = 1; //this定义公有方法 this.getF = function(){ //... } //

2016-12-12 16:37:19 265

原创 MVC,MVVM简单理解

MVC用户-》view-》controller-》model-》viewView 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Model 将新的数据发送到 View,用户得到反馈。(用户操作视图,业务逻辑控制器操作数据,数据层再反馈到视图层展示。)MVVM用户-》view-》viewModel-》model采用双向绑定,View的变动,自动

2016-12-09 22:32:42 331

原创 js的链式调用

一个简单的链式调用 //需求num不等于1,2,3 function Fn(num){ this.num = num; }; Fn.prototype.checkOne = function(){ if(this.num != 1){ return this; }else{ ret

2016-12-05 21:52:43 336

转载 代码的抽象三原则

软件开发是"抽象化"原则(Abstraction)的一种体现。所谓"抽象化",就是指从具体问题中,提取出具有共性的模式,再使用通用的解决方法加以处理。开发软件的时候,一方面,我们总是希望使用别人已经写好的代码,另一方面,又希望自己写的代码尽可能重用,以求减少工作量。要做到这两个目标,这需要"抽象化"。最近,我读到美国程序员Derick Bailey的一篇文章,谈到"

2016-11-21 23:08:43 517

转载 js原生代码实现数据双向绑定

封装成jquery的插件了,复制代码后在Jquery之后引入; 也可以去掉插件那行直接使用。<!--使用方法--><div data-bind-1="name"></div><input type="text" data-bind-1="name" /><script> $.DBind(1).set("name", "123");</script>(function() {

2016-11-21 12:18:14 949

原创 vue笔记。Demo 2

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> </div> <script src="vue.js"></script> <script> //每一个Vue应用都

2016-11-13 22:21:08 285

原创 vue笔记。Demo 1

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>learn vue:1</title></head><body> <!-- 渲染和绑定渲染 --> <!-- 直接渲染 --> <div id="app"> {{message}} </div>

2016-11-13 22:02:47 309

原创 厚积薄发

上一秒,突然发现想通了一个之前的瓶颈,一道道新的大路立马出现了! 多看,多写,多想。 看,是积累;写,是经历;想,是总结。 有积累,有经历,有总结,什么坎都会过去。 就是所谓的厚积薄发吧! 翻看经典的源码,可以让你把之前学的一个一个三脚猫招式,融会贯通成为一套属于你的武学。

2016-11-13 20:53:56 233

原创 jquery源码分析笔记

jquery最外层原理(function(global,factory){ factory(global);})(this,function(window,noGlobal){ //code ... var jquery = function(selector,context){ return new fn(selector,context); }

2016-11-13 17:14:14 219

原创 less学习笔记:基础语法

基础语法//注释//这条注释不会被编译到css/*这条注释会被编译到css*///一 变量@backcolor:#000;@font:14px;.a{ background-color: @backcolor; font-size: @font - 1;}//调用(类似函数).a{ height: 100px;}.b{ width: 100px;

2016-11-08 13:15:19 272

原创 hexo+github搭建个人博客

hexonodejs的博客框架。1.npm install -g hexo2.hexo init3.

2016-10-27 12:55:35 290

原创 Typescript笔记1 安装和基础类型

通过Nodejs模块编译Typescript1.安装typescript模块 npm install typescript -g2.对greeter.ts文件执行编译 tsc greeter.ts就会得到javascript代码greeter.js基础类型//booleanlet isDone:boolean = false;//numberlet dec:number = 6;//stri

2016-10-26 13:48:28 215

原创 bower-web包管理器(依赖插件管理)

基于Nodejs的web项目依赖管理工具用于管理项目开发过程中需要的类似jquery,bootstrap,swiper等插件的管理工具。安装bower到全局npm install -g bower安装Bower模块到全局。bower -v安装成功后可以输出bower的版本号使用方法mkdir test-bowercd test-bower安装jquery和bootstrapbower ins

2016-06-05 17:23:22 1484

原创 yeoman-web脚手架工具

基于nodejs的web脚手架工具yeoman上搭建了很多各种项目需求的基础脚手架,在项目开发的时候,可以直接利用这些现有的脚手架,免去了环境依赖配置的环节。安装yo到全局npm install -g yo把yeoman的模块yo,-g安装在全局下。 安装之后可以输入yo --version查看yeoman的版本号安装相应的项目生成器到全局到yeoman官网查找到需要的项目生成器,在生成器名字前

2016-06-05 16:47:19 756

原创 websocket-1

基于原生h5的websocket语法和nodejs的ws模块搭建一个简易的聊天室程序 简易的。嗯 很简易的~只有关键语法。客户端://连接socketvar socket = new Websocket('ws://localhost:3000');//打开socket通道socket.onopen = function(event){ //发送消息 var saysome =

2016-03-09 15:38:24 464

原创 nginx配置反向代理restfull接口

nodejs写好的restfull,如:http://172.16.0.1:4050/alipayapi, 带端口的api安全和管理性都不理想,使用nginx的反向代理很简单;http{ ``` ``` server{ ``` ``` #proxy start location /alipayapi {

2016-03-09 15:15:42 3534

原创 瞎捣鼓-在debian配置ssh,ftp,mongodb,putty

首先在安装完debian的时候,用aptget安装软件包的时候肯定都会出现如下错误提示:更换介质 :请把标有 ” debian gun/linux 7.2.0 _ Wheezy_ - official i368 DVD binary-1 20131012-12:56”的盘片插入驱动器”/media/cdrom/”再按回车键nano /etc/apt/sources.list把那出现的那行注释掉;含C

2016-01-30 21:53:23 1376

原创 windows下安装mongodb

网上的教程错误一大堆 是不是都没用过就直接复制粘贴的?先下载zip的mongodb安装包。(http://www.mongoing.com/)。 选第一个下载~在h盘创建两个文件夹 一个mongodb(mongodb的安装位置),一个mongodb-db(数据库存放位置) 把下载下来的东西解压到mongodb。里面的bin文件夹就是mongodb的执行文件了。 打开cmd (记得要以管理

2016-01-29 13:45:21 368

原创 nodejs按业务逻辑组织路由器

test —–route ———-route.js —–app.js在主应用程序下定义所有的路由会特别的笨重。所有需要按业务逻辑或者其他思路把路由分组。 主程序app.jsvar express = reuqire('express');var app = express();//引入路由,并且把app对象传入require('./route/route.js')(app);rout

2016-01-23 13:53:56 664

原创 nodejs路由路径参数

在定义路由匹配路径的时候:app.get('/click',function(req,res){ res.send('click');})单一的固定静态url,满足不了大量的动态处理,可以把代码改为:app.get('/click/:id',function(req,res){ var id = req.params.id; res.send();})像:id这样的正则会

2016-01-23 13:28:59 5397

原创 nodejs的中间件

一直不太清楚中间件,找了本书翻了翻有了点了解~//app.use(function(req,res){// console.log('如果执行我,所有的http请求都会被我中断,因为我没有next');//})app.use(function(req,res,next){ console.log(''); res.send('我执行后,下面的请求还会继续'); nex

2016-01-23 00:23:39 4512

原创 nodejs的http请求是报错 socket hang up

在处理支付宝异步通知上传我的数据库时,出现了socket hang up报错,代码如下:var trade_no = req.query.trade_no;var total_fee = req.query.total_fee;var subject = req.query.subject;var out_trade_no = req.query.out_trade_no;var selle

2016-01-18 17:44:00 5443 1

原创 nodejs模块 node-odata

多多少少的之前有看了不少nodejs的教程,一般都是n+m+e的套路,都是做了点小文件试试,没实践。 公司项目来了,需要用到nodejs,下面就给大家分享我的刨坑日记吧。项目是基于wifi的,打算做前后端分离,后端nodejs只要暴露api给前端就可以了。因为没怎么深入node,所以现在也不太清楚差别在哪~。~模块选用的就一个,node-odata,(貌似群里很多人都没听说过),老板说这个好用,简

2016-01-06 18:01:09 614

原创 js获取当前url主机名和端口号

获取主机名var hostname = location.hostname;获取端口号var port = location.port;获取主机名+端口号var host = location.host;访问:172.16.0.1:30/login.htmlhostname = 172.16.0.1;port = 30;host = 172.16.0.1/30

2015-12-24 11:10:21 31248

原创 ubuntu下搭建配置nodejs+mongodb环境

在windows下nodejs各种bug,于是废物利用把笔记本装上Linux做Nodejs开发用,由于第一次接触linux,所以出现了各种问题。。。

2015-12-24 10:58:46 414

原创 php获取服务器端ip地址

echo gethostbyname($_SERVER['SERVER_NAME']);

2015-12-21 14:31:44 466

原创 2015年终工作总结

今年是该想好好想想,写个总结了。 回武夷山1年零2个月, 回想这一年, 从印度神游的打杂全栈,到酒吧,到工程监理,最后还是回到了最初的方向, 也许这才是我想要做的,想要过的生活。从几个方面来说吧。 工作和学习。一、工作1)刚回来,开始phpcms各种套 运气算是不错,一回来碰到个师傅,带着学会用wamp建站。 php也算是入门了。html css javascript都知道他是啥,咋弄

2015-12-18 20:02:45 609

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除