摘要: 问题: 平常我们大多数做移动端开发,会有只占一屏且不滚动的页面,css属性设置 width:100%,height:100%,或者(width:100vw; height:100vh), 经常头部 +内容 +底部,这样三栏的经典布局,然后内容超过一定高度之后,设置overflow:auto,内容自适 阅读全文
posted @ 2020-07-20 15:12 贪玩玩的小狮子 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 设计模式的意义 模式为常见问题提供了行之有效的解决方案:模式提供了解决特定问题的优化模板; 模式旨在重用:它们具备通用性,适合于各种问题。 《设计模式:可复用的面向对象软件基础》的作者『四人帮』将设计模式宽泛地划分为以下几类: 创建型设计模式:该模式处理的是用于创建对象的各种机制,这种模式着眼于优化 阅读全文
posted @ 2020-07-20 15:10 贪玩玩的小狮子 阅读(17) 评论(0) 推荐(0) 编辑
摘要: js 设计模式 1.什么是设计模式: 设计模式的定义:在面向对象软件设计过程种针对特定的问题的简洁而优雅的解决方案。就是给面向对象软件开发中一些 好的设计取个名。 好的设计是什么:代码可复用高,可靠性强 (性能优),可维护好。 设计模式的意义: 模式为常见问题提供了行之有效的解决方案:模式提供了解决 阅读全文
posted @ 2020-07-20 15:09 贪玩玩的小狮子 阅读(31) 评论(0) 推荐(0) 编辑
摘要: es6常用摘录 1.es6一共有6中声明变量的方法 es5 的var命令,function命令 es6 的let、const命令,还有import和class命令 2.let :for循环 同时多个for循环都需要遍历,声明可以用let,不会相互干扰。 3.字符串的扩展 传统上,JavaScript 阅读全文
posted @ 2020-07-20 15:07 贪玩玩的小狮子 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 通常我们都是这样写,但是达不到等比缩放,因为给了固定宽高; .topRadian { display: flex; width: 100%; height: 195px; background: url("../../../assets/images/bg_footerRadian.png") no 阅读全文
posted @ 2020-07-20 15:04 贪玩玩的小狮子 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 1.flex 布局的问题:不支持flex-wrap,flex-flow或align-content属性 IE 11 浏览器,不支持flex-wrap,flex-flow或align-content属性 ,如果 想用flex-wrap 宽度不够折行显示,需要给父级盒子加一个固定宽度。 2.flex 布 阅读全文
posted @ 2020-07-20 15:03 贪玩玩的小狮子 阅读(658) 评论(0) 推荐(0) 编辑
摘要: 简介 Mustache 是一个轻逻辑模板解析引擎(Logic-less templates),它的优势在于可以应用在 Javascript、PHP、Python、Perl 等多种编程语言中。 语法 结合下面的代码理解语法: 14行 <script type="text/javascript" src 阅读全文
posted @ 2020-07-20 15:00 贪玩玩的小狮子 阅读(263) 评论(0) 推荐(0) 编辑
摘要: lodash Array 1._compact(array),剔除数组中的false值,包括0,false,null,undefined,NaN,''; let a = _.compact([0,1,false,null,undefined,NaN,'',4]); //1,4 2._.concat( 阅读全文
posted @ 2020-07-20 14:54 贪玩玩的小狮子 阅读(144) 评论(0) 推荐(0) 编辑
摘要: git 克隆分支代码 git clone 地址 git 提交的代码 git add . git commit -m "描述" git push git 同步代码 git pull git 强行推送 git push master -f git 查看本地分支 git branch git 查看远程分支 阅读全文
posted @ 2020-07-20 14:52 贪玩玩的小狮子 阅读(133) 评论(0) 推荐(0) 编辑