html

CSS实现3D切换效果

先上效果图和代码吧鼠标悬浮上去，蓝色的front面开始旋转蓝色的front面转过90°时，黄色的back面会显现出来， div# outer{ width: 200px; height: 200px; position: relative; perspective: 300px; margin:10
业界 2016年07月05日

AngularJS表单验证

表单网页中用户于服务端交互数据的表单控件有input、select、textarea，而表单是将为了达到一个目的（登录、注册等）各种控件整合到一起的一个集合。表单和其中的表单控件提供了验证服务，可以让用户在提交（一般在点击类型为submit的按钮时提交）表单前意识到自己有非法（不符合要求，以下都将称为非法）的输入。这种验证方式（客户端验证）提供了比单独的服务端验证更好的用户
业界 2016年07月05日

js获取文档和元素的坐标

这两天在写瀑布流的实现，使用了一些关于获取文档坐标、元素位置的函数，刚好看到犀牛书上关于这部分的介绍，特写此文章进行总结，方便日后查找使用。文档坐标和视口坐标元素的位置X，Y坐标是相对于文档的左上角或视口的左上角。向右表示X增加，向下表示Y增加，以像素来度量。首先需要明确的是，文档坐标不等于视口坐标。“视口”只是实际显示文档内容的浏览器的一部分，不包括浏览器的菜单、工具条、
业界 2016年07月05日

Vue.js 实践（2）：实现多条件筛选、搜索、排序及分页的表格功能

与上周的第一篇实践教程一样，在这篇文章中，我将继续从一种常见的功能——表格入手，展示Vue.js中的一些优雅特性。同时也将对filter功能与computed属性进行对比，说明各自的适用场景，也为vue2.0版本中即将删除的部分filter功能做准备。需求分析还是先从需求入手，想想实现这样一个功能需要注意什么、大致流程如何、有哪些应用场景。表格本身是一种非常常用的组件，用于
业界 2016年07月06日

现代化的前端开发工具与流程

先列出部分，一点点把每条的坑填上，写文章。保真图设计阶段考虑响应式栅格与常用布局 篇SASS 语法 篇Node 在前端领域的基础知识 篇使用 Gulp 与各类工具（browerSync、styleLint） 篇HTTP & Restful API Style 篇如何现代化地使用图标（icon）篇CSS 布局（float、position、flexbox） 篇CSS 过渡与动
业界 2016年07月06日

个人Web前端开发切图PS设置

(一) 文件新建设置画布大小 Web(1920×2000) 像素分辨率(R) 72 像素/英寸颜色模式 RGB 8位背景内容（透明）（二） 移动工具设置自动选择不要勾选，右边选择图层需要选择图层时，在PSD上面Ctrl + 鼠标左键点击（三）视图与窗口设置视图-显示-智能参考线勾选标尺勾选窗口-库、颜色关闭窗口打开信息、字符，右上角关闭属性、段落点开信息面板设置，标尺单位改
业界 2016年07月06日

AngularJS的核心对象angular上的方法全面解析(AngularJS全局API)

总结一下AngularJS的核心对象angular上的方法，也帮助自己学习一下平时工作中没怎么用到的方法，看能不能提高开发效率。我当前使用的Angularjs版本是1.5.5也是目前最新的稳定版本，不过在全局API上，版本不同也没什么区别。AngularJS 全局 API列表elementbootstrapcopyextendmergeequalsforEachnoopbi
业界 2016年07月06日

H5项目常见问题及注意事项

Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构// width 设置viewport宽度，为一个正整数，或字符串‘device-width’// height 设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置// initial-scale 默认缩放比例，为一个数字，可以带小数// min
业界 2016年07月06日

水平垂直居中

实现demodemo源码css代码：.container{width:400px;height: 200px;background-color: # ccc;position: absolute;top:0;bottom: 0;left: 0;right: 0;margin:auto;overflow:hidden;}/第一种方式实现圆角/.left-circle{back
业界 2016年07月06日
加载更多