随笔分类 - 来点干货
摘要:针对前端优化的点有很多,例如:图片压缩,雪碧图,js/css/html 文件的压缩合并, cdn缓存, 减少重定向, 按需加载 等等 最近有心想针对 ionic项目 和 vue项目,做一个比较大的优化,做成按需加载(也就是无请求不加载),此刻我内心是无比激动的。 推荐看的按需加载的文章: angul
阅读全文
摘要:目录: 1. 架构选型 2. 架构目录介绍 3. 架构说明 4. 招聘消息 目前如果要说比较流行的前端架构哪家强,屈指可数:reactjs、angularjs、emberjs、avalonjs、vuejs。 我个人接触使用过:avalonjs、angularjs、vuejs。因为工作以及前端团队能力
阅读全文
摘要:最近2天一直在弄一个滑动的刻度效果,由于项目是基于Web App开发的,于是考虑到 移动端和pc端的兼容性问题,考虑的比较多,尝试采用 Html5的Range 来做,目前已经兼容 pc端和移动端!实现成果如下:Html5 Range,缺点:------------------------------...
阅读全文
摘要:apng制作工具:http://isparta.github.io/how.htmlapng制作文章:http://isux.tencent.com/introduction-of-apng.html GIF 和 Apng ,apng-canvasCss3 模拟支付宝AA收款动画 [摘抄]demo...
阅读全文
摘要:我为什么学习SeaJs?【第一】:为了解决项目中资源文件版本号的问题,以及打包压缩合并等问题。【第二】:好奇心和求知欲。【我发现很多知名网站也都在使用(qq空间, msn, 淘宝等等),而且 SeaJs 也得到了很好的推广与应用】。【第三】:经过了解得知 淘宝的 玉伯 是 湖南炎陵 人,觉得他很牛X。【强烈】给小伙伴们推荐一个玉伯的讲的 SeaJs PDF 学习资料,下载地址:http://pan.baidu.com/s/1CCz4C第一步 【版本号问题的解决】:首先大家可以到 seaJs.org 官网去下载一个 seajs 的 例子,以及文件,现在 sea.js 的版本 已经到 V 2.1.
阅读全文
摘要:此项目需求就是根据给用户分配的权限,进行相应的权限模块浏览功能,因为项目不是很大,所以权限没有去用一张表去存,我的解决思路如下,希望大家给点建议。数据库用户表结构如下:数据库表梳理:BankUserMember:权限分配表(1-省行管理员, 2-分行管理员, 0-网点负责人(普通会员),4-超级管理员)。 BankUserInfo: 用户详细表。 BankAgent: 机构层级表。用户权限枚举表如下: /// /// 用户角色 /// public enum Role { /// /// 注册会员 /// ...
阅读全文
摘要:由于咱们项目中的签到:主要是为了让用户通过签到次数,来完成任务,获得相应的奖励!上图: Sign.js代码如下: 1 //签到任务 2 var Sign = { 3 Data: { 4 SignMonthDetailUrl: '/UserCenter/SignMonthDetail', //签到明细查询地址 5 SignUrl: '/UserCenter/Sign/', //签到地址 6 CurentShowDate: null, //当前显示的月份 7 objSignButton: null, //签到对象...
阅读全文
摘要:====第一个Bug====》》 目前测试出现在IE7,IE6中。 问题:标签,经测试,不兼容IE7,IE6. (个人建议不要使用button标签) 解决方案:改成//ajax表单提交操作 $("form").submit(function () { if ($("#ddlArea").val() === "0" && $("#ddlProvince").val() === "0" && $("#ddlCity").val() === &quo
阅读全文
摘要:实现的效果图如下:jquery.message.box.js 插件代码如下:/* message 提示信息 url 跳转的url,有3个值可以选({1:指定跳转url地址,2:返回前一个页面,3:不跳转}) delay 提示的时间值 type 提示的类型,有3个值可以选({1:左侧提示类型,2:向下提示类型,3:居中提示类型})optionExtend 保留用户扩展的一个option(主要用来扩展您自己想要的message提示框的css效果)*/$.fn.messagebox = function (message...
阅读全文
摘要:赴汤蹈火英雄壮举照日月,舍生忘死烈士忠魂耀乾坤。 赴汤蹈火英雄壮举照日月,舍生忘死烈士忠魂耀乾坤。 效果图片:
阅读全文
摘要:如图一所示:body级别的遮罩,整个页面Loading加载........效果!如图二所示:Div级别的遮罩,具体到某个Div的Loading加载........效果!Html代码如下:<a href="#" id="load">Load</a><div id="tb"> <div id="result"> </div></div>在这次项目中,我就发现了这个问题,ajax请求太单调了,以前的做法都是在ajax请求之前手动去设置一个Loadin
阅读全文
摘要:如果你还是不太懂位运算,请看我的文章:那些年我们一起遗忘的位运算!下面是我在这次项目中学习到的,我眼中的位运算的应用!主要是实现 通知的3个操作:1. 置顶2. 设为首页3. 同时为 “置顶”+ “设为首页”效果如图:我们要想简便的进行位运算,我们可以直接进行如下枚举定义,以2的次方定义,应为他们的值很特殊:数 二进制值1 12 104 1008 100016 1000032 10000064 1000000128 10000000 /// <summary> /// 通知类型 /// </summary> public enum NoticeType ...
阅读全文