郭蕾蕾 努力的包子

原创 VUEX使用那些事儿

      VUEX如果登录一些招聘信息网站的话，肯定就会有他的应用出现，但是到底这是个啥东西？为啥要有？啥场景用？（三啥原则）那么们就看一下吧具体的文档里边讲的很清楚了所以我们这次就针对他做一个简单的介绍！      1.啥东西？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化，总结一...

原创 vue2.0深层数组嵌套的坑

大家好我是加班加到凌晨，还死皮赖脸的给大家分享技术博客的包子！今天给大家讲个故事是我在项目中遇到的深层数组嵌套的时候绑定的数组进行赋值的时候竟然不同的数据绑定了同一个实例！这个数组是这样的 [{ "categoryAttrId": 123, "attName": "尺码", "indexId": 2, "sizes": [{ "id": 22,

原创 安卓手机浏览器决绝字体大小不改变问题

        我们在手机或者谷歌浏览器调试的时候会遇到一个问题就是字体到达10px以下的时候不会在进行改变，这是因为对于安卓手机或者谷歌浏览器来说会有一个设置最小字体的属性，这个属性是没办法默认覆盖的。 解决办法就是设置transform(0.7),这个0.7随便设置按照实际情况来只要是0-1之间的小数就可以！...

原创 element-ui如何改变主题色

1，cnpm i element-theme -g 安装主题工具，从淘宝镜像下载快很多哦2，npm i element-theme-default -D  拉取代码3，初始化变量文件（用来修改主题颜色的，并不是主题文件，仅仅用户修改）命令是 et -i 就会在当前目录生成element-variables.css文件，如果遇到下面问题就在执行一步，按照他的指示一步一步操作即可14，

原创 vue-cli以及axios实现跨域访问

首先我使用的是vue-cli就是脚手架，我们需要在webpack里面配置一下他的跨域访问的请求就在config文件夹里面的index.js里面的dev加上

原创 vue路由嵌套

我们知道vue是专门用来做单页面程序的即所谓的spa技术，但是我们的很多业务中肯定会有一些多页的业务逻辑那么我们该怎么实现呢，这就涉及到了我们所谓的路由嵌套！    而在代码当中我们需要注意的地方有两点：视图包含试图以及路由父子集关系！    视图包含视图：        let router = new VueRouter({ //routes routes: [

原创 VUE中的router-link

在vue-router中，有两大对象被挂载到了实例this

原创 VUE之父子组件间传值

vue是一个靠组件撑起的技术，有了组件可以更好的复用我们的代码，那么我这次要讲的就是父子组件间如何进行传值，并且要注意哪些问题。

原创 vue的脚手架vue-cli

还有我想说既然vue现在这么火肯定是因为他简单好用所以一开始学习他的各位小主们不必有很大压力，大行其道的东西不会太难！

原创 响应式网站开发的干货

前段时间因为公司有加拿大的业务所以做了一个网站，当时说希望是响应式的网站，后来自己也看了几个国外的网站真的发现人家的前端技术和前端思想真的是杠杠的，所以自己仿照的国外的网站做了一个响应式的网站，自己也在做网站的期间学习到了很多吧！  1.meta标签的设置   我们知道如果想要让你的网站的搜索率变高，想要适应不同屏幕的尺寸，meta部分时一定要设置的，屏幕不能随着手指的放大而放大，这是基本

原创 javascript高级部分需要注意的地方

1. 立即执行函数立即执行函数，即Immediately Invoked Function Expression (IIFE)，正如它的名字，就是创建函数的同时立即执行。它没有绑定任何事件，也无需等待任何异步操作：(function() {     // 代码     // ...})();function(){…}是一个匿名函数，包围它的一对括号将其转换为一个

原创 MIP (Mobile Instant Pages - 移动网页加速器)

MIP一些具体的定义和具体的使用方法可以查看文档：https://www.mipengine.org/doc/02-what-is-mip.html，在这里我就不详细说了，只说说宏观上的利弊！    利：首先必定是百度出的移动端的加速方式，所以使用它会增加排名，你的keyword会被百度收录，而且你的网站的第二次打开会很快（这方面我做过测试，其实不用也会很快），国内大部分用的是百度所以你懂得，

原创 微信小程序之发送输入法默认emoji

聊天期间发送一个表情可以化解尴尬气氛，也可以创造一个好的聊天环境，这次做的项目是客服聊天项目所以发送表情是必不可少的，但是期间我发现小程序的input框并没办法直接发送emoji，那么这就需要我们来进行一些解析，如何使用输入法的emoji呢！    其实我们只需要把输入的内容转码译码就可以了，使用的就是escape和unescapek

原创 微信小程序之为保障帐号安全不可使用此域名地址

人生中难免会遇到很多坑，可是遇到像这种突然变换规则的坑实在是挖的很深呀，17年1月在做微信小程序的时候还没有这个问题，但是现在腾讯为了保（wa）证(ge)安(da)全(keng),就修改了access的权限目的是为了保证安全，所以这部分还是得放到后端服务器上，由后端写接口，前端直接调接口就可以，哎！这次真的是走了一个大坑，请小程序开发人员自觉绕坑！

原创 微信小程序之你不可不知的调试技巧

前段时间我们再跟PHP的开发老师们调用测试接口的时候发现本来应该是https(因为微信小程序只认这种协议的接口)由于没有沟通好变成了http协议如果在经过运维老师是可以改变协议的但是公司项目太多所以还是觉得最好先别经过运维，然后我们更新了最新的20版本的微信开发者平台发现了一个很好的地方，           选中他以后就可以兼容http协议了但是只能是在调试的情况下，如果是手机端也必

原创 min让PC网站适应移动端

min让PC网站适应移动端

原创 切图布局之get到的好方法

切图布局之get到的好方法

原创 IE低版本浏览器兼容CSS3的属性的工具htc

让IE 6,7,8支持CSS3的部分属性。今天要给大家介绍的这个htc，它可以让IE浏览器支持CSS3的border-radius、box-shadow、border-image、CSS3 Backgrounds (-pie-background)、Gradients、RGBA属性

原创 JS的MVVM库和原生DOM的区别

JS的MVVM库和原生DOM的区别

原创 微信小程序中进行地图导航

微信小程序中进行地图导航

原创 解决小程序tabBar跳转不能带参数问题

解决小程序tabBar跳转不能带参数问题

原创 小程序之解决移动端点击和长按事件冒泡问题

如果我们希望一个对象被长按的时候不会触发点击事件，如果你同时绑定上bindtap事件和bindlongtap事件的话这里会有一个问题就是不管你有没有点击，长按的时候就会触发点击事件，我们有一个需求就是在点击的时候跳转页面，但是在长按的时候删除某个对象。     所以这个时候我们就要考虑自己封装了     wxml       .js  toDetail:function(op

原创 十分钟入门微信小程序

前段时间热门的小程序大家都一起关注了，尽管很好用但是还是有很多需要注意的地方现在我来带着大家一起来学习一下微信小程序

原创 React生命周期以及主要的API介绍

React生命周期以及主要的API介绍

原创 5分钟入门webpack

5分钟入门webpack

原创 五分钟入门gulp

五分钟入门gulp

原创 node+RESTful 接口交互设计方式设计项目路由

RESTful 接口交互设计方式设计项目路由

原创 仿jQuery框架封装之全局设置

具体的步骤我已经放到代码里了现在我们来解析一下这个代码 1.使用沙箱模式，别觉得沙箱模式特别牛其实说白了就是一个自调用的函数而已，这样做的好处就是防止全局污染。 2.暴露全局变量，这里也涉及到一个很简单的原理就是，所以申明的全局变量全是window的属性。 3.工厂函数有一个好处就是不用new来创建直接调用函数就好了！

原创 Jquery类似框架的封装之伪数组转化为真数组

伪数组转化为真数组

原创 利用canvas实现折线图的绘制

我们知道现在的很多H5的小游戏的开发都是基于canvas这个画布的，其实canvas之所以这么强大考的是他强大的API库的结果，知道一些canvas的基本API并且可以利用这些API是一个前端开发人员的基本素质，那么我们今天就来跟着小编来一起利用面向对象的思想来封装一个折线图的绘制

原创 JS高级之原型链的总结

原创 JS高级原型阶段知识总结

1.数组去重  var arr=[1,2,3,6,"7",7,7,1];var arrNew=[];for (var i = 0; i if(arrNew.indexOf(arr[i])===-1){arrNew.push(arr[i]);}};console.log(arrNew);2.原型的概念：是指函数的prototype属性所引用的对象  作用实现同

原创 JS高级基础阶段知识总结

1.javascript是ECMAScript的一种实现2.数据类型    1》基本数据类型 数字 字符串 bool    2》复合数据类型 对象（自定义对象，内置对象（Array）,单体对象（Math））    3》空类型  null（空指针如果你把一个值赋值为null的时候，浏览器吧这个数据当成一个对象，只不过这个对象没有指向任何地址是一个空指针）和undefined（

原创 移动端JS之轻敲tap事件的封装

我们知道在移动端（这里小编还是强调一下把页面变成移动端页面千万别忘记视口属性viewport的设置）中我们的浏览器只认识三个事件（touchstart、touchmove、touchend）,而我们使用其他的框架封装的事件全都是使用这三个事件来封装来的，那么我们接下来就给大家拿一个实例来分析一下如何使用这三个基础的函数来进行封装！   好现在我们来分析一下整个函数封装的思路：如果是轻敲的话那必

原创 zepto实现移动端轮播图

zepto是一个移动端的框架，语法几乎跟jQuery一样，但是因为移动端模块化开发的思想所以zepto较多的应用于移动端，节省移动端的流量，虽然现在4G时代的到来，流量的价格很便宜，但是zepto对于移动端有着很好的SEO优化效果！

原创 移动WEB布局使用less语法之视网膜屏幕如何来解决图片像素问题

我们如果在开发中会遇到美工给我们的图片有类似与这样的明明例如2xbg.jpg，那么我们就知道我们需要根据不同的设备来调整图片的使用了，那么这个场景跟我们的视网膜屏幕又有什么关系呢！    视网膜屏幕的提出最早来自于iphone4，到底是什么意思呢，就是屏幕的分辨率跟像素不一样，我们以前看到的屏幕是一个分辨率中有一个像素点，而随着用户对界面的体验要求越来越高，一个清晰度的要求也是越来越高了，那么

原创 移动WEB布局使用less语法之header布局

less的语法列的移动web的常见布局类型的布局这里我们先来的是对于常见头部布局以及头部的一些细节问题的解决，首先先来一张图来解析一下我们要布局的头部，接下来要分布开始我们的讲解啦！

原创 CSS3特效之动画

我们在工作中会遇到很多特效，很多情况下因为我们不是专业的美工所以就很难想到一些动画是怎样设计的，在这里小编给大家介绍一个网站https://daneden.github.io/animate.css/   你在这里会看到很多的特效，       点如进入github中，你就能看到下图      然后打开里面就有动画的代码      @-webkit-keyframes bo

原创 DOM加强特效篇之筋斗云案例

我们我们上篇博客封装的动画函数这是一个长期使用的函数，以后的博客就忽略掉他了，接下来我们介绍的是筋斗云的案例HTML代码 北京校区 上海校区 广州校区 深圳校区 武汉校区 关于我们 联系我们 招贤纳士 JS代码//鼠标移动

原创 前端知识必备之定位

我们在项目中如果想让页面更加规范化或者是布局更加流畅，定位是必不可少的，我们知道在页面里面使用“子绝父相”的原则，我们能解决很多页面的复杂布局问题，今天我们来介绍几个特殊的布局。     一.圣杯布局     喜欢跟我一样看足球的小朋友们一定知道大力神杯吧，那么我们的圣杯布局到底是什么样子的呢？打开我们的淘宝页面，无论我们怎样改变浏览器的大小，但是我们的搜索框的大小和两边的内容总是不会随着