摘要: 我们知道input的radio复选框是不能设置样式的,但由于项目的需要,可能我们需要给标签添加更多的样式,以满足需求,下面我就给大家写一下我所用的方法。 首先我们可以通过一个span标签或其他标签来设置样式,然后动态的选择样式可以使用“~”或“+”符号来表示兄弟级之间选择器的变化,然后通过Input 阅读全文
posted @ 2018-03-01 18:31 Amylee_style 阅读(1911) 评论(0) 推荐(0)
摘要: 最近在做一个用angular框架写的一个管理平台项目,在对按钮的权限管理中,使用了$rootScope来存储权限数据,但发现个问题,就是在页面加载的时候,有时候页面会绑定不了权限的数据,但这种几率很小,但却会发生,让人摸不到头脑。 权限的获取数据是通过监听路由的变化来请求接口获取相应页面的权限数据, 阅读全文
posted @ 2018-03-01 18:20 Amylee_style 阅读(1405) 评论(0) 推荐(0)
摘要: <dialog>元素是html5新推出的特性,之前我用弹框都是通过ui框架来实现,今天就试一下用原生方式引用弹框。 首先,我们在页面上要定义<dialog></dialog>标签,然后通过modal.showModal()和modal.close()的方法来分别实现弹出框的显示和关闭功能。如果你想默 阅读全文
posted @ 2018-01-30 11:07 Amylee_style 阅读(495) 评论(0) 推荐(0)
摘要: 今天事情比较轻松,突然看到之前自己遇到的一个问题,就是多重数组的降维去重的做法,刚好最近在看javascript的设计模式这本书,里面介绍了很多面向对象和封装的设计,于是我便自己在编辑器上实践了一下,发现了一个新的方法就是Array.prototype.concat..apply([],arr),之 阅读全文
posted @ 2017-11-06 17:26 Amylee_style 阅读(681) 评论(0) 推荐(1)
摘要: 最近得知公司准备将angular项目换成vue框架,于是自己便用一天的时间自己搭建了个项目架构,包括路由和本地服务器搭建等。 目录为:——dist //直接放在服务器上可运行 ——js //压缩文件 index.html //文件本地打开可看效果 ——src ——components //组件 —— 阅读全文
posted @ 2017-08-09 15:24 Amylee_style 阅读(205) 评论(0) 推荐(0)
摘要: 所谓响应式布局,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。他的好处我们不用写多套屏幕模板而只需要写一个就可以实现,现在用的比较多的就是bootstrap的响应式布局,而他实现的原理就是,他会为一个元素设置多个类,然后通过媒体查询会根据当前屏幕分辨率来选择适合的类进行渲染。 b 阅读全文
posted @ 2017-06-20 16:06 Amylee_style 阅读(1588) 评论(0) 推荐(0)
摘要: promise和async/await都是异步方案,promise是es6的新特性,而async/await是es7新出的特性。 想必大家对promise有所见过,他是一个对象,可以实现链式的写法来实现同步异步操作,一般我们可以这样写: 同时他有三种状态:pending(进行中),resolved( 阅读全文
posted @ 2017-06-20 15:33 Amylee_style 阅读(18754) 评论(0) 推荐(1)
摘要: 什么是闭包? 官方来说就是引用了自由变量的函数;通俗讲就是里面函数引用了外面的变量,同时这个函数一定被外面变量所引用。也就是说被引用的自由变量将和函数一同存在,即使离开了创造他的环境也会存在。很多高级应用中都要依靠闭包来实现。 例如: var eat = function(){ var food = 阅读全文
posted @ 2016-12-12 22:59 Amylee_style 阅读(206) 评论(1) 推荐(0)
摘要: 我们都知道常用的选择器有id选择器、class选择器、以及直接标签选择,那如果我们想选择他们的子标签,而不使用id和class该怎么选择呢,这里我就给大家讲一下平时我们在书写中容易混淆的地方。 例如我们在选择p标签下的span标签时,我们一般是通过这种写法来选择: <style media="scr 阅读全文
posted @ 2016-12-11 17:03 Amylee_style 阅读(981) 评论(2) 推荐(1)
摘要: handlebar是一款高效的模板引擎,他主要用于我们在重复使用和替换数据信息的时候能用一套模板的方式将他表示出来,一般我们前端需要前后端的交互,所以在这里我就介绍一下handlebar的使用方法。 下面是handlebar的基本表达式 <p>hello, {{user.username}}</p> 阅读全文
posted @ 2016-10-30 21:06 Amylee_style 阅读(2176) 评论(1) 推荐(0)