摘要：
方法一 ： 左边 左浮动，右边 margin-left 方法二 ：左边绝对定位，右边margin-left 方法三 ：左边右边两边都使用绝对定位 方法四 ：左边左浮动，右边 overflow：hidden 方法五 ：弹性布局，左边固定宽度，右边flex 源码地址：https://github.com 阅读全文
摘要：
整理一： 现在有这么个需求，如下图 app端点击右上角的 加 号 ，弹出模态框 这个项目是基于vue写的，客户端需要调用H5页面里定义的js方法，但是在vue里，所有的方法都是在组件内部声明的，也只能在组件内部调用，并没有绑定window对象下面，这样一来，vue组件里定义的方法怎么暴露给windo 阅读全文
摘要：
方法一 function GetUrlParam (name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1] 阅读全文
摘要：
问题引入 Vue之所以能够监听Model状态的变化，是因为JavaScript语言本身提供了Proxy或者Object.observe()机制来监听对象状态的变化。但是，对于数组元素的赋值，却没有办法直接监听。 因此，如果我们直接对数组元素赋值 在mounted阶段，直接对数组元素 arrInfo 阅读全文
摘要：
MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。他支持的数据结构非常松散，是类似 json 的 bson 格式，因此可以存储比较复杂的数据类型。Mongo 最大的特点是他支持的查询语言非常强大，其语法有点类似于面向对象的查询语言，几乎可以 阅读全文
摘要：
我们都知道 checkbox 标签默认样式 实在是太low了，故对CheckBox美化很有必要。 现提供两种方式对其进行美化。 方法一 控制切换通过添加类名 active 来控制 相关jQuery代码为 预览地址：https://zuobaiquan.github.io/css3/纯css实现che 阅读全文
摘要：
前言 在移动端H5网页中，下拉刷新和上拉加载更多数据的交互方式出现频率很高，开源社区也有很多类似的解决方案，如iscroll，pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。 实现原理 下拉刷新 实现下拉刷新主要分为三步： 监听原生touchstart事件，记录其初始 阅读全文
摘要：
正则表达式写法 量词：{} 字符集：[] 匹配子集：() 标识： 元字符 小实例 阅读全文
摘要：
SVN与Git的最主要的区别 SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，带宽够大，速度够快，如果 阅读全文
摘要：
简要介绍：箭头函数中的this，指向与一般function定义的函数不同，比较容易绕晕，箭头函数this的定义：箭头函数中的this是在定义函数的时候绑定，而不是在执行函数的时候绑定。 1、何为定义时绑定 我们来看下面这个例子： (1) var x=11; var obj={ x:22, say:f 阅读全文
摘要：
1.星号选择器 *{ margin: 0;padding: 0; } *{ margin: 0;padding: 0; } 星号选择器将匹配页面里的每一个元素。很多开发者使用这个技巧将外边距和内边距重置为零。虽然在快速测试时这确实很好用，但我建议你永远不要再生产代码中使用它。它给浏览器带来大量不必要 阅读全文
摘要：
react创建组件有如下几种方式 ①.函数式定义的无状态组件 ②.es5原生方式React.createClass定义的组件 ③.es6形式的extends React.Component定义的组件 1、无状态函数式组件 创建无状态函数式组件形式是从React 0.14版本开始出现的。它是为了创建纯 阅读全文
摘要：
问题引入 每次在处理事件函数时都需要绑定this的bind函数； bind() 最简单的用法是创建一个函数，使这个函数不论怎么调用都有同样的 this 值。 bind()方法会创建一个新函数，当这个新函数被调用时，它的this值是传递给bind()的第一个参数, 它的参数是bind()的其他参数和其 阅读全文
摘要：
1、搭建开发环境 英文文档：http://facebook.github.io/react-native/docs/getting-started.html 中文文档：https://reactnative.cn/docs/0.51/getting-started.html 所有的环境配置好后 开启 阅读全文
摘要：
一般很常见的柱状图，大家都想到用百度echart，如果整个项目就只绘制仅有的一个柱状图，引入echart就有点大材小用了，哈哈哈。 预览地址：https://zuobaiquan.github.io/vue/vueExercise/vue-test/dist/index.html#/bargraph 阅读全文
摘要：
图片懒加载 图片懒加载，长列表最大的问题就是图片太多，如果一次性把图片全部请求了，那么页面渲染速度会很慢，如果用户点不到，还会造成很大的浪费，甚至会有性能瓶颈。 为什么要使用懒加载呢？为了加速页面的加载速度，减少不必要的请求，可以将未出现在可视区域的图片暂不加载，等到滚动到可视区域后再去加载。这样提 阅读全文
摘要：
1.固定宽高的 当div的宽高被固定了， 我们只需要给它加三个属性： 上面这种方法没有兼容性问题，但是有局限性，就是文本只能有一行，要是遇到下面这种情况怎么做呢？ 就需要用到下面这种办法了 2.不固定宽高的 我们需要给div设置4个属性： 说明： 这种方法可以实现上面那种效果，不过有兼容性问题。 另 阅读全文
摘要：
gulp gulp强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让gulp执行这些task，从而构建项目的整个前端开发流程。简单说就一个 Task Runner 。 webpack 阅读全文
摘要：
1.圆形 2.椭圆 3.上三角 4.左上三角 5.平行四边形 6.梯形 7.六角星 8.五角星 9.五角大楼 10.六边形 11.八角形 12.爱心 13.无穷大符号 14.鸡蛋 15.食逗人（Pac-Man） 16.提示对话框 17. 12角星 18.钻石 19. 阴阳八卦 阅读全文