<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[StarFishing]]></title><description><![CDATA[The result won't fool you]]></description><link>https://blog.youkuaiyun.com/qq_34803821</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_34803821]]></copyright><item><title><![CDATA[single-spa结合vue项目初探]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/107111665</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/107111665</guid><author>qq_34803821</author><pubDate>Fri, 03 Jul 2020 18:26:19 +0800</pubDate><description><![CDATA[single-spa结合vue项目初探
本次案例以vue-element-admin为例，验证single-spa的可接入性。根据single-spa的官网介绍，推荐将项目的所有文件（包括图片和css）等文件全部打包入一个js文件。但是这样我们原来的分包等打包优化都会变得没有意义，那么为什么要全部打入一个包呢？
因为single-spa的接入是以入口js文件接入的，而不是入口html文件，这样一来就会导致一些资源加载路径的错误，从而导致无法正常显示，但也并不是完全不可以。下面将一步步一起尝试。
安装依赖
我]]></description><category></category></item><item><title><![CDATA[css加载与阻塞]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/107004207</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/107004207</guid><author>qq_34803821</author><pubDate>Sun, 28 Jun 2020 17:28:17 +0800</pubDate><description><![CDATA[css加载会阻塞DOM树的解析渲染吗？
用代码说话：
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;title&gt;css阻塞&lt;/title&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;style&gt;
  ]]></description><category></category></item><item><title><![CDATA[使用Node脚本对前端国际化（二）]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/106754286</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/106754286</guid><author>qq_34803821</author><pubDate>Sun, 14 Jun 2020 23:55:45 +0800</pubDate><description><![CDATA[以locals文件夹下面存放国际化文件为例，我们将zh存放中文为例，下面将演示遍历所有中文文件，并进行翻译，翻译后生成到对应的文件夹下，保持和中文目录下的一致的目录结构。
目录结构如下
├── index.js
├── translate-core
│   ├── google-translate.js
│   ├── index.js
│   └── string.js
└── translate-helper.js

在使用Node脚本对前端国际化初探已经做了翻译API，的封装，本次将上次内容放到tra]]></description><category></category></item><item><title><![CDATA[使用Node脚本对前端国际化的处理初探]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/106631400</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/106631400</guid><author>qq_34803821</author><pubDate>Tue, 09 Jun 2020 23:45:51 +0800</pubDate><description><![CDATA[针对前端国际化做的一些探索，借助谷歌翻译的API进行核心的翻译工作，通过node将文本写入文件完成文件的替换工作]]></description><category></category></item><item><title><![CDATA[基于Vue的图片预览插件]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/105393878</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/105393878</guid><author>qq_34803821</author><pubDate>Wed, 08 Apr 2020 18:36:55 +0800</pubDate><description><![CDATA[Vue图片预览插件，支持左右滑动切换，适配移动端和PC端，支持移动端手势缩放，上划关闭。支持缩放归位效果，过渡自然]]></description><category></category></item><item><title><![CDATA[带你用Node了解JSONP实现原理]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/105026771</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/105026771</guid><author>qq_34803821</author><pubDate>Sun, 22 Mar 2020 13:38:08 +0800</pubDate><description><![CDATA[1、JSONP是什么，解决了什么问题

JSONP 指的是 JSON with Padding。
由于跨域政策，从另一个域请求文件会引起问题。
从另一个域请求外部脚本没有这个问题。
JSONP 利用了这个优势，并使用 script 标签替代 XMLHttpRequest 对象。——w3c

Web页面上调用js文件时不受是否跨域的影响（不仅如此，我们还发现凡是拥有src这个属性的标签都拥有跨域的能...]]></description><category></category></item><item><title><![CDATA[JS命名规范]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/102944494</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/102944494</guid><author>qq_34803821</author><pubDate>Wed, 06 Nov 2019 22:15:54 +0800</pubDate><description><![CDATA[ECMAScript 规范中标识符采用驼峰大小写格式，驼峰命名法由小(大)写字母开始，后续每个单词首字母都大写。根据首字母是否大写，分为两种方式：

Pascal Case 大驼峰式命名法：首字母大写。eg：StudentInfo、UserInfo、ProductInfo
Camel Case 小驼峰式命名法：首字母小写。eg：studentInfo、userInfo、productInfo

标...]]></description><category></category></item><item><title><![CDATA[Vue 开发规范目录及说明]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/102944472</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/102944472</guid><author>qq_34803821</author><pubDate>Wed, 06 Nov 2019 22:13:55 +0800</pubDate><description><![CDATA[本文档为前端 vue 开发规范

规范目的
命名规范
结构化规范
注释规范
编码规范
CSS 规范

规范目的
为提高团队协作效率
便于后台人员添加功能及前端后期优化维护
输出高质量的文档
命名规范
为了让大家书写可维护的代码，而不是一次性的代码
让团队当中其他人看你的代码能一目了然
甚至一段时间时候后你再看你某个时候写的代码也能看
普通变量命名规范

命名方法 ：驼峰命名法
命名规范 ：

命名...]]></description><category></category></item><item><title><![CDATA[prop 的 sync修饰符与自定义指令v-model]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/102246166</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/102246166</guid><author>qq_34803821</author><pubDate>Sun, 06 Oct 2019 19:21:02 +0800</pubDate><description><![CDATA[prop 的 sync修饰符
允许我们通过prop进行双向数据绑定而不触发子组件修改props的警告
使用方式如下
子组件 Nam.vue
props:{
  name:{
		defalut:'x',
		type:String
}
}
methods:{
  changeName(){
    this.$emit(update:name,somevalue)// Tip：update字段是必...]]></description><category></category></item><item><title><![CDATA[闭包内存泄露问题]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/98787914</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/98787914</guid><author>qq_34803821</author><pubDate>Wed, 07 Aug 2019 21:58:06 +0800</pubDate><description><![CDATA[反思闭包一、我理解的闭包二、先举几个例子三、为什么要使用闭包？四、闭包的弊端五、闭包为什么会导致内存占用过多？六、内存占用和内存泄漏七、反思
一、我理解的闭包
有权访问另一个函数作用域中局部变量的函数。创建方式，就是在一个函数内部创建另一个函数，通过另一个函数访问这个函数的局部变量。
概念都是这么一说，细节问题到是不少，下面我们细说一下。
二、先举几个例子
1.实现局部变量累加
const sum...]]></description><category></category></item><item><title><![CDATA[关于动态换肤的解决方案]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/96456954</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/96456954</guid><author>qq_34803821</author><pubDate>Thu, 18 Jul 2019 21:31:24 +0800</pubDate><description><![CDATA[关于动态换肤的解决方案
最近在学习electron，希望在页面切换的时候动态更换背景色，也是参考了一个知名软件的效果，让我手痒起来，也想实现以下，之前在用element开发的时候接触到过换肤的一些思路，但是当时并没有这块的需求，也就搁置了，下面个跟大家探讨以下我的两种思路。
效果图
方式一 动态增加link标签
所谓动态增加link标签就是在需要换肤的时候，把需要更改的颜色进行关键字替换，把新生成...]]></description><category></category></item><item><title><![CDATA[关于Add(2)(3)问题]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/96381724</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/96381724</guid><author>qq_34803821</author><pubDate>Wed, 17 Jul 2019 23:11:57 +0800</pubDate><description><![CDATA[关于Add(2)(3)问题
首先，add(2)(3)用JavaScript 实现
首先，如果我们做一个简单的分析，我们可以简单地说这不仅仅是针对JavaScript的问题，而是可以用任何具有First Class功能的语言实现。
当该语言中的函数被视为与任何其他变量一样时，编程语言被称为具有第一类函数。例如，在这种语言中，函数可以作为参数传递给其他函数，可以由另一个函数返回，并可以作为值赋值给变量...]]></description><category></category></item><item><title><![CDATA[electron 控制台打印乱码问题]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/95101595</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/95101595</guid><author>qq_34803821</author><pubDate>Mon, 08 Jul 2019 21:32:02 +0800</pubDate><description><![CDATA[在控制台打印时中文乱码问题。

问题原因是因为字符编码的问题，Windows下输入chcp,可以查看到当前字符编码，如果大家经历过asp时代的话，就知道：每个asp页面代码的顶部，都必须定义一个数字表示的字符集。而常见的gb2312的值是936，utf8的值是65001
解决办法修改package.json文件
"start": "chcp 65001 &amp;&amp; electron-f...]]></description><category></category></item><item><title><![CDATA[iview安装使用以及遇到的问题汇总（持续更新）]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/91468343</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/91468343</guid><author>qq_34803821</author><pubDate>Tue, 11 Jun 2019 21:13:05 +0800</pubDate><description><![CDATA[安装：
npm install iview --save

引入：
1.全局引用
import Vue from 'vue';
import iView from 'iview';
import 'iview/dist/styles/iview.css'  //iview的样式文件，必须引入
Vue.use(iView);

2.按需引入
// 在需要的地方按需引入
import Vue from...]]></description><category></category></item><item><title><![CDATA[vue项目打包发布页面空白以及图片加载错误问题]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/90451547</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/90451547</guid><author>qq_34803821</author><pubDate>Wed, 22 May 2019 20:31:04 +0800</pubDate><description><![CDATA[在执行npm run build 之前，需要先更改配置，避免打包出来是空白的问题
找到config-&gt;index.js
build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.reso...]]></description><category></category></item><item><title><![CDATA[Vue项目中封装axios请求方法(包括请求拦截)]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/90451420</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/90451420</guid><author>qq_34803821</author><pubDate>Wed, 22 May 2019 20:25:10 +0800</pubDate><description><![CDATA[本篇文章将对项目中如何封装axios常用的请求方法进行介绍，其中包括最容易出问题的post请求的解释，包括一些请求格式和参数格式不一致问题的解决；

通用配置
这些配置是在axios官方文档中没有列出来的，主要是post方法的内容类型的定义，不配置的话经常会出现请求提交失败或者数据没有正常提交的问题，这些一般都是前后端采用的post的数据格式不一致导致的。
axios.defaults.timeo...]]></description><category></category></item><item><title><![CDATA[Vue2.0  子组件修改props中的值导致问题及报错解决]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/89289241</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/89289241</guid><author>qq_34803821</author><pubDate>Sat, 13 Apr 2019 21:35:45 +0800</pubDate><description><![CDATA[vue 父组件给子组件的prop传值报错

Avoid mutating a prop directly since the value will be overwritten
whenever the parent component re-renders. Instead, use a data or
computed property based on the prop’s value. P...]]></description><category></category></item><item><title><![CDATA[Git常用命令]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/88959997</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/88959997</guid><author>qq_34803821</author><pubDate>Mon, 01 Apr 2019 23:25:43 +0800</pubDate><description><![CDATA[git  add  
把文件添加到仓库




git   commit  -m  
将文件提交到仓库


git  status
查看当前仓库状态（哪些被修改过，或者修改没提交等）


git  diff  
查看文件修改内容


git  log
显示从最近到最远的提交日志


git log --pretty=oneline
用简洁的方式看git  log（输出的大串数字为sha1加...]]></description><category></category></item><item><title><![CDATA[移动端 touch 滑动事件]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/87976384</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/87976384</guid><author>qq_34803821</author><pubDate>Wed, 27 Feb 2019 15:52:33 +0800</pubDate><description><![CDATA[移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。
以下是四种touch事件

touchstart:    //手指放到屏幕上时触发
touchmove:      //手指在屏幕上滑动式触发
touchend:    ...]]></description><category></category></item><item><title><![CDATA[rem与em的使用和区别详解]]></title><link>https://blog.youkuaiyun.com/qq_34803821/article/details/87970604</link><guid>https://blog.youkuaiyun.com/qq_34803821/article/details/87970604</guid><author>qq_34803821</author><pubDate>Wed, 27 Feb 2019 12:59:16 +0800</pubDate><description><![CDATA[编者：在自适应制作稿中，我们经常会看到rem和em这两个单位的冒泡，rem是基于html元素的字体大小来决定，而em则根据使用它的元素的大小决定（很多人错误以为是根据父类元素，实际上是使用它的元素继承了父类的属性才会产生的错觉）·
你可能已经很熟练使用这两个灵活的单位，但你可能不完全了解何时使用 rem ，何时使用 em。 本教程将帮你弄清楚!
Em 和 rem都是灵活、 可扩展的单位，由浏览器转...]]></description><category></category></item></channel></rss>