2019年02月_zzzmj_

原创 CSS 三栏布局之圣杯布局和双飞翼布局

CSS 三栏布局之圣杯布局和双飞翼布局主要介绍两种, 圣杯布局和双飞翼布局两者都是实现左右两栏固定宽度, 中间自适应的三栏布局.写了两个Demo, 实现了两种布局的效果, 点击可以预览圣杯布局双飞翼布局其实flex可以很方便的解决这种布局方案, 但是这些常见的布局方案还是需要了解, 毕竟现在flex还没有完全推广开来1. 圣杯布局圣杯布局来源于文章In Search of the ...

2019-02-27 13:29:35 228

原创实现左侧固定宽度, 右侧自适应的两栏布局常见方法

两栏布局方案实现左侧固定, 右侧自适应的布局方案, 常见的几种, 写了一个各个方案实现效果的Demo, 可以通过这里查看: 预览首先统一html结构<div class="container"> <div class="left"> <p>这是左边的盒子</p> </div> &amp

2019-02-26 22:09:24 175

原创蓝桥杯训练: 天平称重

题目: 天平称重用天平称重时，我们希望用尽可能少的砝码组合称出尽可能多的重量。如果只有5个砝码，重量分别是1，3，9，27，81则它们可以组合称出1到121之间任意整数重量（砝码允许放在左右两个盘中）。本题目要求编程实现：对用户给定的重量，给出砝码组合方案。例如：用户输入：5程序输出：9-3-1用户输入：19程序输出：27-9+1要求程序输出的组合总是大数在前小数在后。...

2019-02-24 19:03:17 329

原创 CSS 清除浮动原理详解

CSS 清除浮动原理详解一. 浮动floatfloat属性的本质是用来实现文字环绕效果的。它有一个很大的副作用：会导致父容器的高度坍塌疑问：那么将父容器固定高度有用吗？没用，因为只要浮动元素的区域超过了这个高度，依旧会出现环绕效果影响布局那么怎么解决这个问题呢？清除浮动方法很多，但本质上只有两种方法使用clear清除浮动形成BFC1.1 使用clear清除浮动cle...

2019-02-17 23:14:58 603

原创蓝桥杯模拟：奇怪的捐赠

题意地产大亨Q先生临终的遗愿是：拿出100万元给X社区的居民抽奖，以稍慰藉心中愧疚。麻烦的是，他有个很奇怪的要求：100万元必须被正好分成若干份（不能剩余）。每份必须是7的若干次方元。比如：1元, 7元，49元，343元，…相同金额的份数不能超过5份。在满足上述要求的情况下，分成的份数越多越好！请你帮忙计算一下，最多可以分为多少份？分析因为最多分到7的7次方，7...

2019-02-16 20:33:18 631

原创 ES6 迭代器和生成器的基本用法

迭代器: Iterator迭代器的作用是为了方便遍历集合等数据结构, 如Array, Map, Set所有的迭代器对象都带有一个next()方法, 它返回一个包含两个属性的结果对象一个是value, 表示下一个结果的值一个是done, 标记迭代是否结束return { value, done}迭代器的实现原理var createIterator = funct...

2019-02-13 22:02:35 236 1

原创 ES6 Promise对象的基本用法

什么是PromisePromise像一个容器, 里面保存着异步操作的结果但它事实上是一个对象，可以通过统一的api, 来获取这些异步操作的结果例如使用ajax操作的例子var promise = ajax.get('/v1/get');promise.then(function(result) { //成功时的处理}).catch(function(error) { /...

2019-02-13 18:31:21 174

原创 Parsing error: Unexpected token =

使用proTypes时，ESlint报错Parsing error: Unexpected token =注意proTypes第一个字母p要小写static proTypes = { onSubmit: ProTypes.func}原因：开发环境与ESLint当前的解析功能不兼容解决方案：使用babel-eslint解析安装babel-eslintnpm install...

2019-02-02 23:44:09 39176 4

原创 JavaScript中模拟实现call()和apply()

1. 区别call方法调用一个函数，并指定函数的this和参数列表apply方法调用一个函数，并指定函数的this和参数数组call和apply的区别就是一个接收参数列表，一个接收参数数组2. 分析因为两者差不多，所以先分析call()var obj = { name: 'zmj'}function sayName() { console.log(this.na...

2019-02-02 23:42:10 102

zmjのblog