-
前端设计
-
纯css实现全屏居中自适应对话框
网页中会经常用到对话框,用的最多的就是直接用layer等插件实现的功能，但有时只想要一个简单的对话框功能不想要太多的其它代码，如下<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Conte -
css实现高度自适应和宽度一至
布局中常用到把图片限制到指定的大小,宽度们我可以直接设置成百分比来自适应但是高度却不能设置，但是要吧得用css中padding-bottom属性来把高度撑起来实现目的,如下<!DOCTYPE html><html lang="en">& -
外部调用vue组件中的方法
可以使用vue的事件消息机制来实现首先创建一个空的vue对应用来传递消息使用,这个对象要设置成全局的如下window.eventHub = new Vue();然后在vue组件中使用上面对象来注册一个自定义事件来调用本组件里的方法，代码写在created创建完成函数中var _t=this;eventHub.$on('deleteItem', -
require.js的shim配置方法
使用requirejs中不可避免的要使用一些第三方库(不符合amd加载的库),这个时候我就可以使用shim配置项来实现加载配置文件如下require.config({ //默认的库加载目录 'baseUrl': '/public/admin/default/js -
判断微信,android,ios,webkit,qq,sogou等浏览器信息
一个简单的判断浏览器信息的js脚本，支持amd加载(function(factory) { if (typeof define == 'function' && define.amd) { &nb -
css3的flex布局
2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。 flex浏览器支持一、Flex布局是什么？Flex是FlexibleBox的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以 -
h5中history.pushState的用法
h5中提供了不修改页面内容只修改地址栏的api，pushState(添加浏览历史),replaceState(修改当前浏览历史)，popState事件在用户返回或前进进会被出发触发history.pushState方法接受三个参数，依次为：state：一个与指定网址相关的状态对象，popstate事 -
jquery选择checkbox已经选中和未选中的元素
//未选中的$("input[name='id']:not(:checked)");//选中的$("input[name='id']:checked"); -
css3中animation动画和2d、3d的使用方法
css3的动画效果很炫,感觉很简单但每次使用的时候都得查哪个属性怎么用等，物流是里面的一些动画、2d、3d也是分不清楚，下面记录下使用步骤css3的动画有两种一种是过渡动画，一种是帧动画，听起来就大概知道是什么情况啦帧动画肯定是更牛X一点过渡动画过渡动画主要设置下面几个属性,指定元素的哪个属性怎么过滤效果,transition 简写属性，用于在一个属性中设置四个过渡属性。transiti -
javascript/js检测对象中是否存在某个属性
javascript，检测对象中是否存在某个属性检测对象中属性的存在与否可以通过几种方法来判断。1.使用in关键字。该方法可以判断对象的自有属性和继承来的属性是否存在。varo={x:1};"x"ino; //true，自有属性存在"y"ino; &nbs