html

图片放大镜注释详解

今天的练习是做一个网购网站常见的图片详情介绍的放大镜效果,简单来说就是图片中有对应的区域让你看到放大后的效果。关于布局:就是两组div,第一组大div放图片,小的是遮盖层。第二组是大图div显示框,里面放大张图片,超过部分隐藏,可以想象下是透过窗户看外面,你看到的只是一部分。思路:就是两边的比例,重点,比例,话不说,直接上代码。 *{margin:0

一款支持响应式界面的前端编辑器

Responsive Design Playground & Frontend Editor. Use, compare & test responsive frameworks. Find code snippets & examples. 地址:http://www.codeply.com/ 关键字:html, frontend, snippets

水平垂直居中

实现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

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

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

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

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

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

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

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

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

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

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