Canvas 绘制动画时钟

2016-12-02

在线演示地址 http://codepen.io/poetries/pen/gLoQzo

1
2
3
 <canvas id="clock" width="500" height="500">
    您的浏览器不支持此效果展示，请升级最新版本
</canvas>

阅读全文

HTML5之API总结

2016-11-26

一、Canvas API

canvas API是H5标准中最复杂的部分， 它提供几种属性和方法，可以在canvas元素上创建图形应用

方法

阅读全文

Ajax总结篇

2016-11-26

原文出处 http://blog.poetries.top/2016/11/26/Ajax-summary

阅读全文

bootstrap笔记总结

2016-11-19

原文出处 http://blog.poetries.top/2016/11/19/bootstrap-review

最近项目中用到bootstrap 很是健忘各种属性类名，频繁翻阅文档，在这里暂且记录一下笔记

阅读全文

居中解决方案荟萃

2016-11-12

水平居中方案

方案一：text-align + inline-block

1
2
3
<div id="parent1">
	<div class="child">水平居中</div>
</div>
1
2
3
4
5
6
7
8
9
10
#parent1{
	text-align: center;
	background:#ddd;
	margin-bottom:20px;
}
#parent1 .child{
	display: inline-block;
	background:#666;
	color:#fff;
}

阅读全文

JavaScript&&PHP常用函数对比

2016-11-12

字符函数

JavaScript php
获取字符串长度 字符串.length strlen( 字符串 );
截取字符串 字符串.substr( 起始位 [,长度] ); substr( 字符串, 起始位 [,长度] );
字符串定位（子字符串 在字符串 中出现的位置） 字符串.indexOf( 子字符串 );
字符串.lastIndexOf( 子字符串 );		 strpos( 字符串, 子字符串 );
strrpos( 字符串, 子字符串 );
拆分为数组 字符串.split( 分割符 ); explode( 分隔符, 字符串 );
转化为大写 字符串.toLowerCase(); strtoupper( 字符串 );
转化为小写 字符串.toUpperCase(); strtolower( 字符串 );

阅读全文

JavaScript常用的代码片段

2016-10-27
  • 转义特殊字符为html实体
1
2
3
HtmlEncode: function(str){
	return str.replace(/&/g, '&').replace(/\"/g, '"').replace(/</g, '<').replace(/>/g, '>').replace(/'/g, ''');
},
  • 验证是否为有效的手机电话号码
1
2
3
4
IsMobile: function(str){
	var rp = /^1[3|4|5|7|8][0-9]\d{4,8}$/;
	return rp.test(str);
},
  • 验证是否为有效的座机电话号码

阅读全文

jQuery笔记总结篇

2016-10-20

原文链接 http://blog.poetries.top/2016/10/20/review-jQuery

首先，来了解一下jQuery学习的整体思路

jQuery系统学习篇

阅读全文

HTML5+CSS3整体回顾

2016-10-19

转载请声明 原文链接

这篇文章主要总结H5的一些新增的功能以及一些基础归纳，这里只是一个提纲，并不是很详细，后面会一直完善补充新的内容，本文是一些笔记记录，放在这里供自己参考也供他人学习！

阅读全文

javascript笔记总结篇

2016-09-24

转载请声明出处 博客原文

随手翻阅以前的学习笔记，顺便整理一下放在这里，方便自己复习，也希望你有也有帮助吧

第一课时 入门基础

知识点：

  • 操作系统就是个应用程序
  • 只要是应用程序都要占用物理内存
  • 浏览器本身也是一个应用程序
  • 浏览器本身只懂得解析HTML
  • 调用浏览器这个应用程序的一个功能绘制

阅读全文