NatChen

Once you have chosen the road of life, you have to be brave enough to go to the end and never look back.

摘要: 一.AngularJS Select(选择框) 1.使用 ng-options 创建选择框 <div ng-app="myApp" ng-controller="myCtrl"> <select ng-init="selectedName = names[0]" ng-model="selected 阅读全文
posted @ 2018-05-31 15:08 NatChen 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 一.基本指令 1、ng-app=" " 指令初始化一个 AngularJS 应用程序,定义angularJS的使用范围; tips:一个页面里创建多个 ng-app 手动加载即可: 2、ng-init="变量=值;变量='值'" 初始化变量的值,有多个变量时,中间用分号隔开; 3、ng-model= 阅读全文
posted @ 2018-05-23 11:50 NatChen 阅读(243) 评论(0) 推荐(0) 编辑
摘要: <style> @keyframes dot { 0% { width: 0; } 33% { width: .2em; } 66% { width: .5em; } 100% { width: .8em; } } .dot { display: inline-block; width: 20px; 阅读全文
posted @ 2018-05-18 14:37 NatChen 阅读(315) 评论(0) 推荐(0) 编辑
摘要: .loading {margin: 100px; width: 3px; height:3px; border-radius: 100%; /* 圆角 */ box-shadow: 0 -10px 0 1px #333, /* 上, 1px 扩展 */ 10px 0px #333, /* 右 */ 阅读全文
posted @ 2018-05-16 13:59 NatChen 阅读(621) 评论(0) 推荐(0) 编辑
摘要: 1.文字渐变动效 h1{color: #f35626; background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a); -webkit-background-clip: text; -webkit-text-fill-color: 阅读全文
posted @ 2018-04-17 15:58 NatChen 阅读(447) 评论(0) 推荐(0) 编辑
摘要: 页面1 HTML代码: <p id="loginInfo"></p> JS代码: (function() { if (typeof pageVisibility.hidden !== "undefined") { var eleLoginInfo = document.querySelector(" 阅读全文
posted @ 2018-04-13 15:34 NatChen 阅读(278) 评论(0) 推荐(0) 编辑
摘要: CSS .wrap{width:100vw;height:100vh;background: rgba(0,0,0,0.3);position: fixed;top:0;left:0;text-align: center;} .wrap img{vertical-align: middle;max- 阅读全文
posted @ 2018-04-12 10:56 NatChen 阅读(228) 评论(0) 推荐(0) 编辑
摘要: @media screen and (min-width: 45em) { body:after{ content:"宽屏" } } var content = window.getComputedStyle(document.body, ":after").getPropertyValue("co 阅读全文
posted @ 2018-04-04 15:11 NatChen 阅读(208) 评论(0) 推荐(0) 编辑
摘要: display:none和visibility:hidden的区别在哪儿? “这个问题简单?”我心里头暗自得意,按耐住自己得意又紧张的小心脏,自信满满地说,“这两个声明都可以让元素隐藏,不同之处在于display:none隐藏后的元素不占据任何空间,而visibility:hidden隐藏的元素空间 阅读全文
posted @ 2018-03-14 15:23 NatChen 阅读(229) 评论(0) 推荐(0) 编辑
摘要: button.click(function() { if (isLogin) { //如果已经登录 if (isBind) { //如果已经绑定 //则打开数目修改弹框 funDoNumberChange(); } else { //如果未绑定 //打开绑定弹框 funDoBind(function 阅读全文
posted @ 2018-02-05 15:10 NatChen 阅读(269) 评论(0) 推荐(0) 编辑