自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

刘建辉blog

web前端开发

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

原创 angularjs----mark

watch进行监控,watch 进行监控, parse 手动解析 http://jsbin.com/rasafitame/edit?html,js,output<!DOCTYPE html><html ng-app='myApp'><head><script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angula

2016-01-18 09:30:51 414

翻译 angular规范

2016/1/17 20:09 规范1:将每个模块定义在一个单独的独立的文件中//不推荐angular .module('app', ['ngRoute']) .controller('SomeController', SomeController) .factory('someFactory', someFactory);function SomeController(

2016-01-17 21:32:54 809

原创 js基础

instanceof和typeof运算符的区别详解一.instanceof运算符: 此运算符可以判断一个变量是否是某个对象(类)的实例,返回值是布尔类型的。var str=new String("antzone"); console.log(str instanceof String);以上代码会输出true,因为str是对象String的对象实例。 一般说来只有使用构造函数创建的对象才会返

2015-12-29 09:20:36 381

原创 创建一个express + ejs的项目

用控制台cd命令到项目文件下 依次输入一下命令express -e testEjsWebAppcd testEjsWebAppnpm install

2015-12-29 09:13:23 445

原创 创造更好的浏览体验-HTML5 history API

从Ajax翻页的问题说起 请想象你正在看一个视频下面的评论,在翻到十几页的时候,你发现一个写得稍长,但非常有趣的评论。正当你想要停下滚轮细看的时候,手残按到了F5。然后,页面刷新了,评论又回到了第一页,所以你又要重新翻一次。 再或者,你想把这个评论发给别人分享,一面给了别人页面地址(为什么不直接复制呢?因为要连带视频等场景啊),一面又要加一句嘱咐:请翻到下面评论的第XX页的XX楼。 这就是问题

2015-12-11 17:43:06 438

原创 安装了wampserver后进入localhost/phpmyadmin/失败

node.js安装grunt报错?C:\WINDOWS\system32>npm –registry=http://r.cnpmjs.org install cnpm -g npm ERR! Windows_NT 6.2.9200 npm ERR! argv “C:\Program Files (x86)\nodejs\\node.exe” “C:\Program Files ( x86)\n

2015-12-11 10:30:34 746

原创 安装了wampserver后进入localhost/phpmyadmin/失败

打开如下文件: c:\wamp\alias\phpmyadmin.conf    //这个就是你的wamp的安装目录下的内容 修改成这样:<Directory "c:/wamp/apps/phpmyadmin3.4.5/">Options Indexes FollowSymLinks MultiViewsAllowOverride allOrder Deny,AllowAllow fro

2015-12-10 16:14:55 2293 1

原创 javascript 松散耦合

js代码耦合过紧,就会难于维护,并且经常需要重写代码; 解耦的方法:解耦应用 逻辑/事件分离; 一般的可能会这样写ele.onclick(){ if(a>b){ alert(1) } }解耦后的代码会是这样;function a(){ alert(1)}elem.onclick=function(a,b){ if(a>b){

2015-12-10 16:13:00 521

原创 angular

**angular中controller的作用域,controller共享服务factory的数据,绑定controller的方法,** 代码地址 https://jsbin.com/filenaxare/edit?html,js,output1.自定义过滤器 angular 指令中scope参数实例实例地址 https://jsbin.com/zomegacici/edit

2015-11-22 18:29:24 337 1

原创 JS,Jquery获取各种屏幕的宽度和高度

JS,Jquery获取各种屏幕的宽度和高度Javascript:网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全

2015-11-10 17:24:44 433

原创 Window pageXOffset 和 pageYOffset 属性

Window pageXOffset 和 pageYOffset 属性1. 定义和用法pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。2. 语法window.pageXOffset window.pageYOffset

2015-11-10 16:31:24 5782

原创 css 制作三角形/平行四边形

三角形css制作三角形如图 代码如下<div id="first"></div><div id="second"></div><div id="third"></div>div { display: inline-block; margin: 20px 0 0 20px;}#first { width: 20px; height: 20px; border-

2015-11-10 09:40:01 894

原创 用angular做表单验证

先上图 看到红色箭头所示,有注意两点:当文本框获得焦点的时候,有一个box-shadow的效果同时会有验证都知道input是单标签(不闭合)的元素,为了实现这个效果,就需要用到div将input包围起来,如下: <div ng-class="{focus:myfocus,blur:myblur}"> <label for="uName">

2015-11-09 13:40:44 742

原创 ng-foreach

angular

2015-11-04 14:58:37 575

转载 网页中引入字体@font-face 笔记

@font-face的语法是这样子的@font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>]]*; [font-weight: <weight>]; [font-style: <style>]; }看一下好像看的有点雾水的

2015-10-29 13:24:08 521

原创 读angularjs权威指南入坑之旅

angularjs权威指南学习

2015-10-28 18:03:41 468

原创 360浏览器模式问题

浏览器

2015-10-28 14:20:10 366

原创 微信浏览器 、qq浏览器(video) 的特殊之处

2015/10/27 入坑记录 由于要在pc、手机上面做web、所以想到了宽度要自适应,高度就不要管了,刚开始就没有写高度,导致,后来video没有高度;<video width="100%" height="" id='' controls=""> <source src="myvideo.mp4" type="video/mp4"></source></video>在pc 或者是手机

2015-10-27 14:41:39 2453

原创 多文件上传预览,canvas压缩处理

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Keywords" content=""/> <meta name="Description" content=""/> <meta name="viewport" content="width=de

2015-10-27 10:58:52 477

原创 多个文件预览

这里实现了多个文件预览,并且把多个文件的url放在了urlData数组中,方便后台上传 啥也不多说,先上代码;<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><input type="file" multiple="multiple"/><d

2015-10-26 13:06:28 497

空空如也

空空如也

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

TA关注的人

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