<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[jyhoho的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/jyhoho</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; jyhoho]]></copyright><item><title><![CDATA[vue2和vue3的代理区别———proxyES6新特性 （proxy拦截）]]></title><link>https://blog.youkuaiyun.com/jyhoho/article/details/140689634</link><guid>https://blog.youkuaiyun.com/jyhoho/article/details/140689634</guid><author>jyhoho</author><pubDate>Thu, 25 Jul 2024 14:59:02 +0800</pubDate><description><![CDATA[我们都知道object.defineProperty只能拦截到对象自身以有的属性，而后续新增的属性是无法拦截到的，所以vue2提供了$set等一系列的api来帮助完善响应式。并且object.defineProperty并没有办法拦截到数组的一些变更，而vue2则采用了重写js种能修改源数据的数组api来实现数组的响应式，这些问题在proxy中都不存在了，这就是二者区别以及他的出现解决了vue2的哪些问题。可以简单的理解为一个拦截器，他可以对任何对象的绝大部分行为和操作进行干涉，也就是我们常说的拦截。]]></description><category></category></item><item><title><![CDATA[关于vue3 的setup]]></title><link>https://blog.youkuaiyun.com/jyhoho/article/details/140669084</link><guid>https://blog.youkuaiyun.com/jyhoho/article/details/140669084</guid><author>jyhoho</author><pubDate>Wed, 24 Jul 2024 17:44:44 +0800</pubDate><description><![CDATA[【代码】关于vue3 的setup。]]></description><category></category></item><item><title><![CDATA[饿了么table多选弹框前端分页]]></title><link>https://blog.youkuaiyun.com/jyhoho/article/details/140501815</link><guid>https://blog.youkuaiyun.com/jyhoho/article/details/140501815</guid><author>jyhoho</author><pubDate>Wed, 17 Jul 2024 17:54:45 +0800</pubDate><description><![CDATA[【代码】饿了么table多选弹框前端分页。]]></description><category></category></item><item><title><![CDATA[js基础篇]]></title><link>https://blog.youkuaiyun.com/jyhoho/article/details/140493267</link><guid>https://blog.youkuaiyun.com/jyhoho/article/details/140493267</guid><author>jyhoho</author><pubDate>Wed, 17 Jul 2024 14:01:25 +0800</pubDate><description><![CDATA[js基础篇]]></description><category></category></item><item><title><![CDATA[el-table多选翻页选中（后端分页）]]></title><link>https://blog.youkuaiyun.com/jyhoho/article/details/140445081</link><guid>https://blog.youkuaiyun.com/jyhoho/article/details/140445081</guid><author>jyhoho</author><pubDate>Mon, 15 Jul 2024 17:51:01 +0800</pubDate><description><![CDATA[【代码】el-table多选翻页选中（后端分页）]]></description><category></category></item><item><title><![CDATA[移动端的左右滑动事件]]></title><link>https://blog.youkuaiyun.com/jyhoho/article/details/106550282</link><guid>https://blog.youkuaiyun.com/jyhoho/article/details/106550282</guid><author>jyhoho</author><pubDate>Thu, 04 Jun 2020 16:36:09 +0800</pubDate><description><![CDATA[1…判断滑动的手势条件
触发touchmove事件
移动的超过一定的距离，如10px， 像滑动了1px，2px这类的距离太小，不能视为滑动
   window.onload = function(){
        var bindSwiperEvent = function(dom, leftCallBack, rightCallback){
            // 判断手势的条件
            // 必须滑动 滑动距离超过10px
            var isMove = fa]]></description><category></category></item><item><title><![CDATA[搜索页面返回列表页不刷新]]></title><link>https://blog.youkuaiyun.com/jyhoho/article/details/106544044</link><guid>https://blog.youkuaiyun.com/jyhoho/article/details/106544044</guid><author>jyhoho</author><pubDate>Thu, 04 Jun 2020 12:53:57 +0800</pubDate><description><![CDATA[缓存界面
1.在router内，要缓存的页面设置keepAlive如果为true
keepAlive如果为true，就会使用keep-alive缓存起来，否则就不会被缓存
{
  path: '/taskList',
  name: 'SaskList',
  meta:{
    keepAlive: true
  },
  component: ()=&gt;import('@/xx/xx')
}

2.在app.vue里面
&lt;template&gt;
    &lt;div id="app"&g]]></description><category></category></item><item><title><![CDATA[js适配rem]]></title><link>https://blog.youkuaiyun.com/jyhoho/article/details/106392146</link><guid>https://blog.youkuaiyun.com/jyhoho/article/details/106392146</guid><author>jyhoho</author><pubDate>Wed, 27 May 2020 22:25:44 +0800</pubDate><description><![CDATA[引入之后,然后给html标签设置100px字体大小，然后再根据设计稿650px的设置成6.5rem
!function(a, b, c) {
        function q() {
          var d = Math.min(Math.max((o ? e[h]().width : f.innerWidth) / (a / b), c), 68);// 68 * 0.3 = 20
          d != p &amp;&amp; (k.innerHTML = "html{font-si]]></description><category></category></item><item><title><![CDATA[vscode的代码片段]]></title><link>https://blog.youkuaiyun.com/jyhoho/article/details/106179762</link><guid>https://blog.youkuaiyun.com/jyhoho/article/details/106179762</guid><author>jyhoho</author><pubDate>Sun, 17 May 2020 20:01:41 +0800</pubDate><description><![CDATA[{
  "files.autoSave": "off",
  "open-in-browser.default": "chrome",
  "editor.snippetSuggestions": "top",
  "window.zoomLevel": 0,
  "liveServer.settings.donotShowInfoMsg": true,
  "[html]": {
      "editor.defaultFormatter": "vscode.html-language-features]]></description><category></category></item><item><title><![CDATA[传输]]></title><link>https://blog.youkuaiyun.com/jyhoho/article/details/105759356</link><guid>https://blog.youkuaiyun.com/jyhoho/article/details/105759356</guid><author>jyhoho</author><pubDate>Sat, 25 Apr 2020 23:17:14 +0800</pubDate><description><![CDATA[git clone git@github.com:vuejs/vue-next.git

]]></description><category></category></item><item><title><![CDATA[vue-cli脚手架创建项目]]></title><link>https://blog.youkuaiyun.com/jyhoho/article/details/105719412</link><guid>https://blog.youkuaiyun.com/jyhoho/article/details/105719412</guid><author>jyhoho</author><pubDate>Thu, 23 Apr 2020 22:56:12 +0800</pubDate><description><![CDATA[PC-day02
1.0 概述
1.1 复习

开发模式：

混合式开发

前端

书写静态文件


后端

书写逻辑代码
动态获取数据
渲染数据




前后端分离

前端

根据美工的设计图完成静态页面
根据接口文档来渲染数据


后端

根据接口文档去开发接口






设计思想：

MVC

M: model
V:  views
C: controller
特点：

M —&gt; V ...]]></description><category></category></item><item><title><![CDATA[Echart环形图]]></title><link>https://blog.youkuaiyun.com/jyhoho/article/details/104700505</link><guid>https://blog.youkuaiyun.com/jyhoho/article/details/104700505</guid><author>jyhoho</author><pubDate>Fri, 06 Mar 2020 17:47:42 +0800</pubDate><description><![CDATA[var colorList = ["#034079", "#49DFF0", "#DFB141", "#00FEB5", "#7081DB", "#FDFEFF", "#2385E0"];
option = {
    title: {
        text: '学生各学年消费细则分析',
        textStyle: {
            color: '#fff',
   ...]]></description><category></category></item></channel></rss>