<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[H5女王范儿]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/H5_QueenStyle12</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; H5_QueenStyle12]]></copyright><item><title><![CDATA[element-ui中日期区间组件]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/130699145</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/130699145</guid><author>H5_QueenStyle12</author><pubDate>Tue, 16 May 2023 10:08:26 +0800</pubDate><description><![CDATA[3、如果要完善第一条，点击确定按钮之前，只要不满足条件，点击任何区域都不会收起日期选择组件，除非关闭浏览器这一操作方法，日期组件上添加change方法（没有尝试过，用change方法和用blur方法的区别是，blur方法满足第二条，用change方法的话，点击确定按钮会校验一次，再次点击确定按钮会校验通过，对于我的需求有bug，所以用了blur方法，有兴趣的朋友可以尝试一下两个方法，本人比较懒不想尝试）2、点击确定按钮之后，只要不满足条件，点击任何区域都不会收起日期选择组件，除非关闭浏览器。]]></description><category></category></item><item><title><![CDATA[iview 手风琴模式]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/129672085</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/129672085</guid><author>H5_QueenStyle12</author><pubDate>Mon, 20 Mar 2023 17:25:29 +0800</pubDate><description><![CDATA[【代码】iview 手风琴模式。]]></description><category></category></item><item><title><![CDATA[项目开发过程中遇到的问题及常见bug代码]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/129395710</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/129395710</guid><author>H5_QueenStyle12</author><pubDate>Wed, 08 Mar 2023 10:27:59 +0800</pubDate><description><![CDATA[:hover{]]></description><category></category></item><item><title><![CDATA[使用amap获取天气信息]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/129064777</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/129064777</guid><author>H5_QueenStyle12</author><pubDate>Thu, 16 Feb 2023 16:36:11 +0800</pubDate><description><![CDATA[tips：如果不使用  AMap.plugin(‘AMap.CitySearch’, function() {})；这一层的话，经常报错CitySerach不是一个构造函数，所以推荐使用这种方法。添加组件，使用城市定位，可以查看往期文章，获取ip定位。]]></description><category></category></item><item><title><![CDATA[vue中computed属性第一次使用get和set，纪念一下]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/129056237</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/129056237</guid><author>H5_QueenStyle12</author><pubDate>Thu, 16 Feb 2023 10:34:31 +0800</pubDate><description><![CDATA[【代码】vue中computed属性第一次使用get和set，纪念一下。]]></description><category></category></item><item><title><![CDATA[H5页面适配]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/121635940</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/121635940</guid><author>H5_QueenStyle12</author><pubDate>Tue, 30 Nov 2021 16:21:21 +0800</pubDate><description><![CDATA[转载链接：转载链接
之前写h5注册页的时候，总是适配不好，用过媒体查询，但是效果不太好，而且要适配的尺寸太多了，总归有遗漏的，时长达不到ui设计图的标准，后来在网上找了一篇适配的js代码，但是因为不太明白，所以使用的也不好哈哈，现在算是明白了点，故将代码放上 原文出处：https://www.jianshu.com/p/26ce1458df65
			; (function (designWidth, maxWidth) {
				var doc = document,
					win = window]]></description><category></category></item><item><title><![CDATA[vue中使用[provide/inject]，实现页面强制刷新（并非闪一下再刷新）]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/120217401</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/120217401</guid><author>H5_QueenStyle12</author><pubDate>Fri, 10 Sep 2021 11:05:20 +0800</pubDate><description><![CDATA[代码
父组件
provide 直接放在export 层级里面
  provide() {
    return {
      reload: this.reload
    }
  },

methods中添加reload方法，
data中定义flag，如果需要此组件默认显示则为true，否则为false，
在引入的子组件上添加v-if=“flag”
    reload(){
      this.flag = false;
      this.$nextTick(function () {
    ]]></description><category></category></item><item><title><![CDATA[2021-08-04]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/119378579</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/119378579</guid><author>H5_QueenStyle12</author><pubDate>Wed, 04 Aug 2021 10:44:44 +0800</pubDate><description><![CDATA[默认定位到自己所在位置

可以搜索地点进行定位，或者点选定位


反显定位

&lt;template&gt;
  &lt;div
    v-if="flag"
    class="amap-page-container"
  &gt; &lt;el-amap-search-box
      class="search-box"
      :search-option="searchOption"
      :on-search-result="onSearchResult"
    /&gt;
]]></description><category></category></item><item><title><![CDATA[我的第一个爬虫程序]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/115418838</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/115418838</guid><author>H5_QueenStyle12</author><pubDate>Sat, 03 Apr 2021 18:10:07 +0800</pubDate><description><![CDATA[import requests
import re

url = 'https://www.dy2018.com'

headers = {
    "User-Agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 11_2_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36"
}
resp = requests.get(url,  headers = headers]]></description><category></category></item><item><title><![CDATA[jekins构建代码]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/115216873</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/115216873</guid><author>H5_QueenStyle12</author><pubDate>Thu, 25 Mar 2021 19:43:56 +0800</pubDate><description><![CDATA[这里写目录标题需要配置的参数jekins 配置代码实现的功能
需要配置的参数

jekins 配置代码
node('slave1') {
    def mvnHome
    def branch_name
    def tag_name=BRANCH_TAG
    def imgNameHub
    def imgNameHubPro = "PRO环境";
    def imgNameHubMvp = "MVP环境";
    if("${profiles}" == "product") {
 ]]></description><category></category></item><item><title><![CDATA[echarts 多条线动态刷新]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/108573180</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/108573180</guid><author>H5_QueenStyle12</author><pubDate>Mon, 14 Sep 2020 12:25:14 +0800</pubDate><description><![CDATA[目录功能演示功能说明功能代码实现思路关于简称整个功能流程图获取数据层流程展示层流程传输数据格式注意事项存在问题
功能演示

功能说明
功能如题所示，根据左侧复选框的值渲染右侧图表，如果到达采集点数（例如100个点）就删除最前面的数据，将加载过来的数据插到数组最后面。
功能代码
RealTimeDataVisual.vue
&lt;template&gt;
  &lt;div class="realTimeData"&gt;
    &lt;Row :gutter="20"&gt;
      &lt;Col]]></description><category></category></item><item><title><![CDATA[iview 分页------记录]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/106543472</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/106543472</guid><author>H5_QueenStyle12</author><pubDate>Thu, 04 Jun 2020 11:52:12 +0800</pubDate><description><![CDATA[iview提供的分页方法
  title: '#',
 type: 'index',
 width: '50px',

每一页都是从1-10记录
如果第一页1-10，第二页11-20

          title: '#',
          type: 'index',
          width: '50px',
          indexMethod: (params) =&gt; {
            return params._index + (this.pageInfo.p]]></description><category></category></item><item><title><![CDATA[IView中，一个弹出层中涉及多个上传处理办法（或一个页面中，多个上传的处理办法）]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/103799285</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/103799285</guid><author>H5_QueenStyle12</author><pubDate>Thu, 02 Jan 2020 10:00:31 +0800</pubDate><description><![CDATA[一个页面中经常会有新增、编辑功能，新增、编辑都有上传功能，又不想每个上传功能都写一个beforeUpload方法，该如何处理，请直接看代码。如果各位有更简便的处理方法，麻烦留言告知，让我也学习学习。
&lt;Upload
                @click.native="handlePostData('addForm', 'thumb')"
                :actio...]]></description><category></category></item><item><title><![CDATA[tree list 互相转换]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/103477233</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/103477233</guid><author>H5_QueenStyle12</author><pubDate>Tue, 10 Dec 2019 16:00:46 +0800</pubDate><description><![CDATA[本人没有亲测过，有问题的话会重新编辑文档，这篇文章里的代码是积分下载换来的，如果涉及侵权联系我。。。。。看到我这边博客的人可以免积分了。。。。。。
import _ from 'lodash'
export function list2JsonTree(data, options) {
  var mainKey = options &amp;&amp; options.mainKey || 'i...]]></description><category></category></item><item><title><![CDATA[ivew 上传文件并校验]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/103402941</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/103402941</guid><author>H5_QueenStyle12</author><pubDate>Thu, 05 Dec 2019 13:31:10 +0800</pubDate><description><![CDATA[&lt;FormItem label="模板执行文件" prop="jar"&gt;
          &lt;Upload
            ref="upload"
            :action="uploadAction"
            type="select"
            :show-upload-list="true"
            :...]]></description><category></category></item><item><title><![CDATA[render 响应式内容]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/103383993</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/103383993</guid><author>H5_QueenStyle12</author><pubDate>Wed, 04 Dec 2019 11:46:57 +0800</pubDate><description><![CDATA[title: '服务启动时间',
key: 'service_start_time',
 render: (h, params) =&gt; {
            return h('div', [
              h(
                'Tooltip',
                {
                  props: { placeme...]]></description><category></category></item><item><title><![CDATA[render input 双向绑定]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/103383600</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/103383600</guid><author>H5_QueenStyle12</author><pubDate>Wed, 04 Dec 2019 11:25:15 +0800</pubDate><description><![CDATA[有时候我们需要自定义表格列展示，需要用render，对于render内容列input的双向绑定方法：
  render: (h, params) =&gt; {
            return h('Input', {
              props: {
                clearable: true,
                type: 'text',
 ...]]></description><category></category></item><item><title><![CDATA[项目运行时一直发http://localhost:8080/sockjs-node/info?t=1462183700002请求]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/100031213</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/100031213</guid><author>H5_QueenStyle12</author><pubDate>Fri, 23 Aug 2019 09:53:45 +0800</pubDate><description><![CDATA[如果你的项目没有用到sockjs,vuecli3 运行npm run serve 之后network里面一直调用一个接口:
http://localhost:8080/sockjs-node/info?t=1556418283950
方案：从根源上关闭此调用

1、node_modules/sockjs-client/dist/sockjs.js
2、代码的1605行注释
// self.xhr....]]></description><category></category></item><item><title><![CDATA[ivew中resetFileds方法无法清空日期组件的值]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/96848914</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/96848914</guid><author>H5_QueenStyle12</author><pubDate>Mon, 22 Jul 2019 13:12:39 +0800</pubDate><description><![CDATA[如题：
我处理的办法如下：
 /***
  * @desc 重置查询表单
  *
  */
 resetSearchCondition(formName) {
   this.$refs[formName].resetFields();
   this.searchCondition.operationTime.value = '';
 },

如果各位大大有更好的办法，欢迎评论！

...]]></description><category></category></item><item><title><![CDATA[ivew中Upload组件发不出请求的原因，万年大雷无人踩，今天被我踩到了]]></title><link>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/95633438</link><guid>https://blog.youkuaiyun.com/H5_QueenStyle12/article/details/95633438</guid><author>H5_QueenStyle12</author><pubDate>Fri, 12 Jul 2019 16:52:51 +0800</pubDate><description><![CDATA[首先，这个发出去请求的问题，折腾了我两个半小时，上下五千个原因我都分析了，就是发布出去请求
请求方式，参数传递方式，代码问题等等等等，在我试了个百度地址以后，我就知道了，路径的问题！！！
于是我就知道了，路径中image的原因，
总结，上传组件的Action路径中切记不要带image!!!

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