前端单词大全（html+css+js+vue+小程序）

样式代码单词

style 样式
width 宽度
height 高度
title 标题
text-align 水平对齐方式
center 居中 left 居左 right 居右
line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中
background 背景
image  引入背景图片(url)
background-position： 背景定位(x轴，y轴；)
background-repeat 背景平铺
:no-repeat;不平铺 repeat-x;水平平铺 repeat-y;垂直平铺
background：url() repeat left center #00;
顺序：背景图片 重复 定位 颜色
top/right/bottom/left/center 方向英文：上、右、下、左，中
color 颜色
 
font 文字
font-family 字体
font-size 字号
font-weight：normal 正常 :bold 加粗
font-style: normal;取消倾斜 :italic;斜体
font:italic bold 24px/24px '楷体';
顺序：是否斜体 是否粗体 字体大小/行高 字体
文本修饰属性：
text-decoration：
overline 顶划线
underline 下划线
line-through 中划线/删除线
none 无/取消下划线
display 转化显示模式 元素转化
block 块
inline 行内
inline-block 行内块
 
white-space:nowrap 强制不换行
overflow:hidden 溢出隐藏
text-overflow：ellipsis 省略号
font-family：‘微软雅黑’ 让省略号在下面
必须给宽度
伪类
a:link 设置未访问时候的颜色 点击后变成a的正常颜色
a:visited 设置访问过后颜色
a:hover 当鼠标放上去会变颜色
a:active 鼠标点击变颜色
顺序 lvha 驴哈
 
auto 自动居中
margin 外边距
margin-top 上外边距
margin-right 右外边距
margin-bottom 下外边距
margin-left 左外边距
padding 内边距
padding-top 上内边距
padding-right 右内边距
padding-bottom 下内边距
padding-left 左内边距
float 浮动 ：left|right|none 左|右|不浮动
cursor:pointer 小手的代码。。
clear：left|right|both 清除浮动
overflow：hidden 溢出隐藏
 
 
index 首页
base 里面写清除默认样式的
text-indent：em 首行缩进 （LOGO名字）
以后logo 必须用H1引背景图片 里面写上字
position：relative|absolute|fixed 定位
relative 相对定位
absolute 绝对定位
fixed 固定定位
Left/top/right/bottom 定位的偏移量
z-index 改变标签z轴堆叠顺序
opacity 透明代码 1不透明（0.9 0.8.。。。。） 0透明

js常用方法案词

push :添加一个数组元素
document ：文档
pop ：删除最后一个数组元素
console ：控制台
shift ：删除第一个数组元素
string ：字符串
Concat 组合数组
undefined ：未定义
typeof ：关键字
join：数组转化为指定分隔符
slice：返回指定数组
length：数组长度
Array：数组
number：数字
boolean：布尔
alert：提示框
parseInt：转化为整型数值
continue：继续
is NaN：非数字
sort：升序
break：截断 跳出
reverse：倒序
object：对象类型
parseFloat：转化为浮点值
index：索引
floor：向下取整
variable：变量
ceil：向上取整
round:四舍五入
abs：返回绝对值
eval：解析字符串并运算
max：比较最大值
return：返回
min：比较最小值
addEventListener：事件名 函数
to.fixed：保留小数点
attachEvant：（on）事件名
random：随机数
eletment：元素
eventName：事件名

小程序路由方法

wx.switchTab		跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

wx.reLaunch			关闭所有页面，打开到应用内的某个页面

wx.redirectTo		关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

wx.navigateTo		保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 
可以返回到原页面。小程序中页面栈最多十层。

wx.navigateBack 关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，
决定需要返回几层。

小程序生命周期 和 vue生命周期

vue生命周期

1 beforeCreate(创建前)

2 created(创建后)		这个时候能获取到虚拟	dom

3 beforeMount(载入前)

4 mounted(载入后)		这个时候才能获取到真实 dom

5 beforeUpdate(更新前)

6 updated(更新后)

7 beforeDestroy(销毁前)

8 destroyed(销毁后)


**小程序生命周期函数**

onLoad: 页面加载

onShow: 页面显示

onReady: 页面初次渲染完成

onHide: 页面隐藏

onUnload: 页面卸载

vuex的五大属性

1.state：vuex的基本数据，用来存储需要变更的变量。

2.getters：可以理解为store的计算属性。

3.mutations：用来修改提交store中的数据，
每个mutation都与一个字符串的时间类型（type）和一个回调函数（handler），
这个回调函数就是需要实际进行状态修改的地方，但是前提是不许要是同步（如需异步操作可用到actions）

4.action：action提交的是mutation，不能直接变更状态，action可以包含任意异步操作

5.modules：将vueX中的store进行模块化，
使每个模块都拥有自己的的state、mutation、action、getter。

vue常用的属性和方法

computed： computed是计算属性，也就是依赖其它的属性计算所得出最后的值。

created: 在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。

mounted: 在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。

watch：监听属性，通过监听具体的值的变化，来执行对应的函数。

methods： 基本事件方法执行。