- 博客(108)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 小球形状的“loading”（在原文代码的基础上做的改造）
html> 小球形状的loading /* general styling */ /*.box {*/ /*width:450px;*/ /*margin:18px auto;*/ /*background: red;*/ /*}*/ /*
2016-10-26 17:42:03
1019
转载 CSS3实现“正在加载中”动画
Bouncy Animated Loading AnimationBY CHRIS COYIER LAST UPDATED ON AUGUST 23, 2011Bouncy Animated Loading AnimationJust some funzies with CSS3 animations. If you are worried about super de
2016-10-26 15:37:11
2783
转载 文件上传那些事儿
最近M端项目中涉及到图片上传功能，现把项目中遇到的一些问题及解决办法分享如下，与各位共同探讨：一、相关需求：1. 客户端上限10M2. 服务器端上限2M3. 文件过滤4. 显示上传进度5. 异步上传6. 多文件上传二、需求分析：1. 实现2，可使用canvas在前端实现压缩(base64)；2. 实1、3，可采用file.size及/imag
2016-10-25 16:59:12
872
转载 项目回顾3-再谈图片上传-FormData+ajax上传
注：原文链接：http://www.cnblogs.com/wzls/p/5804028.html上次在纠结图片上传用base64还是form表单，现在感觉好蠢，因为又开辟了第三条道路。其实也根本用不到form只需要一个上传文件的input就好了 input id="file" type="file"/>var formData = new Form
2016-10-24 15:17:15
412
转载 通过jQuery Ajax使用FormData对象上传文件
FormData对象，是可以使用一系列的键值对来模拟一个完整的表单，然后使用XMLHttpRequest发送这个"表单"。在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。但上传文件部分只有底层的XMLHttpRequest对象发送上传请求，那么怎么通过jQuery的Ajax上传呢？本文将介绍通过jQuery使用For
2016-10-24 15:15:23
539
转载 使用HTML5的两个api，前端js完成图片压缩。
主要用了两个html5的 API，一个file，一个canvas，压缩主要使用cnavas做的，file是读取文件，之后把压缩好的照片放入内存，最后内存转入表单下img.src，随着表单提交。照片是自己用单反拍的，5M多，压缩下面3张分别是600多kb，400多kb，300kb的最后那张失真度很大了，压缩效率蛮高的。 charset="utf-8"/> File API
2016-10-24 14:54:51
2245
转载 图片上传-form表单还是base64-前端图片压缩
第一个项目终于上线了，是一个叫亲青筹的公益众筹平台，微信端，电脑端还有后台界面大部分都是我完成的，几个月过来，感觉收获了很多，觉得要总结一下。首先想到的是图片上传的问题。在通常表单数据都是ajax上传的情况下，为了上传图片而去使用form表单感觉很蠢。然后那时候也没有想到用jquery form插件。后台的同事给的方案是用iframe里写一个form表单，然后上传图片之后自动提交表
2016-10-21 18:00:17
2359
转载 JSON和JSONP
说说JSON和JSONP，也许你会豁然开朗作者: 随它去吧 来源: 博客园 发布时间: 2012-07-16 14:33 阅读: 138648 次 推荐: 380 原文链接 [收藏] 注：本文转自博客园，具体看上面的标题和作者信息。 前言 由于Sencha Touch 2这种开发模式的特性，基本决定了它原生
2016-07-07 19:58:20
496
转载 WebViewJavascriptBridge详细使用
WebViewJavascriptBridge详细使用时间 2016-03-09 11:34:32 标哥的技术博客原文 http://www.henishuo.com/webviewjavascriptbridge-detail-use/ 主题 JavaScript 前言WebViewJava
2016-06-21 18:41:31
1824
原创 JQuery操作DOM
特别说明：慕课网学习整理 1. attr()控制元素属性 attr()方法设置元素属性 点我就变 我改变后的地址是： $("#a1").attr("href" , "www.imooc.com"); var $url = $(
2016-06-21 18:38:49
391
原创 小提示
效果：class="test"> class="info"> class="tips"> 测试测试测试 class="s_dw"> type="text/css"> .test { position:
2016-06-07 13:44:28
405
原创 Angular 方法
1. angular.bootstrapUse this function to manually start up angular application.Angular will detect if it has been loaded into the browser more than once and only allow the first loaded script to b
2016-06-01 18:48:23
934
原创 Less相关
以下三个链接就够啦：首页：http://www.bootcss.com/p/lesscss/语言特性： http://less.bootcss.com/features/函数： http://less.bootcss.com/functions/
2016-05-27 16:02:19
551
原创 AngularJS中的路由、模块化以及依赖注入
1.实际的项目案例1)一般来说一个应用有一个主文件index.html, 用来加载js文件等。并且放一个根的视图ng-view2）所有的js文件都放在js文件夹下面3）使用ngRouter进行视图之间的路由（根据URL进行切换，URL中的#是为了防止浏览器向后台提交请求的，相当于内部的锚点）4）控制器是用来控制视图的5）AngularJS中一切都是从模块（module）开始的。
2016-05-15 23:58:30
757
原创 Angular入门2
1.MVC框架（最终目的：模块化、复用）controller（控制器，把公共的东西抽取成一个service）1）把操作DOM的操作封装到指令directive里面去2）控制器controller之间的互相调用会导致非常强的耦合，所以交互一般通过scope或者数据模型（model）上面的事件来操作。2.模块化 module3.指令系统 （自定义标签，ng-xxx
2016-05-15 23:14:05
641
原创 Angular JS入门
1.Angular JS是一个独立的脚本库。2.Angular应用解析：1）模板（HTML+CSS）2）应用程序逻辑和行为:JavaScript定义的控制器3）模型数据Data：Angular作用域对象，可以是JavaScript对象、数组或者基本类型。3.学习Angular要搭建的环境：1）安装node2)安装git工具（克隆clone）4.ng-
2016-05-15 20:59:28
815
原创 CoffeeScript基础
1.CoffeeScript 编译器本身是 CoffeeScript 写的, 使用了 Jison parser generator. 命令行版本的 coffee 是一个实用的 Node.js 工具. 不过编译器并不依赖 Node, 而是能运行于任何 JavaScript 执行环境, 比如说在浏览器里(看上边的"试一试 CoffeeScript").2.安装C
2016-05-10 12:12:09
1092
原创 关于居中
1.水平居中：行内元素：1）文本以及图片等行内元素的居中：父元素 text-align:center; 如下：html>lang="en"> charset="UTF-8"> 水平居中 div{margin-top: 20px; } .txt,.imgAlign{border:1px solid pink;}
2016-05-02 02:37:58
457
原创 Canvas中保存画布状态及还原
1.save(); restore();示例代码：html>lang="en"> charset="UTF-8"> form测试 type="text/css"> #can{ background: pink; } id="can" width="800px" height="60
2016-04-19 17:11:43
6453
原创 Configuration of GitHub in webstorm
1.Github configuration:1)download github:https://git-scm.com/download ——>install it2) open file——>settings——>Version Control——>Github——>input the login name and password ——>click "test" button
2016-04-18 19:51:43
415
原创 SharePoint的创建
SharePoint网站的创建：1.新建项目——》Visual C#——》office/SharePoint——》SharePoint解决方案——》SharePoint2013空项目——》https://dev2/（调试的网站,dev2为域名）——》部署为场解决方案右击项目——》添加——》SharePoint的layouts映射文件夹——》右击生成的项目名称——》添加—
2016-04-12 18:39:40
601
原创 前端开发——Animation动画
Animation动画是不用触发，就可以动起来的html>lang="en"> charset="UTF-8"> Animation动画的练习 type="text/css"> div{ width: 100px; height: 100px; background:red;
2016-04-06 20:24:13
1560
原创 前端开发——滚滚屏（没有纵向滚动条）
1.前端流程：1）需求分析2）原型图（低保真）——产品经理/设计师/策划绘制 3）做效果图4）代码实现2.优秀网站欣赏：1）百度钱包 一分钱专享 ： https://1.baidu.com/2）微信T管家 http://www.weixint.com/3）QQ PC版 http://im.qq.com/pcqq/3.若要用H
2016-04-05 22:55:15
7819
原创 JavaScript基础内容复习2
1.类型转换：Number();parseInt();parseFloat();toString();String(); //强转Boolean();2.隐式转换用+号* 号-号/ 号
2016-04-01 10:12:32
342
原创 关于前端的性能优化
1.减少http请求：1）合并文件。把多个CSS文件、js文件合并到一起。或则直接把CSS、js放到HTML页面最上面，不用单独写一个文件。***个人觉得用CSS能实现的效果，就不用js了（毕竟js的性能没有CSS3的性能高）2）运用精灵图（现在已近很少用了吧？？？）3）内联图像2.少用重定向3.Ajax异步加载4.延迟载入组件（post-load componen
2016-03-31 22:27:51
315
原创 JavaScript基础内容复习1
1.JavaScript的历程：1）ECMAJavaScript不是一门语言，而是一个标准。2）Google退出Ajax，改变了人们对JavaScript的认识。3）Node.js，运行于服务器端。2.JavaScript脚本是可以放在body里面的。3.Webstorm中代码注释的快捷键：Ctrl+/4.查看JavaScript错误的方法：右击——》审查元素——》控制台（
2016-03-30 22:43:12
511
原创 Angular JS 开发Web应用程序
1.SPA 应用程序：单页Web应用（single page web application，SPA），就是只有一张Web页面的应用。如：网页云音乐（http://music.163.com/）2.Angular JS的一些属性特征：1）MVC2）模块化3）自动化双向数据绑定4）指令系统（非侵入式API） （没明白是什么鬼？？？？）3.如果想要使用NPM的
2016-03-23 20:44:12
1226
原创 能够用手指滑动的焦点轮播图——swipe.js
1.swipe.js 专门用来制作手指滑动的焦点轮播图使用步骤：下载swipe.js文件——》新建HTML5页面——》添加视口约束——》添加两个div，第一个的id名称可以任意，第二个固定为：“swipe-wrap”——》插入放置轮播图的div,而不是ul(因为swipe.js库只支持div)——》添加CSS样式——》引用JQuery 和swipe.js库——》。。。示例代
2016-03-23 17:58:32
8697
原创 JQuery Mobile(书籍分类检索)
1.什么时候使用JQuery mobile 呢？所有功能性比较强的网站，比如订酒店（如：携程）、租车、订票等这样需要有本地APP 界面的网站。就需要使用JQuery mobile如图： 2.JQueryMobile官网下载——》解压后拷贝images文件件、jquery.mobile-1.4.5.min.js、jquery.mobile-1.4.5.min.css
2016-03-22 23:27:00
1275
原创 响应式手机网站——视口约束&媒体查询
1.http://mediaqueri.es/ 响应式网站2.用谷歌浏览器模仿各种移动设备。3.设备检测： 1）device.js库 （图片截自传智视频）2）页面跳转：window.location=URL;4.检测屏幕更改页面的CSS样式：（有点像hao360换肤
2016-03-21 21:38:23
2852
原创 .before和.after+3D旋转案例（字体翻转的效果）
1.行内的盒子——考虑定位2.3D旋转：rotaeX()rotateY()rotaeZ()设置旋转中心点：transform-originskew(x,y) 倾斜示例代码：html>lang="en"> charset="UTF-8"> 伪元素练习 type="text/css"> *{margin: 0;p
2016-03-20 22:41:50
3485
原创 CSS3：图标字体
1.图标字体：就是用字体代替图片1）如：淘宝https://www.taobao.com/（1）默认：（font-size:12px;）（2）审查代码，看到font-size默认为12px（3）用滚轮调整字体大小后，会有以下结果：2）而新浪网：http://www.sina.com.cn/ 的图标就不是用这种方式解决的，而是用图片：
2016-03-19 23:02:49
1155
原创 CSS3复习——小三角、旋转、过渡
1.CSS3的兼容性问题：IE9及以上都支持。2.盒子模型1）当所有的border都是一样的颜色的时候：运行效果：2）如果所有的盒子的颜色都不一样：运行效果：3）假设盒子的宽、高均为0，则：运行效果：4）小三角的写法：html>lang="en"> charset="UTF-8"> 小三角
2016-03-18 17:52:06
2703
原创 一些JS特效
1.http://www.17sucai.com/pins/demoshow/35292.http://www.reverenddanger.com/3.网页特效库http://www.5iweb.com.cn/4.http://www.5iweb.com.cn/resource/5iweb2015113001/index.html
2016-03-17 17:34:28
660
原创 JQuery
1.JavaScript和JQuery实现功能的方法对比以下要实现点击“隐藏”按钮，隐藏盒子的效果： 点击按钮后： 示例代码：html>lang="en"> charset="UTF-8"> 实现点击“隐藏”按钮之后，盒子隐藏 div{ width:200px;
2016-03-16 23:00:18
479
原创 JavaScript
1. CSS hack：针对不同的浏览器写的不同的CSS代码，就叫CSS hack。2.结构层——HTML——语义描述 样式层——CSS——美化渲染 行为层——JavaScript——交互（响应事件）3.JavaScript脚本随着HTML页面的请求，会保存到本地。是运行在客户端的脚本语言，当然现在还有可以编写在服务器端的js。另外，JavaScript代码是可以通过浏览器
2016-03-16 15:48:57
339
原创 Canvas相关的一些问题——画圆
1.在Canvas中绘制圆形的时候可能会出现一些问题，例如下面的代码，想实现一个圆和一个半圆的效果运行代码后，会有如下效果：你会发现两张图都是圆，如果把第二个图的角度改为60度，依然是如上面所示的效果。如何解决这个问题呢？可以考虑使用弧度的方式来表示，如下代码：运行效果：但是，当你把360度改为270度，第二个圆改为90度，如下：
2016-03-15 17:34:58
2025
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人