<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[HeWar_的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/HeWar_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; HeWar_]]></copyright><item><title><![CDATA[vue中将新添加的div标签自动定位到可视区域内]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/132495678</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/132495678</guid><author>HeWar_</author><pubDate>Fri, 25 Aug 2023 15:04:25 +0800</pubDate><description><![CDATA[增加行自动定位到新增的行的位置，避免用户再滑动拖动条去寻找的繁琐操作]]></description><category></category></item><item><title><![CDATA[Echrts实现立体圆柱体 柱状图]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/131214773</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/131214773</guid><author>HeWar_</author><pubDate>Wed, 14 Jun 2023 20:01:55 +0800</pubDate><description><![CDATA[echarts实现立体柱状图（立体圆柱体）]]></description><category></category></item><item><title><![CDATA[vue通过URL快速下载文件，解决页面抖动问题]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/126281744</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/126281744</guid><author>HeWar_</author><pubDate>Thu, 11 Aug 2022 11:24:38 +0800</pubDate><description><![CDATA[通过URL下载文件]]></description><category></category></item><item><title><![CDATA[解决使用position:fixed；定位页面抖动问题]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/126146757</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/126146757</guid><author>HeWar_</author><pubDate>Wed, 03 Aug 2022 19:12:48 +0800</pubDate><description><![CDATA[写全局组件，解决使用position:fixed;定位页面抖动问题]]></description><category></category></item><item><title><![CDATA[正则表达式判断任意类型的前几位]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/125395343</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/125395343</guid><author>HeWar_</author><pubDate>Tue, 21 Jun 2022 17:37:31 +0800</pubDate><description><![CDATA[此代码所对应的需求是判断数据前几位，后面位数或类型不限的正则]]></description><category></category></item><item><title><![CDATA[vue封装时间，运用时快速调用]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/122563495</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/122563495</guid><author>HeWar_</author><pubDate>Wed, 19 Jan 2022 09:00:27 +0800</pubDate><description><![CDATA[在utils文件夹中，新建index.js文件。在新建的index.js文件中写入以下代码
/**
 * Parse the time to string
 * @param {(Object|string|number)} time
 * @param {string} cFormat
 * @returns {string | null}
 */
export function parseTime(time, cFormat) {
  if (arguments.length === 0 || !tim]]></description><category></category></item><item><title><![CDATA[vue循环input，动态绑定v-modul的值]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/122235906</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/122235906</guid><author>HeWar_</author><pubDate>Thu, 30 Dec 2021 14:22:57 +0800</pubDate><description><![CDATA[&lt;template&gt;
    &lt;div&gt;
         &lt;div class="title body" v-for="(item,index) in box" :key="index"&gt;
          &lt;el-input
           type="textarea"
           autosize
           placeholder="请输入正文"
           v-model="item.textarea"&gt;
  ]]></description><category></category></item><item><title><![CDATA[VueX（Vue状态管理模式)]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/121636537</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/121636537</guid><author>HeWar_</author><pubDate>Tue, 30 Nov 2021 19:34:44 +0800</pubDate><description><![CDATA[一、初识VueX
1.1 关于VueX
VueX是适用于在Vue项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。
1.2 安装
由于VueX是在学习VueCli后进行的，所以在下文出现的项目的目录请参照VueCli 2.]]></description><category></category></item><item><title><![CDATA[vue 中 通过input 输入框 进行过滤模糊查询]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/121501034</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/121501034</guid><author>HeWar_</author><pubDate>Tue, 23 Nov 2021 19:53:48 +0800</pubDate><description><![CDATA[&lt;template&gt;
  &lt;div&gt;
     &lt;input type="text" v-model="searchId" placeholder="搜索"&gt;
     &lt;table class="tab"&gt;
       &lt;tr&gt;
         &lt;th&gt;序号&lt;/th&gt;
         &lt;th&gt;名字&lt;/th&gt;
         &lt;th&gt;时间&lt;/th&gt;
       &lt]]></description><category></category></item><item><title><![CDATA[MintUI]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/121086278</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/121086278</guid><author>HeWar_</author><pubDate>Mon, 01 Nov 2021 19:07:10 +0800</pubDate><description><![CDATA[MintUI
MintUI是饿了么团队开发的基于移动端的vue组件库。
http://mint-ui.github.io/docs/#/zh-cn2/quickstart
基于脚手架安装MintUI


创建新的脚手架项目  scaffolding。
# 找一个目录 ： demo，执行命令，创建项目 
vue create scaffolding
# 依次选择
Manually select features    # 手动选择配置
Choose Vue Version-Babel-Router-Vuex ]]></description><category></category></item><item><title><![CDATA[ElementUI]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/121086177</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/121086177</guid><author>HeWar_</author><pubDate>Mon, 01 Nov 2021 19:03:45 +0800</pubDate><description><![CDATA[ElementUI
typora (markdown编辑器)
自我介绍
徐铭    xuming@tedu.cn   15201603213 同微信 备注：web2107-中心-姓名
当有一个合理需求后，可以自己整理实现思路并且写出来（50行）
学习方法
前三个阶段重在普及知识点，后两个接口重在学习框架应用与编程思维。
边听编写  先听后写
课程安排
VUEUI     5天
HTML5新特性    7天
微信小程序    9天
ElementUI
ElementUI是饿了么团队一套为开发者、设计师、产品经]]></description><category></category></item><item><title><![CDATA[DOM实现用户名和密码验证的错误和正确提示]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/120781277</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/120781277</guid><author>HeWar_</author><pubDate>Fri, 15 Oct 2021 12:58:37 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;...]]></description><category></category></item><item><title><![CDATA[DOM实现展开菜单]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/120781227</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/120781227</guid><author>HeWar_</author><pubDate>Fri, 15 Oct 2021 12:51:00 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;t...]]></description><category></category></item><item><title><![CDATA[DOM实现简单手机号验证]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/120750125</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/120750125</guid><author>HeWar_</author><pubDate>Wed, 13 Oct 2021 18:59:23 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &l...]]></description><category></category></item><item><title><![CDATA[DOM 实现购物车的实时变化]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/120749944</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/120749944</guid><author>HeWar_</author><pubDate>Wed, 13 Oct 2021 18:48:11 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &...]]></description><category></category></item><item><title><![CDATA[运用 DOM 实现时钟]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/120741928</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/120741928</guid><author>HeWar_</author><pubDate>Wed, 13 Oct 2021 13:27:28 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Do.]]></description><category></category></item><item><title><![CDATA[CSS的字体和文本]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/120209694</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/120209694</guid><author>HeWar_</author><pubDate>Thu, 09 Sep 2021 20:53:59 +0800</pubDate><description><![CDATA[1.文本格式化

1. 字体属性

（1）字体大小

字体大小可以使用不同的单位，如 px、pt、em、rem、vw 等等，不允许负值像素，尽量不出现小数。pt 是 ui 经常会用的单位，dpi： 直接来说就是一英寸多少个像素点，可以理解为像素密度，pt = px \* dpi / 72 ，遇到 pt 的设计图怎么处理，pc 端页面使用 px，移动端可以使用 em，rem 以及 vw

- `font-size: 30px;`字体号属性

- 取值，如 px、pt、em、rem、vw 等等，不允许负值像素，]]></description><category></category></item><item><title><![CDATA[css元素的样式基础]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/120209522</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/120209522</guid><author>HeWar_</author><pubDate>Thu, 09 Sep 2021 20:46:46 +0800</pubDate><description><![CDATA[1.尺寸和单位

px像素(绝对单位)

定义宽度`width`和高度`height`可以使用长度单位：px，pt，rem，em，%等等

一般 pc 端网页使用 px 或 pt

移动端使用%，em，rem，vw，vh 等响应式单位

最大宽度最小宽度，最大高度和最大宽度（在响应式部分进行讲解）

`max-width`最大宽度，`max-height`最大高度

`min-width`最小宽度，`min-height`最小高度

不允许出现负值，最小不满足时出现横向或竖向拖动条

...]]></description><category></category></item><item><title><![CDATA[CSS选择器]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/120209258</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/120209258</guid><author>HeWar_</author><pubDate>Thu, 09 Sep 2021 20:38:28 +0800</pubDate><description><![CDATA[1.基础选择器

【注意】相同的选择器不同的属性声明，不会被覆盖而是共同应用。

（1）通用选择器

`*`号，选择 html 文件内所有的元素 `* {样式声明}`

最常用的用法是`*{margin:0;padding:0}` 清除浏览器的内外边距。但它的缺陷是性能太低，所有的元素不论是否有内外边距都会渲染，但可以做练习时使用。

（2）元素选择器（标签选择器）

通过标签的名字来选择 html 元素，权重值为 1，比如：`div {样式声明}`

弊端是当很多相同标签并存的时候，就会出现没办法精准定.]]></description><category></category></item><item><title><![CDATA[css的语法规范和样式]]></title><link>https://blog.youkuaiyun.com/HeWar_/article/details/120209040</link><guid>https://blog.youkuaiyun.com/HeWar_/article/details/120209040</guid><author>HeWar_</author><pubDate>Thu, 09 Sep 2021 20:24:20 +0800</pubDate><description><![CDATA[1.css 的概念

层叠样式表 (Cascading Style Sheets，三个单词字头缩写为 CSS），他是专门用于修饰页面样式的。

比如，可以更改内容的字体、颜色、大小以及间距，或是将其分列，或是添加动画等等。

- html:超文本标记语言，网页的结构搭建，页面布局

- css:层叠样式表,网页的修饰，样式的渲染

- javascript:解释型的编程语言，用于与页面的交互



2.CSS 与 HTML 属性使用原则

- html 文件书写样式的缺点：

- html 代码变得杂乱..]]></description><category></category></item></channel></rss>