<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[F_ayyyy的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/F_ayyyy</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; F_ayyyy]]></copyright><item><title><![CDATA[VUE面试常见总结]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/110137490</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/110137490</guid><author>F_ayyyy</author><pubDate>Wed, 25 Nov 2020 17:29:43 +0800</pubDate><description><![CDATA[1.v-if与v-show的区别
v-if:条件渲染，若为false则直接将元素从dom删掉
v-show:利用style的display属性来控制元素显示与否
若仅进行一次判断，则用v-if（首次渲染消耗性能比v-show少）
若进行多次切换，则用v-show

...]]></description><category></category></item><item><title><![CDATA[Vscode快捷键]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109961921</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109961921</guid><author>F_ayyyy</author><pubDate>Sun, 22 Nov 2020 19:57:10 +0800</pubDate><description><![CDATA[*n(快速创建n个相同标签）
p*5

# .同时创建id或类```
p*5.food

![在这里插入图片描述](https://img-blog.csdnimg.cn/20201122195246933.png#pic_center)


ul&gt;li*10#i$
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201122195340174.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,s]]></description><category></category></item><item><title><![CDATA[Hybrid App混合开发(Android)----需要用到的工具]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109905450</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109905450</guid><author>F_ayyyy</author><pubDate>Sat, 21 Nov 2020 19:17:27 +0800</pubDate><description><![CDATA[需要的工具：
1.java jdk
链接：https://pan.baidu.com/s/1Smerw7wWaeP8H7SCXYgwdg
提取码：6lb4
配置教程：https://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html
2.android-studio(前提是已经安装好java jdk）
链接：https://pan.baidu.com/s/1137xhUJz23eA8IL0NJTMMQ
提取码：97vw
安装教程：（Android ]]></description><category></category></item><item><title><![CDATA[用css画一条高度为0.5px的线]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109540489</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109540489</guid><author>F_ayyyy</author><pubDate>Fri, 06 Nov 2020 22:32:59 +0800</pubDate><description><![CDATA[div{
	background:black;//一定是background而非color
	width:100%;
	height:1px;
	transform:scaleY(0.5)
}


上面是0.5px 下面是1px的线
p标签也可以画 颜色也得用background来定，用color显示不出来，因为color是定义内容颜色的，这里没有内容所以不会显示

...]]></description><category></category></item><item><title><![CDATA[rem与em的区别||结合使用rem与em]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109529725</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109529725</guid><author>F_ayyyy</author><pubDate>Fri, 06 Nov 2020 13:28:59 +0800</pubDate><description><![CDATA[rem:
作用：适用不同分辨率的页面
相对于根元素html；给html设定一个font-size;所有元素的长度单位都用rem(倍数关系），若html设定的font-size:10px;那么2rem就是20px;
好处：不同分辨率，只需要改变根元素html的font-size即可改变所有子元素的大小，且相对格局不变
em:
相对于父元素；给父元素设定font-size;该父元素下的所有子元素可以以em为单位来设置大小。
若父元素的font-size:10px;子元素设置2em即为20px;
页面布局中一般将]]></description><category></category></item><item><title><![CDATA[css使div元素水平并垂直的方法（4种）]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109501584</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109501584</guid><author>F_ayyyy</author><pubDate>Fri, 06 Nov 2020 11:17:09 +0800</pubDate><description><![CDATA[1.行内元素：text-align:center(水平) line-height:height(垂直)
2.块状元素：margin:0 auto
3. position:absolute//绝对定位； 	left:50%;top:50%; 	【margin-left:-width/2(具体数值);margin-top:-height/2(具体数值)】或【transform:translate(-50%,-50%)】若只写一个数值，则默认为是x4.

...]]></description><category></category></item><item><title><![CDATA[Angularjs 定义  、引用数据模型]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109481855</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109481855</guid><author>F_ayyyy</author><pubDate>Tue, 03 Nov 2020 23:30:02 +0800</pubDate><description><![CDATA[1.传统方法
export class ingredient{
	public name:string;
	public amount:number;
constructor(name:string,amount:number){
	this.name=name;
	this.amount=amount;
	}
}

2.简写方法（上面的一串代码可简写为：）
export class ingredient{
	constructor(public name:string,public amount:numb]]></description><category></category></item><item><title><![CDATA[在Axure中用iconfont图标（超 简 单）]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109477902</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109477902</guid><author>F_ayyyy</author><pubDate>Tue, 03 Nov 2020 20:05:14 +0800</pubDate><description><![CDATA[1.选好图标点下载
2.点复制SVG

3.到axure里粘贴


]]></description><category></category></item><item><title><![CDATA[Axure 制作iphonex手机壳]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109477056</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109477056</guid><author>F_ayyyy</author><pubDate>Tue, 03 Nov 2020 19:38:35 +0800</pubDate><description><![CDATA[效果图

具体步骤（注：所有小组件都不要设置边框 影响美观）

1.右边大黑框 660x1350 圆角80
2.左边大白框 600x1280 圆角50
3.上面小黑框350x60 圆角10
4.顶部小黑框里的元素 
左边：120x20 圆角10 右边：20*20 圆
5.手机壁三个按钮
最上面：15x45 圆角8
中间和下面一样 15x60 圆角8
6.右边按钮 15x80 圆角8
7.下面的虚拟按钮400x10

...]]></description><category></category></item><item><title><![CDATA[sublime text3查下载了哪些插件]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109468763</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109468763</guid><author>F_ayyyy</author><pubDate>Tue, 03 Nov 2020 14:26:41 +0800</pubDate><description><![CDATA[Ctrl+Shift+p-&gt;List Package

]]></description><category></category></item><item><title><![CDATA[Angular中使用bootstrap js中使用bootstrap (sublime text软件）]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109467799</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109467799</guid><author>F_ayyyy</author><pubDate>Tue, 03 Nov 2020 14:24:05 +0800</pubDate><description><![CDATA[1.下载BootStrap，放到sublime的package里的user下


2.在sublime中
如果下载排package control，就直接Ctrl+Shift+p搜索下载这两个插件
如果sublime没有下载package control，就
1、下载Package Control.sublime-package插件管理器的安装文件包。
2、打开Sublime Text的配置存放目录，可以从Preferences &gt; Browse Packages（设置-&gt;浏览资源包），并把下载]]></description><category></category></item><item><title><![CDATA[js实现拖拽效果]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109421846</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109421846</guid><author>F_ayyyy</author><pubDate>Sun, 01 Nov 2020 13:12:00 +0800</pubDate><description><![CDATA[注！！给移动的元素加上绝对定位
js
//获取移动元素
var odiv=document.querySelector("#moveEle")；
var basex,basey,movex,movey;
odiv.onmousedown=function(e){
	var evt=e||window.event;//浏览器兼容
//初始x y位置
	basex=evt.pageX;
	basey=evt.pageY;

//在整个页面上移动 因此用document或者window 不能再写odiv否则移动不]]></description><category></category></item><item><title><![CDATA[js 利用上下左右键盘控制物体移动]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109401143</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109401143</guid><author>F_ayyyy</author><pubDate>Sat, 31 Oct 2020 13:10:56 +0800</pubDate><description><![CDATA[须知：
上下左右的keyCode
← :37
↑：38
→：39
↓：40
**注意！！！ 要将元素设为绝对定位 position：absolute 否则移动不了 **
js代码：
//获取移动元素
var moveblock=document.getElementById("moveblock")
//键盘按下事件
document.onkeydown=function(e){//传入事件对象e 
	var evt=e||event;//解决浏览器兼容
	switch(evt.keyCode){
		ca]]></description><category></category></item><item><title><![CDATA[Axure9 快捷键]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109383217</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109383217</guid><author>F_ayyyy</author><pubDate>Fri, 30 Oct 2020 13:08:41 +0800</pubDate><description><![CDATA[r ----方框
t ----文字框
o —圆
p —钢笔工具
l ----线段

]]></description><category></category></item><item><title><![CDATA[Axure9 条件判断（输入11位电话号码发送验验证码）]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109382845</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109382845</guid><author>F_ayyyy</author><pubDate>Fri, 30 Oct 2020 12:33:20 +0800</pubDate><description><![CDATA[首先将按钮禁用 disabled
给手机号框设置最大长度11；右键Edit max length;

然后给手机号框设置text change 样式，条件判断：
1.手机号框的内容长度等于11

那么启用按钮

条件判断2：如果手机号框输入了内容（长度&gt;=1），上面红色的提示文字就消失

3.再添加事件：其他所有情况 不用写判断语句直接点ok

添加事件：其他所有情况 都禁用按钮 且 显示提示

最后给按钮添加点击事件（这个不用写判断语句，因为按钮默认禁用，因此只有经过上面判断后启用按钮的情况才能点.]]></description><category></category></item><item><title><![CDATA[Axure设置变量 做乘法计算]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109375870</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109375870</guid><author>F_ayyyy</author><pubDate>Fri, 30 Oct 2020 00:18:23 +0800</pubDate><description><![CDATA[先设置基本样式 方便做交互

给框1 添加动作"TEXT CHANGED"(即框1内容改变)
引发结果：Set Text

改变的是总价框3的值，因此target也选总价框，内容选text,接下来就选fx进行变量和算式的设置

再给框2也加上相同的样式（照抄）
搞定！


...]]></description><category></category></item><item><title><![CDATA[axure9 设置选中]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109374594</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109374594</guid><author>F_ayyyy</author><pubDate>Thu, 29 Oct 2020 23:32:13 +0800</pubDate><description><![CDATA[现将选择框全部选中，右键Selection Group设为一个组

设置选中时的样式

可设置一个默认选中
这里是对用户名登录进行默认选中

！！！接下来是重点：点击用户名登录时对该用户名登录进行选中，点击手机号登录时对手机号登录进行选中
需要进行click事件的设置

对选中状态的设置是 set value 为true
有四个选项

选value 不要选select和disabled

...]]></description><category></category></item><item><title><![CDATA[angular *ngFor循环 的使用]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109355523</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109355523</guid><author>F_ayyyy</author><pubDate>Thu, 29 Oct 2020 11:33:02 +0800</pubDate><description><![CDATA[ts:
arr=[{name:'xiao1'},{name:'xiao2'},{name:'xiao3'}
{name:'xiao4'}]

html:
&lt;button *ngFor="let i of arr "&gt;
	{{i.name}}
&lt;/button&gt;

在按钮上输出name值


]]></description><category></category></item><item><title><![CDATA[遍历数组 for..of与 for循环的区别]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109353352</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109353352</guid><author>F_ayyyy</author><pubDate>Thu, 29 Oct 2020 10:40:42 +0800</pubDate><description><![CDATA[for in
var arr=[111,222,333,444];
for(var i of arr){

	console.log(i)
//这里一定要写i 若写arr[i]就是undefined 
//因为for of里，i就代表了arr[i],而不是索引
}

for of
var arr=[111,222,333,444];
for (var i =0；i&lt;arr.length;i++){
	console,log(arr[i])
	//这里的i才是索引
}

结果：


...]]></description><category></category></item><item><title><![CDATA[angular 引入css的两种方法]]></title><link>https://blog.youkuaiyun.com/F_ayyyy/article/details/109352162</link><guid>https://blog.youkuaiyun.com/F_ayyyy/article/details/109352162</guid><author>F_ayyyy</author><pubDate>Thu, 29 Oct 2020 09:57:50 +0800</pubDate><description><![CDATA[在ts文件中 @Component({
法1：
styleUrls:['css文件路径']

法2：
styles:[`
	//直接写css样式 格式和在css文件里面一样 例如
	a{
		color:red;
	}
`]
//注意 是反引号	`` tab键上面那个

})
里面写

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