<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mwn_cookie的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/mwn_cookie</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; mwn_cookie]]></copyright><item><title><![CDATA[Vue 中使用 echarts 热力图]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/104894110</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/104894110</guid><author>mwn_cookie</author><pubDate>Mon, 16 Mar 2020 11:00:00 +0800</pubDate><description><![CDATA[安装
npm install echarts --save

开发组件(热力图)
&lt;template&gt;
  &lt;div id="myCalendar" :style="{width: '100%', height: '250px'}"&gt;
  &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
  import echarts from...]]></description><category></category></item><item><title><![CDATA[前端适配问题]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/104848332</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/104848332</guid><author>mwn_cookie</author><pubDate>Fri, 13 Mar 2020 21:31:41 +0800</pubDate><description><![CDATA[1. 弹性布局
flex
2. rem(移动端)
"font size of the root element" 以根元素字体大小为基准
ToDo:
https://www.jianshu.com/p/5b54be9dc063
https://www.cnblogs.com/annie211/p/8118857.html
3. 媒体查询 （@media 查询）
文档
使用 @media 查询，你可...]]></description><category></category></item><item><title><![CDATA[webpack 学习笔记]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/104801419</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/104801419</guid><author>mwn_cookie</author><pubDate>Wed, 11 Mar 2020 18:25:17 +0800</pubDate><description><![CDATA[webpack 是一个模块打包工具
安装
首先安装node
其次，npm init
然后，安装webpack :

全局安装
命令：npm install webpack webpack-cli -g
查看版本：webpack -v
不推荐使用，不同的项目使用不同版本的webpack
所在项目中安装
命令：npm install webpack webpack-cli -D (npm instal...]]></description><category></category></item><item><title><![CDATA[Vuex热更替功能]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/104755748</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/104755748</guid><author>mwn_cookie</author><pubDate>Mon, 09 Mar 2020 16:49:59 +0800</pubDate><description><![CDATA[修改state, mutations, getters 等配置时，不触发页面刷新
store.js
import Vuex from 'vuex'

import defaultState from './state/state'
import mutations from './mutations/mutations'
import getters from './getters/getters...]]></description><category></category></item><item><title><![CDATA[vs code修改缩进为2个空格]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/103697374</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/103697374</guid><author>mwn_cookie</author><pubDate>Wed, 25 Dec 2019 13:03:49 +0800</pubDate><description><![CDATA[code -&gt; 首选项 -&gt; 设置

搜索tabsize， 设置为2


]]></description><category></category></item><item><title><![CDATA[Mac 前端开发环境安装]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/103630406</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/103630406</guid><author>mwn_cookie</author><pubDate>Fri, 20 Dec 2019 12:07:03 +0800</pubDate><description><![CDATA[node

https://nodejs.org/en/ 下载node
一步一步往下安装即可


]]></description><category></category></item><item><title><![CDATA[Vue]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/103363779</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/103363779</guid><author>mwn_cookie</author><pubDate>Tue, 17 Dec 2019 16:19:43 +0800</pubDate><description><![CDATA[computed VS watch
computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；
watch主要用于监控vue实例的变化，它监控的变量当然必须在data里面声明才可以，它可以监控一个变量，也可以是一个对象。
watch一般用于监控路由、input输入框的值特殊处理等等，它比较适合的...]]></description><category></category></item><item><title><![CDATA[ES6总结]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/103581970</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/103581970</guid><author>mwn_cookie</author><pubDate>Tue, 17 Dec 2019 16:06:56 +0800</pubDate><description><![CDATA[Promise
Promise 是异步编程的一种解决方案，其实是一个构造函数，可以new出一个Promise实例。自己身上有all、reject(失败后的回调函数)、resolve(成功之后的回调函数)这几个方法，原型上有then、catch等方法。
all

...]]></description><category></category></item><item><title><![CDATA[Sass基础用法]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/103568849</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/103568849</guid><author>mwn_cookie</author><pubDate>Mon, 16 Dec 2019 19:58:56 +0800</pubDate><description><![CDATA[变量使用
$highlight-color: #F90;
.selected {
  border: 1px solid $highlight-color;
}

//编译后

.selected {
  border: 1px solid #F90;
}


嵌套
#content {
  article {
    h1 { color: #333 }
    p { margin-botto...]]></description><category></category></item><item><title><![CDATA[css 知识整理]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/103567364</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/103567364</guid><author>mwn_cookie</author><pubDate>Mon, 16 Dec 2019 18:10:34 +0800</pubDate><description><![CDATA[box-sizing
content-box	
基础盒模型，宽 = 元素宽
border-box	
IE6盒模型，宽 = 元素宽+padding+border

]]></description><category></category></item><item><title><![CDATA[js 基础知识]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/103470561</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/103470561</guid><author>mwn_cookie</author><pubDate>Tue, 10 Dec 2019 10:44:48 +0800</pubDate><description><![CDATA[replace()
replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串，该方法不改变字符串本身
var str = 'bob'
var rep = str.replace('b','a')
console.log(str)  //bob
console.log(rep) //aob

正则表达式对象或字面量(支持gi模式) g全局匹配 i忽略大小
va...]]></description><category></category></item><item><title><![CDATA[2020年前端面试]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/103400711</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/103400711</guid><author>mwn_cookie</author><pubDate>Thu, 05 Dec 2019 11:11:38 +0800</pubDate><description><![CDATA[年末，怀揣着一颗奔向技术的心，加入了离职找工作的大军。
然而节节败退，作为一名基础薄弱，一心乱学新东西的前端搬砖人，当意识到需要积累时，真的是很难找到想要的环境。
我希望我保持一颗不放弃，不乱入的心，牢记初心。希望能加入一个技术团队，提升自己前端知识，扎实基础，让以后的前端之路走的更远，更广。
对于面试做以下记录。
VUE部分

谈一谈双向数据绑定的原理
VUEX工作流程
VUE两种路由的实现
如...]]></description><category></category></item><item><title><![CDATA[Vue 之样式scoped（个人记录）]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/102722314</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/102722314</guid><author>mwn_cookie</author><pubDate>Thu, 24 Oct 2019 14:28:02 +0800</pubDate><description><![CDATA[Vue 之样式scoped
作用：在Vue文件中的style标签上有一个特殊的属性，scoped。当一个style标签拥有scoped属性时候，它的css样式只能用于当前的Vue组件,可以使组件的样式不相互污染
原理：Vue中的scoped属性的效果主要是通过PostCss实现的

给HTML的dom节点添加一个不重复的data属性(例如: data-v-5558831a)来唯一标识这个dom 元...]]></description><category></category></item><item><title><![CDATA[小程序笔记]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/81710469</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/81710469</guid><author>mwn_cookie</author><pubDate>Wed, 15 Aug 2018 20:23:58 +0800</pubDate><description><![CDATA[入了小程序的坑，发现小程序的功能好少噢，不过大多都有办法解决

多页面跳转

A页面navigateTo跳转到 B页面，B页面navigateTo跳转到B1页面，此时为了回到B页面，B页面能顺利返回A页面，因此在B1页面跳转时进行以下跳转

      var pages = getCurrentPages();             //  获取页面栈
      var currPage =...]]></description><category></category></item><item><title><![CDATA[小程序自定义filter调用报错underfined]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/81710040</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/81710040</guid><author>mwn_cookie</author><pubDate>Wed, 15 Aug 2018 19:56:17 +0800</pubDate><description><![CDATA[在wxs中自定义了filter功能的截取卡号后四位



var cardNumFr = {
  getCardNum: function (x) {
    var s = x.substring(x.length - 4);
    return s;
  }
}

module.exports = {
  getCardNum: cardNumFr.getCardNum
}

在存在wx:f...]]></description><category></category></item><item><title><![CDATA[小程序中过滤器功能，保留两位小数]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/81352678</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/81352678</guid><author>mwn_cookie</author><pubDate>Thu, 02 Aug 2018 09:35:18 +0800</pubDate><description><![CDATA[1. 首先建立filter 文件夹



2. wxs 代码



var numFr = {
  getNum: function (x) {
    var f = parseFloat(x);
    if (isNaN(f)) {
      return false;
    }
    var f = Math.round(x * 100) / 100;
    var s = f.t...]]></description><category></category></item><item><title><![CDATA[小程序之坑]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/81231648</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/81231648</guid><author>mwn_cookie</author><pubDate>Fri, 27 Jul 2018 09:39:14 +0800</pubDate><description><![CDATA[1.如果页面要跳转到tabbar绑定的其中一页，可以用wx.switchTab并且只能跳转带有tabbar的页面 而redirectTo或者navigateTo则不能跳转tabbar绑定过的页面

wx.navigateTo(OBJECT)

保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。

wx.redirectTo(OBJECT)

关闭当前页面，跳...]]></description><category></category></item><item><title><![CDATA[小程序tabBar的list第一个必须是pages第一个是非必要]]></title><link>https://blog.youkuaiyun.com/mwn_cookie/article/details/81207491</link><guid>https://blog.youkuaiyun.com/mwn_cookie/article/details/81207491</guid><author>mwn_cookie</author><pubDate>Wed, 25 Jul 2018 18:04:29 +0800</pubDate><description><![CDATA[小程序的tabBar不显示，搜索出好多讲list第一个必须是pages第一个，可是和需求不匹配，研究发现，tabBar不显示并非因为此，而是因为带有tarBar的页面跳转必须用wx.switchTab，而redirectTo或者navigateTo则不能跳转tabbar绑定过的页面。

{

&quot;pages&quot;: [

&quot;pages/index/index&quot;,

&quot;pages/login/login&quot;...]]></description><category></category></item></channel></rss>