摘要：前些天，项目组将项目从mvc3升级至mvc4，完了之后，发现突然涌现出一大堆问题。主要是在前端，Razor引擎升级导致的。Razor是从mvc3开始引入的，用过mvc2的就会知道，Razor用起来确实是灰常爽的（Razor意为"剃、剃刀"，看着就有一种犀利的感觉），mvc4对Razor进行了升级。mvc4中，一些Razor的写法得到了简化，例如在mvc3中，引用外部样式文件我们会用：而在mvc4中，只需这样写就可以了（暂时忽略Styles.Render()）：给个大大的赞！！简写给开发带来便利，可是一不小心，很容易就会出错，例如以下我们遇到最多的问题——先看看mvc4，属性 阅读全文

摘要：前言：1、我很懒！2、写样式时，很多时候需要单独设置长度、宽度、内间距、外间距等。于是，就会有很多CSS代码会出现很多类似以下的代码：.w20: { width: 20px; }.mt10: { margin-top: 10px; }我遇到过有些页面，只需要一个.w20的样式，所以我是新建一个CSS文件来存放呢，还是直接写在里面呢 ... 请原谅选择困难症患者 ...3、自己写的js插件（或者是将别人的插件重新包装一次），一般来说至少会有两个文件：xxx.css & xxx.js。于是每次使用时，和都需要配对书写；这次的目的就是，类似的CSS代码，在某个地方，只在需要的时候会自动生成； 阅读全文

摘要：上一篇《html自定义checkbox、radio、select —— checkbox、radio篇》介绍了我们是怎么将 html 自带的checkbox、radio 改成我们自定义的UI的，现在来说说怎么将 html 自带的 select 改成我们自定义的UI（由于时间关系，我们只完成了单选部分的转换，而多选部分的转换没做，后续会找个时间补上）。select 跟 checkbox、radio 方法大致相同。在 Bootstrap 中，有一个"按钮式下拉菜单"的组件，我们是在这个基础上进行修改的。效果： 结构大致是： 其中，包住的就是展示出来的UI，是正常情况下显示的，是 阅读全文

摘要：前些日子，所在公司项目的UI做了大改，前端全部改用Bootstrap框架，Bootstrap的优缺点在此就不详述了，网上一大堆相关资料。前端的设计就交给我和另一个同事[LV，大学同班同学，毕业后在同一家公司同一个部门同一个项目组共事，现在他离职跑去创业了，小小怀念一下他]，由于我们都是不喜欢 html 自带的 checkbox、radio、select 的样式，所以就决定自己来写一套基于 Bootstrap 的样式。对于 checkbox/radio，首先我们想到的就是用图片来替换掉现有的点击框，我会一点PS，所以图片就交给我了：从左到右分别是：unchecked: { normal, hov 阅读全文

摘要：入驻博客园后的第一篇技术博客，这次来聊聊前端js技术应用。最近接触一款手机游戏：PopStar（消灭星星），第一次在手机上玩就被深深吸引了。玩了几局后发现，想要一路过关斩将，就要想方设法得到更高的分数，所以要么一次消灭更多的星星，要么每一局剩下更少的星星（10个以下有奖励分数，挺可观的）（具体信息上网找攻略，这里不做详述）。到此，技术宅有了一个自己写PopStar的计划，想到就开始动手 —— 这次选择html页面+js来实现。GO ...首先，需要知道这款游戏的各种规则，最基本的就是，消灭x个星星，得到(x2 * 5)分数，最后剩下星星数和得分：10(0)、9(380)、8(720)、7(10 阅读全文