<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ssqwdddw的博客]]></title><description><![CDATA[前端交流博客]]></description><link>https://blog.youkuaiyun.com/ssqwdddw</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ssqwdddw]]></copyright><item><title><![CDATA[深拷贝（递归方法）]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/126707767</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/126707767</guid><author>ssqwdddw</author><pubDate>Mon, 05 Sep 2022 16:22:37 +0800</pubDate><description><![CDATA[js深拷贝方法。]]></description><category></category></item><item><title><![CDATA[axios的几种请求方式]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/122820558</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/122820558</guid><author>ssqwdddw</author><pubDate>Tue, 08 Feb 2022 11:23:23 +0800</pubDate><description><![CDATA[axios的几种请求方式]]></description><category></category></item><item><title><![CDATA[node]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/110170646</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/110170646</guid><author>ssqwdddw</author><pubDate>Thu, 26 Nov 2020 14:33:27 +0800</pubDate><description><![CDATA[node应用的组成
1.引入 required 模块：我们可以使用 require 指令来载入 Node.js 模块。
2.创建服务器：服务器可以监听客户端的请求，类似于 Apache 、Nginx 等 HTTP 服务器。
3.接收请求与响应请求 服务器很容易创建，客户端可以使用浏览器或终端发送 HTTP 请求，服务器接收请求后返回响应数据。
Node.js REPL(交互式解释器)
解释：
Node.js REPL(Read Eval Print Loop:交互式解释器) 表示一个电脑的环境，类似 Win]]></description><category></category></item><item><title><![CDATA[提高网站的性能]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/110142915</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/110142915</guid><author>ssqwdddw</author><pubDate>Wed, 25 Nov 2020 20:19:31 +0800</pubDate><description><![CDATA[有多少种办法能提高网站的性能
前端：
1.引入外部CDN资源。
2.提高代码的复用性。
3.浏览器访问优化，减少http请求
4.使用浏览器缓存(localStorage,sessionStorage)
5，减少cookie的请求。
6.可以利用keep-alive进行缓存
应用服务器性能优化：
1.分布式缓存（充分使用Redis）（减轻压力）
2.异步操作 （消息队列）
3.使用集群，负载均衡 在网站有很多用户高并发请求的情况下，可以将多台应用服务器组成一个集群，实现负载均衡，共同对外服务，提高整体处理能]]></description><category></category></item><item><title><![CDATA[使用svg步骤]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/108726082</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/108726082</guid><author>ssqwdddw</author><pubDate>Tue, 22 Sep 2020 10:39:35 +0800</pubDate><description><![CDATA[1.在components里面建立SvgIcon文件夹，接着index.vue
&lt;template&gt;
  &lt;svg :class="svgClass" aria-hidden="true"&gt;
    &lt;use :xlink:href="iconName"&gt;&lt;/use&gt;
  &lt;/svg&gt;
&lt;/template&gt;

&lt;script&gt;
export default {
  name: 'svg-icon',
  props: {
]]></description><category></category></item><item><title><![CDATA[使用screenfull案例]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/108725757</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/108725757</guid><author>ssqwdddw</author><pubDate>Tue, 22 Sep 2020 10:26:41 +0800</pubDate><description><![CDATA[&lt;template&gt;
    &lt;div&gt;
      &lt;span @click='clickFullscreen'&gt;全屏&lt;/span&gt;
    &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
import screenfull from 'screenfull'
export default {
  name: 'screenfull',
  data () {
    return {
      isFulls]]></description><category></category></item><item><title><![CDATA[css常见技巧]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/107940631</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/107940631</guid><author>ssqwdddw</author><pubDate>Wed, 12 Aug 2020 09:51:01 +0800</pubDate><description><![CDATA[1.图片底侧留有空白缝隙：vertical-align: bottom;因为默认是基线对齐，要变成底线对齐
2.单行文本溢出省略号显示

3.多行文本溢出省略号显示

4.css三角的制作：向哪个方向指就把哪个方向设置有颜色


5.伪元素清除浮动


6.图像模糊处理，


7.过度


...]]></description><category></category></item><item><title><![CDATA[js的onscroll、scrollTop、scrollHeight及window.scroll等方法]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/107939961</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/107939961</guid><author>ssqwdddw</author><pubDate>Tue, 11 Aug 2020 17:16:00 +0800</pubDate><description><![CDATA[onscroll
解释：当元素的滚动条滚动时触发的事件。
onscroll事件貌似任何实体元素都可以绑定，这里的实体元素包括DOM元素、window元素、document元素。
用法即：element.οnscrοll=function(){};
需要注意的是，滚动条一定要出现，而且滚动条是属于这元素的，例如：

    content

因为外层wrap的高度小于内层inner的高度，所以当设置overflow:auto时会出现滚动条，当拖动滚动条时就会触发wrap的onscroll事件，而不是inner]]></description><category></category></item><item><title><![CDATA[解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/107939558</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/107939558</guid><author>ssqwdddw</author><pubDate>Tue, 11 Aug 2020 17:04:22 +0800</pubDate><description><![CDATA[在路由规则里的Vue.use(VueRouter)下面加上
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push (location) {
  return originalPush.call(this, location).catch(err =&gt; err)
}


]]></description><category></category></item><item><title><![CDATA[封装轮播图组件]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/107939394</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/107939394</guid><author>ssqwdddw</author><pubDate>Tue, 11 Aug 2020 17:00:30 +0800</pubDate><description><![CDATA[父组件
&lt;template&gt;
  &lt;div id="app"&gt;
    &lt;!--first&gt;&lt;/first--&gt;
    &lt;banner :list="list"
            :looptime="looptime"
            :width="width"
            :height="height"
            :background="background"
            :color="c]]></description><category></category></item><item><title><![CDATA[echarts饼形图鼠标经过时，字体变化问题]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/107561558</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/107561558</guid><author>ssqwdddw</author><pubDate>Fri, 24 Jul 2020 15:06:03 +0800</pubDate><description><![CDATA[当鼠标经过时，echarts里的legend里的文字会缩放或者放大，
解决思路：把blod去掉即可

]]></description><category></category></item><item><title><![CDATA[v-if和v-show的问题]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/107544281</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/107544281</guid><author>ssqwdddw</author><pubDate>Thu, 23 Jul 2020 18:21:26 +0800</pubDate><description><![CDATA[切换之前：

切换之后：

问题原因：切换之后原先的没有被销毁，所以会变形
解决方法：把v-show改成v-if，因为v-if是元素的创建和销毁

]]></description><category></category></item><item><title><![CDATA[echarts第二次的渲染问题]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/107544113</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/107544113</guid><author>ssqwdddw</author><pubDate>Thu, 23 Jul 2020 18:10:08 +0800</pubDate><description><![CDATA[问题:echarts第一次渲染的时候没有问题，但是遇到第二次渲染的时候，上一次的残留下来的数据也会被再次渲染出来


解决方法：
只要在setOption中函数中，添加一个true
setOption（{},true）;
就可以解决echarts的渲染问题

...]]></description><category></category></item><item><title><![CDATA[echarts图标]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/107302473</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/107302473</guid><author>ssqwdddw</author><pubDate>Mon, 13 Jul 2020 07:47:13 +0800</pubDate><description><![CDATA[1总的属性
1，title:标题组件
2.tooltip:提示框组件
tooltip: {
trigger: ‘axis’ // 触发类型。‘axis’,坐标轴触发；‘item’,数据项图形触发；
},
3.legend:图例组件： 里面放的是data
4.grid:工具栏
5.grid:网格区域
grid: {
left: ‘3%’, // 网格距离盒子左侧的距离。可以是具体的像素值，也可以是百分比
right: ‘4%’,
bottom: ‘3%’,
containLabel: false// 是否显示]]></description><category></category></item><item><title><![CDATA[PC端适配]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/107206920</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/107206920</guid><author>ssqwdddw</author><pubDate>Wed, 08 Jul 2020 15:27:47 +0800</pubDate><description><![CDATA[1.项目需求:
设计稿：1920px
pc端适配：宽度在1024~1920之间页面元素宽高自适应
2.选定适配方案
flexible.js+rem+flex布局
3.步骤：
【1】使用flexible.js 把屏幕划分为 24 等份
var rem = docEl.clientWidth / 24
【2】cssrem 插件的基准值设置为 80px （效果图是 1920px / 24）
【3】要把屏幕宽度约束在1024~1920之间有适配
 &lt;style&gt;
    @media screen an]]></description><category></category></item><item><title><![CDATA[vue中的五种组件传值]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/107167493</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/107167493</guid><author>ssqwdddw</author><pubDate>Mon, 06 Jul 2020 20:46:36 +0800</pubDate><description><![CDATA[组件传值
1 父传子
父亲怎么传：通过属性绑定形式传
儿子怎么接收：通过props来接收
2.子传父
子怎么传：通过this.emit触发一个自定义事件，并且发送一个值父怎么接收：通过定义自定义事件的事件函数的形参来接收3.兄弟组件传值定义一个事件中心，或者是第三方接收值的组件：通过该事件中心的emit触发一个自定义事件，并且发送一个值
	父怎么接收：通过定义自定义事件的事件函数的形参来接收
3.兄弟组件传值
	定义一个事件中心，或者是第三方
	接收值的组件：通过该事件中心的emit触发一个自定义事件，并且]]></description><category></category></item><item><title><![CDATA[数据劫持]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/107050887</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/107050887</guid><author>ssqwdddw</author><pubDate>Tue, 30 Jun 2020 21:23:21 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;script&gt;
        var data = {
          msg: 'hello vue'
        }
        var vm = {}
    ]]></description><category></category></item><item><title><![CDATA[数组去重]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/107004417</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/107004417</guid><author>ssqwdddw</author><pubDate>Sun, 28 Jun 2020 17:32:43 +0800</pubDate><description><![CDATA[// 冒泡
        // 随便从数组中拿一位数和后一位比较，如果是想从小到大排序，那么就把小的那一位放到前面，
        // 大的放在后面，简单来说就是交换它们的位置，如此反复的交换位置就可以得到排序的效果。
        // 最慢 最容易实现得排序算法 
        // 利用添加中间变量实现
        var arr2 = [1, 2, 34, 5, 7, 8, 1, 2];
        function sortArray(arr) {
            f..]]></description><category></category></item><item><title><![CDATA[数组去重12中方法]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/107003788</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/107003788</guid><author>ssqwdddw</author><pubDate>Sun, 28 Jun 2020 17:24:00 +0800</pubDate><description><![CDATA[数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。
在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。
注：写的匆忙，加上这几天有点忙，还没有非常认真核对过，不过思路是没有问题，可能一些小细节出错而已。
数组去重的方法
一、利用ES6 Set去重（ES6中最常用）
 function unique]]></description><category></category></item><item><title><![CDATA[用了localStorage为什么还要用vuex]]></title><link>https://blog.youkuaiyun.com/ssqwdddw/article/details/106999247</link><guid>https://blog.youkuaiyun.com/ssqwdddw/article/details/106999247</guid><author>ssqwdddw</author><pubDate>Sun, 28 Jun 2020 15:09:25 +0800</pubDate><description><![CDATA[在使用vuex的时候，vuex的数据不能持久化存储，将vuex的数据存到本地，localStorage即可实现数据持久化存储的问题，
你既然用来本地存储，为什么还用vuex，有什么区别吗
vuex他的数据是响应式的，而本地存储的数据不是响应式的
eg:假如ab两个组件都在用本地存储，你改变了a组件里的数据，a页面数据虽然会同步到本地存储，但是由于数据不是响应式的，所以b页面的数据不会变，

...]]></description><category></category></item></channel></rss>