2016年07月_小章鱼哥

转载前端自动化测试

作者：貘吃馍香链接：http://www.zhihu.com/question/29922082/answer/46128570 来源：知乎著作权归作者所有，转载请联系作者获得授权。个人认为一般前端自动化测试大致包括类库单元测试自动化UI组件测试自动化类库单元测试自动化较好实现基本思路是让不同的浏览器可以自动根据指令跑一些JS函数结果与预期比对后返回是否通过case测试标志

2016-07-31 14:16:33 460

1.实现效果：input标签的值一变化，底下的p标签的内容就跟着变化。2.实现思路：首先，angular得把我的旧数据记下来的吧。angular的双向绑定依赖脏检查机制。为要双向绑定的数据进行注册，注册到$scope上。（$scope是angular数据和模型之间的桥梁。）注册到$scope上的$$watchers数组中。其实就是：我把我要监听的对象，我要监听的函数全部写入一个记忆的数组里，以后我要

2016-07-29 11:29:36 2497

原创多元素水平居中+小三角布局

做完公司的活啦。写俩题。1.多元素居中布局需求：实现多个方块水平居中。每个方块中文字水平垂直居中。思路：如何实现多div水平居中呢？ display:inline-block 如何实现文字水平居中呢？ text-align:center 如何实现文字垂直居中呢？ line-height等于height源码： <div class="wrap"> <div class

2016-07-26 16:36:50 950

原创 git常用命令

公司带我的姐姐跟我说让我好好熟悉一下git的常用命令。我大体熟悉了一下，现在发现熟悉的明显不够多不够全哇。现重新整理一波，免得以后每次都要花时间查。把原来的代码拉下来：git pull origin master //从服务器上master分支拉取信息查看一波分支：git branch -a //查看所有分支git branch -r //查看远程分支切换一波分支：git checkout *

2016-07-26 10:16:15 319

原创 display:table-cell实现左侧浮动右侧自适应+等高布局

1.display:table-cell实现左侧浮动右侧自适应实现效果：实现代码：  <div class="container"> <a class="fl"><img width="150px" height="200px" src="http://img4.duitang.com/uploads

2016-07-25 16:56:44 7039

原创 CSS水平居中，浮动水平居中，绝对定位水平居中

1.level0–行内元素水平居中body{ text-align:center;}思路：body或父容器设置text-align:center;即可。2.level1–水平居中以下都是对块状元素而言。 <style> .basic{ width:200px; height:200px; background-color:red;

2016-07-25 14:14:39 615

原创浏览器内核渲染引擎工作流程

1.浏览器解析流程浏览器渲染引擎总共分四步构建dom树构建render树布局render树绘制render树总结来自大大博客：http://www.cnblogs.com/cnwebdeveloper/articles/2234423.html有一只html文件：url:localhost:3000/index.html<!DOCTYPE html><html> <head>

2016-07-22 15:36:05 766

原创深入理解javascript异步编程障眼法&&h5 web worker实现多线程

0.从一道题说起var t = true; setTimeout(function(){ t = false; }, 1000); while(t){ }alert('end');问，以上代码何时alert“end”呢？测试一下：答案是：永远都不会alert。解析：javascript引擎是单线程的，事件触发排队等候。所有任务按照触发时间先后排队处理。上例中，排队的顺序状态是： |

2016-07-21 17:28:51 6318 2

原创 angular.js ui-route 可以实现路由嵌套

angular.js 为我们封装好了一个路由工具 ngRoute ,靠url改变去驱动视图。 angularUI 也为我们封装了一个独立的路由模块 ui-router ,它是一种靠状态 state 来驱动视图。ui-router的优势是：一个页面可以嵌套多个视图,多个视图去控制某一个视图。1.引入安装了bower之后在bower.json里加入ui-router依赖： "dependencies"

2016-07-19 15:35:24 2972

原创前端构建工具--Gulp

Gulp是用node.js写的一个前端构建工具。可以用来sass转css，es6转es5，jade模板转html，图片压缩，同步文件，清除多余文件等工作。1.安装npm install -g gulp --save2.Gulpfile.js配置对于gulp的配置，主要方法有：gulp.src //来源gulp.dest //目标gulp.pipe //管道gulp.watch

2016-07-18 14:14:37 655

原创使用bower+angular+express创建webapp（一）一个简单的demo

今天上午，尝试实现了angular webapp的环境搭建。1.创建express应用框架express -e angular-demo2.配置angular开发环境（1）修改app.js配置1.使用//让ejs能够识别html后缀app.engine('.html', require('ejs').__express);//设置之后只需写文件名即可识别为html文件app.set('view

2016-07-15 14:20:19 1799

原创理解c指针（初级版）

一指针的概念指针关注四个方面的内容：指针的类型指针所指向的类型指针的值指针所指向的内存区1. 指针的类型int *ptr; //指针的类型是int * char *ptr; //指针的类型是char *int **ptr; //指针的类型是int **int (*ptr)[3]; // 指针的类型是int (*)[3]int *(*ptr)[4]; //指针的类型是 int

2016-07-15 13:32:37 396

转载用nodejs做Web前端服务器的一些经验

前不久 NCZ 发表了新文章 Node.js and the new web front-end（译文），描述了用 node.js 做 Web 前端服务器的种种优势。NCZ 在文章中推荐了一套服务器模型(图片来源自Node.js and the new web front-end)。这个模型在传统的后台服务器前，增加了一层 node.js 实现的 Frontend Server 层。这种架构的最大好

2016-07-06 17:54:24 10319

原创 C++15道基础算法题---（1）合并已排序数组

0.题目： 1、合并排序，将两个已经排序的数组合并成一个数组，其中一个数组能容下两个数组的所有元素;思路：用户输入两个数组的长度len1,len2动态创建两个数组arr1，arr2将arr1，len1，arr2，len2传入mergeArr函数mergeArr函数动态创建长度为len1+len2的数组arr。将arr1和arr2的值循环复制到arr中。1.动态创建数组 int *ar

2016-07-05 17:51:02 922

原创使用node.js的Crypto模块Hmac算法对信息进行认证

1.引入 crypto模块var crypto = require('crypto');console.log(crypto.getHashes()); //打印支持的hash算法运行结果：[ 'DSA', 'DSA-SHA', 'DSA-SHA1', 'DSA-SHA1-old', 'RSA-MD4', 'RSA-MD5', 'RSA-MDC2', 'RSA-RIPE

2016-07-03 15:34:26 7363

原创 node.js后台jquery前台-- 实现用户登录注册AJAX交互

最近实现了node.js当作后台，jquery写前台AJAX代码的，实现用户登录和注册的功能，刷新了前后端交互的三观。特记录一下。1.login.ejs实现form框架 <form > <ul> <li><p>用户名</p></li> <li><input type="text" name="username

2016-07-02 23:48:28 6961

章鱼小丸子