
js
antony9118
蚂蚁金服内推,简历发送至taiyi.wj@antfin.com
展开
-
webstorm 下载并设置jade、less
和Intellij出自同一个公司。jetbrains的产品总是备受期待。现在做的项目需要把之前的html等改为jade开发,这里记录一下开始的设置过程。如果之前已有项目,现在只是改为webstorm开发的话,想要导入项目不要选open,因为可能提示你找不到 iml 文件。一般项目的module的根目录才有iml,如果是module中的某个子文件夹用来存放jade、less等的话,无法直接用open打原创 2016-10-20 17:38:17 · 2801 阅读 · 0 评论 -
实用的 html 前端组件源代码总结
这次被拉过去临时做前端,遇到了一些不错的常用组件,在这篇博客中整理一下,会持续更新。(提前声明,本文中所有的例子都引入了bootstrap框架)1 图片铺满整个网页背景这次我帮忙做的页面没有复杂的组件,做完之后觉得整个网页光秃秃的,后来就想加入虚化的城市图片作为网页背景,效果如下:背景的填充实现代码如下:<body background="img\city_bg.jpg"style=" backg原创 2016-08-16 09:45:08 · 3412 阅读 · 0 评论 -
js 控制 button 切换
最近做公司的一个抽奖系统,频繁的用到了这个小功能,觉得还是很实用的,在这里把代码贴出来。事先声明,css用的是adminlte和bootstrap原生的,js里面还用到了layer弹窗,layer是非常方便好用的弹窗插件,会在以后的博客中有引申说明。1 单击改变按钮抽奖以前,后台的抽奖按钮应该是这个样子的开始之后,就要变成为什么要这么做呢?反正这个控制按钮不是观众能看到的,只有后台控制人员才能看到。原创 2016-12-11 20:37:11 · 7367 阅读 · 0 评论 -
layer 实现弹窗提交信息
layer是非常好用的弹窗插件,具体参见官方文档 点击这里进入。官方有很多示例,使用方法也非常简单,引入官方下载的css和js就可以了。但是有时候,弹窗提醒并不能满足我们的所有要求。例如,在奖品界面,希望点击“编辑奖品”的时候,能弹出对话框让我们来填写信息,如下图所示:如何用简洁美观的 layer 实现这一功能呢?官方并没有给我们提供示例,那就自己动手写吧。下面把代码贴出来。给“添加奖品”按钮加上原创 2016-12-11 21:17:17 · 27007 阅读 · 1 评论 -
Angular JS 使用技巧
最近用Angular JS做为前端框架,本文记录一些使用过程中的技巧,只做用法的描述,不做过多原理上的讨论。1 多个ng-app-idAngular JS规定,一个页面中只能引入一个ng-app,这样比较不利于多人协作开发,有什么解决办法呢?就是引入ng-app-id。具体做法是,假设你要写一个article.js用来操作文章,就在该js最开始的地方加入下面一段代码angular.element(d原创 2016-11-22 15:08:29 · 517 阅读 · 0 评论 -
BootStrap+Hbuilder 实例
之前做的项目主要是后端的,这次被拉过去帮忙做两个简单的前端页面。学习过程中使用了BootStrap和Hbuilder,感觉是非常好的工具,这里记录一下自己试验的实例。1 BootStrap的优点BootStrap是现在最受欢迎的前端框架,对css、js等进行了封装。优点先列在这里,后面使用的过程中会慢慢体会到BootStrap的好处。受欢迎,社区里面有大量的开发者,随时能帮助你解决很多问题;做出原创 2016-08-12 10:37:51 · 35142 阅读 · 7 评论