<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[minjiayanm的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/minjiayanm</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; minjiayanm]]></copyright><item><title><![CDATA[vue-cli工作中常用的过滤器]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/105517129</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/105517129</guid><author>minjiayanm</author><pubDate>Tue, 14 Apr 2020 17:40:42 +0800</pubDate><description><![CDATA[在 .vue 组件中的使用示例：

{{ string | trim(1) }} //去除所有空格，过滤器第一个参数为value


//去除空格  type 1-所有空格  2-前后空格  3-前空格 4-后空格
function trim(value, trim) {
    switch (trim) {
        case 1:
            return value.r...]]></description><category></category></item><item><title><![CDATA[jquery动画实现]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103739121</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103739121</guid><author>minjiayanm</author><pubDate>Fri, 27 Dec 2019 22:16:10 +0800</pubDate><description><![CDATA[jq动画
1.显示隐藏
-hide(time,fn)  隐藏 time:时间 fn：动画执行完毕后做什么
-show(time,fn)  显示 time:时间 fn：动画执行完毕后做什么
-toggle(time,fn)  互斥逻辑显示隐藏 time:时间 fn：动画执行完毕后做什么
2.滑动显示隐藏
通过改变元素高度实现滑动隐藏
time:时间 fn：动画执行完毕后做什么
-slideDown(...]]></description><category></category></item><item><title><![CDATA[jquery中css样式与dom操作]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103739107</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103739107</guid><author>minjiayanm</author><pubDate>Fri, 27 Dec 2019 22:10:50 +0800</pubDate><description><![CDATA[jq之css 样式

$() 参数字符串 作用：选择器 创建dom元素 返回jq对象
.css() 参数对象；作用；给html 设置css 样式.原理：给元素style属性提娜佳

以下的API 参数为class值

.addClass() 参数字符串：作用给html添加class 类名 返回jq对象
.removeClass() 参数字符串 作用删除class类名（参数）返回jq 对象
.tog...]]></description><category></category></item><item><title><![CDATA[ajax的认识及封装]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103738862</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103738862</guid><author>minjiayanm</author><pubDate>Fri, 27 Dec 2019 21:54:33 +0800</pubDate><description><![CDATA[ajax的初步认识
交互语言 ajax
作用：实现web浏览器与web服务器的交互过程，并更新部分网页内容（页面的局部刷新）
交互：浏览器发送请求；服务器做出响应浏览器与服务的交互行为
1：实例化ajax 对象。
2：调用内部api 完成请求响应
请求方式：get post
两者区别：
get 将请求参数拼接到url 地址上，然后传递儿给服务器；
post 通过【请求体】 发送请求的数据；
get...]]></description><category></category></item><item><title><![CDATA[js实现无缝轮播图]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103738768</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103738768</guid><author>minjiayanm</author><pubDate>Fri, 27 Dec 2019 21:44:04 +0800</pubDate><description><![CDATA[需要引用上文封装的动画库
代码如下：
CSS样式
* {
      margin: 0;
      padding: 0;
    }
    div {
      width: 500px;
      margin: 0 auto;
    }
    #view {
      width: 500px;
      margin: 0 auto;
      height: 300p...]]></description><category></category></item><item><title><![CDATA[js动画封装]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103738716</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103738716</guid><author>minjiayanm</author><pubDate>Fri, 27 Dec 2019 21:35:38 +0800</pubDate><description><![CDATA[js动画封装
凡是可以看到过渡效果的基本都可以用到js动画，都能引用
&lt;!-- 
      ani() 作用：动画  给某个元素查看某个css 属性值 在某个时间中变化的过程。
      el // 元素对象
      str   // css
      end   // 结束动画值
      time  // 动画执行总时间

      返回值为  '1' 表示动画执行完毕
 ...]]></description><category></category></item><item><title><![CDATA[用正则编写密码强度]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103738654</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103738654</guid><author>minjiayanm</author><pubDate>Fri, 27 Dec 2019 21:30:21 +0800</pubDate><description><![CDATA[密码安全程度
弱 ：全部为字母或者数字,或者密码长度小于6
中 : 字母数字组成，或者字母特殊字符，或者数字和特殊字符
强 : 字母和数字和特殊字符
CSS样式
 .pw_letter {
            margin-top: 5px;
            font-size: 12px;
        }

        .pw_letter label {
         ...]]></description><category></category></item><item><title><![CDATA[正则表达式]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103738590</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103738590</guid><author>minjiayanm</author><pubDate>Fri, 27 Dec 2019 21:24:08 +0800</pubDate><description><![CDATA[修饰符
g: 全局匹配
i: 匹配大小写
m 多行收缩
元字符
正则表达式有两种基本字符 ：元字符 原义文本字符
原义概念：表示代表本来文本的字符；
元字符：在正则表达式中有特殊意义的字符
.* + ? $ ^ | \ () {} [] \n \d \w \r\ Q \f \b \cX…
字符类[]
一般情况下，一个字符对应一个字符串
特殊：需要配【某类】字符
1：使用[]来构建简单的类
2： 所...]]></description><category></category></item><item><title><![CDATA[dom简介]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103541125</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103541125</guid><author>minjiayanm</author><pubDate>Sat, 14 Dec 2019 17:22:49 +0800</pubDate><description><![CDATA[DOM基本功能：
① 查询某个元素
② 查询某个元素的祖先、兄弟以及后代元素
③ 获取、修改元素的属性
④ 获取、修改元素的内容
⑤ 创建、插入和删除元素
按照不同的类型来分，dom有不同的节点：文档节点、元素节点、属性节点、文本节点、注释节点，如图：

HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。
通过 DOM，可以访问所有的 HTML ...]]></description><category></category></item><item><title><![CDATA[dom实现类似淘宝的星级评分]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103540782</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103540782</guid><author>minjiayanm</author><pubDate>Sat, 14 Dec 2019 16:56:10 +0800</pubDate><description><![CDATA[星级评分本质上是两种星星图片之间的转换。
代码如下（五角星(1).png是指空白五角星图，五角星.png是指选中的五角星图）：
    &lt;div class="wrap"&gt;
    &lt;div class="score"&gt;
        &lt;img src="五角星(1).png" alt=""&gt;
        &lt;img src="五角星(1).png" ...]]></description><category></category></item><item><title><![CDATA[dom实现轮播图]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103540292</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103540292</guid><author>minjiayanm</author><pubDate>Sat, 14 Dec 2019 16:29:01 +0800</pubDate><description><![CDATA[轮播图是网站设计常用的一种功能，请看代码。
css样式：
.wraper{
width: 300px;
height: 200px;
position: relative;
}
.wraper&gt;img{
display: none;
width: 300px;
height: 200px;
}
#pre{
width: 30px;
height: 50px;
background-color...]]></description><category></category></item><item><title><![CDATA[递归实现数组或对象的深拷贝]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103432563</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103432563</guid><author>minjiayanm</author><pubDate>Sat, 07 Dec 2019 10:11:23 +0800</pubDate><description><![CDATA[一.首先认识什么是递归
递归：在自己的函数内部调用自己。
二.了解深拷贝
深拷贝：深拷贝是指源对象与拷贝对象互相独立，其中任何一个对象的改动都不会对另外一个对象造成影响。
三.分析实施步骤
定义一个 deepCopy(data)，data 可能是数组也可能是对象。
1: 判断data 是数组 对象 或者其他类型数据
2：分别处理，如果是数据
声明空数组，接收被拷贝数组中的数数据； data[i]
...]]></description><category></category></item><item><title><![CDATA[js作用域的形成与分类]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103432339</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103432339</guid><author>minjiayanm</author><pubDate>Sat, 07 Dec 2019 09:47:53 +0800</pubDate><description><![CDATA[一.作用域的形成
因为变量需要运行环境，这个环境叫做作用域
1.全局作用域在浏览器或者程序刚开始运行时产生
2.全局作用域销毁：在关闭浏览器或者关闭程序时
a：我们声明的全局变量都是window对象下的属性
b：js对象中最大对象是window，所有的数据都在window下活跃
c：全局作用域最大对象就是window，每次改变变量的值都是给window属性重新赋值。window属性为声明的变量或者...]]></description><category></category></item><item><title><![CDATA[数组中数字排序]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103322777</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103322777</guid><author>minjiayanm</author><pubDate>Sat, 30 Nov 2019 11:52:26 +0800</pubDate><description><![CDATA[数组排序 for 循环  if 语句
升序思路
1.获取数组中每个值
2.让每个值与数组中值比较
3.声明一个变量保存最小值
var arr=[3,5,9,45,80]
  var tmp;
for(var i=0;len=arr.length,i&lt;len;i++){
    arr[i]
    for(var j=i+1;j&lt;arr.length;j++){
        if(...]]></description><category></category></item><item><title><![CDATA[生成随机验证码]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103322735</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103322735</guid><author>minjiayanm</author><pubDate>Sat, 30 Nov 2019 11:46:47 +0800</pubDate><description><![CDATA[var vertify=‘abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789’ //生成6位数随机验证码
//1.初始化验证码 空字符
var res=''
//求0-vertify.length-1中随机整数
console.log(vertify.length)
for(var i=0;i&lt;6;i++){
var ...]]></description><category></category></item><item><title><![CDATA[常用的数学对象和日期对象]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103322605</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103322605</guid><author>minjiayanm</author><pubDate>Sat, 30 Nov 2019 11:42:18 +0800</pubDate><description><![CDATA[数学对象：作用:为数学计算提供常量和计算函数
应用：js 算法
var num = 2.9;
Math.floor() //向下取整
Math.ceil() //向上取整
Math.round() // 四舍五入
Math.random() // 出现 0-1随机小数
Math.max() // 返回最大数
日期对象作用：获取当前时间
date.getFullYear() //年
date.get...]]></description><category></category></item><item><title><![CDATA[if else条件语句常用结构]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103212388</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103212388</guid><author>minjiayanm</author><pubDate>Sat, 23 Nov 2019 11:39:34 +0800</pubDate><description><![CDATA[1.if(判断条件){
        符合条件时执行代码
    }else{
        不满足条件执行，可省略
        省略作用：条件句不执行 直接虐过
    }
    2.嵌套结构:j通过逻辑，条件范围的缩短，筛选
    if(条件1){
        条件1范围大于条件1.1
        if(条件1.1){
        
        }else{...]]></description><category></category></item><item><title><![CDATA[parseint的转化规则]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103212336</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103212336</guid><author>minjiayanm</author><pubDate>Sat, 23 Nov 2019 11:37:32 +0800</pubDate><description><![CDATA[1.parseint() 空字符NaN  （将其他类型转化为整数）
    2.从第一个字符开始检索，忽略空格，如果第一个字符是数字，继续检索第二个
    3.遇到非数字字符停止检索，返回检索结果
    4.非数字字符  true false null undefined 对象 数组一律NaN
    5.二 八 十六进制转化为十进制输出
&lt;script&gt;
    var ...]]></description><category></category></item><item><title><![CDATA[运算符的优先级]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103212307</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103212307</guid><author>minjiayanm</author><pubDate>Sat, 23 Nov 2019 11:34:13 +0800</pubDate><description><![CDATA[小括号&gt;算术运算符&gt;比较运算符&gt;逻辑运算符&gt;赋值运算符
口诀：
1.小括号里
2.全体单目排第二 ++ – ！
3.乘法除法取余排第三，加减排第四
4.移位（&lt;&lt; &gt;&gt;）排第五    关系（&lt; &gt; &gt;=）排第六
5等于不等于排第七
6逻辑运算符排第八  &amp;&amp;优先||
7.赋值排第九
8逗号成员最低

...]]></description><category></category></item><item><title><![CDATA[变量的两种数据类型]]></title><link>https://blog.youkuaiyun.com/minjiayanm/article/details/103212187</link><guid>https://blog.youkuaiyun.com/minjiayanm/article/details/103212187</guid><author>minjiayanm</author><pubDate>Sat, 23 Nov 2019 11:25:20 +0800</pubDate><description><![CDATA[基本类型：
string 字符串
Number 数值型
Boolean 布尔型
undefined 未定义
null 空
引用类型：
数组 []
对象{}
函数 function

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