丿伊枫 - 博客园

html5 上传头像的裁剪

摘要：本示例使用HTML5 canvas，简单的编写了上传头像的裁剪效果，移动端支持拖拽后裁剪，虽然样式不好看，但是功能还算全：下图为裁剪后的效果： html部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl 阅读全文

posted @ 2016-03-11 14:39 丿伊枫阅读(6141) 评论(1) 推荐(1) 编辑

html5 canvas用动画的形式装载图像

摘要：本示例使用HTML5 canvas，简单的编写了装载图片效果，请使用支持HTML5的浏览器预览效果：下图为以逐渐横向栅格的效果图 html部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html5 阅读全文

posted @ 2016-03-08 15:26 丿伊枫阅读(434) 评论(0) 推荐(0) 编辑

IE9下WebUploader上传图片跨域问题

摘要：作为前端，这一次踩到后台xml配置的坑。 IE9下上传图片通过flash插件，一直发送http://192.168.0.8:8888/crossdomain.xml请求，状态码为404，原因是上传图片的服务器未配置crossdomain.xml。 springMVC中crossdomain.xml的阅读全文

posted @ 2016-03-03 11:03 丿伊枫阅读(2370) 评论(0) 推荐(1) 编辑

构建angular项目

摘要： 1. 安装yo与gulp bower $ npm install -g yo $ npm install -g gulp bower 2. 快速创建 $ npm install -g generator-angular-gulp-bower $ yo angular-gulp-bower 3. 自定阅读全文

posted @ 2016-03-01 12:00 丿伊枫阅读(267) 评论(0) 推荐(0) 编辑

html5 canvas绘画时钟

摘要：本示例使用HTML5 canvas，模拟显示了一个时钟，请使用支持HTML5的浏览器预览效果： HTML部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content= 阅读全文

posted @ 2016-03-01 11:45 丿伊枫阅读(528) 评论(0) 推荐(0) 编辑

html5表单验证

摘要：表单验证为终端用户检测无效的数据并标记这些错误，是一种用户体验的优化。下面展现浏览器自带的验证功能也可在移动端中查看： HTML部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo 阅读全文

posted @ 2016-02-26 11:49 丿伊枫阅读(298) 评论(0) 推荐(0) 编辑

控制iframe高度

摘要： 1. iframe自适应高度 <iframe id="iframe" src="#" frameborder="0" scrolling="no" width="100%" height="100%" name="iframe"></iframe> 2. 父子iframe交互 1 子页面控制高度 p 阅读全文

posted @ 2016-02-04 16:23 丿伊枫阅读(289) 评论(0) 推荐(0) 编辑

Sublime Text 安装Emmet

摘要： 1.简单的安装方法从菜单 View - Show Console 或者 ctrl + ~ 快捷键，调出 console。将以下 Python 代码粘贴进去并 enter 执行，不出意外即完成安装。以下提供 ST3 和 ST2 的安装代码： Sublime Text 3： import urllib 阅读全文

posted @ 2016-02-04 14:09 丿伊枫阅读(192) 评论(0) 推荐(0) 编辑

Vim快捷键

摘要： 1. vim环境设置 vim行为记录文件路径 ~/.viminfo vim环境设置文件路径 ~/.vimrc 在~/.vimrc里手动写入以下（双引号“表示注释）： set nohlsearch "高亮 set backspace=2 "用退格健删除 set autoindent "自动缩排 set 阅读全文

posted @ 2015-05-21 14:10 丿伊枫阅读(272) 评论(0) 推荐(0) 编辑

NodeJS、NPM安装配置步骤(windows版本)

摘要： 1.NodeJS安装 windows下的NodeJS安装是比较方便的，只需要登陆官网（http://nodejs.org/），直接点击下载按钮。安装过程基本直接“NEXT”就可以了（windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，例如“C:\Program 阅读全文

posted @ 2015-04-16 10:04 丿伊枫阅读(1822) 评论(0) 推荐(0) 编辑

导航

2016年3月11日

2016年3月8日

2016年3月3日

2016年3月1日

2016年2月26日

2016年2月4日

2015年5月21日

2015年4月16日


Copyright © 2025 丿伊枫 Powered by .NET 9.0 on Kubernetes 博客园