大家好，我是讯享网，很高兴认识大家。这里提供最前沿的Ai技术和互联网信息。



改变角度： transform:totate(角度+deg)

内容的间距：容器+gap

display属性：flex（子元素横向排列），inline-block

inline-block—-

• block：独占一行，能设宽高
• inline：并排，不能设宽高
• inline-block：并排，又能设宽高

flex-wrap

flex-direction–主轴方向

justify-content:

：space-between两端对齐，项目间等距；around两侧等距；evenly间距完全相等

flex-start左对齐/上对齐，end，center

align-item:baseline(第一行文字基线对齐)，stretch项目拉伸占满高度，center

display=none（不占位置 不显示） 和 opacity：0（占位置 不显示）

父子关系

ul+空格+li：nth-child(X)–ul下面作为第三个子元素的li

去掉li的小圆点–ul的css加list-style：none

border需要同时有 solid 颜色 粗度（1px）

媒体查询

@media(max-width:700px){ }

dom获取元素 注意多个用All

定时器 setInterval(函数，时间)---不关会一直执行，如果定义在函数里，记得调用函数--clearInterval(定时器名字)

倒计时 setTimeout(函数，时间)---只执行一次--clearTimeout(定时器名字)

为什么不需要加页面加载成功的判断

• JS 在标签下面 → 不用等
• JS 在标签上面 → 必须等

类名增删 XX.classList.add/remove('类名') id名 :XX.id.add/remove('id')

类名添加与删除条件：XX.toggle('类名"，条件)；添加多个类名classList.add('XX', "XX")逗号隔开

内容：textContent，innerHtml（读取DOM元素内部全部html内容）

parseInt(XX)--字符串转成数字

String(XX)--Xx转成字符串

Math.random()--0~1的随机数

Math.floor()---向下取整

注意1.0的临界

请求数据

axios.get(相对index.html的路径)

异步处理：$.get(url).then(res=>{ XX=res }) 或者axios.get.then(res=>{ XX=res.data })

提交数据

$.post(url, data).then

放元素 XX.appendChild()---加到XX里面 不加引号 必须传元素节点，不能传字符串(也就是不加引号)

const 常量重复赋值 ----const 不能改，要么用 let，要么直接一步赋值。

splice和slice的区别：

• slice 不会改原数组 → 取一段，返回新数组
• splice 会改原数组 → 删 / 插元素，直接把原数组变了

函数也可以作为形参

获取当前具体日期 new Date() 方法getFullYear()/getMonth()/getDay(星期几)

XX.textContent.trim()---去掉前后空格

.数据的存储，提取，删除

localStorage.setItem(key,value)

localStorage.getItem(key)

localStorage.removeItem(key)

filter-筛选数组里的数据 不改变原数组 返回新数组

slice()--提取内容

.shift()从头删除一个

push（）从尾部添加

XX.splice（index,个数）--删掉数组里从第index+1个开始往后删几个

数组的sort排序 sort((a, b) => b.value - a.value) sort：排序 b.value - a.value：从大到小排

.map()---遍历数组，返回新数组，长度不变

eg. arr.map(item=>{ return {XX} })--对每个item做处理

每个数组元素连接成一个字符串，用&连接--arr.join('&')

判断是否为数组 Array.isArray(XX)

添加html：

legendItem.innerHTML = `

$

`;

正则表达式

手机号：const regPhone=/^1[3-9]d{9}$/

名字：const regName=/^[一-龥]{2,6}$/

地址：const regAddress=/^[一-龥][一-龥-zA-Z0-9]

判断是否符合正则 regAddress.test(XX)

...Array---扩展运算符，把内容拆分

字符串代替，XX.replace("旧的"，"新的")

位置：getBoundingClientRect()-包括元素位置和大小

对象：

Object.keys(params)--获取对象所有key放入并返回一个数组

对象的遍历： for(let key in obj)

字符串：

判断字符串是否含有某个元素 XX.includes（？？）

字符串的遍历（也就是针对每个字符）for (let char of obj)

判断是否是大写 isUpperCase(XX)

大写转小写 toLowerCase（）

小写转大写 toUpperCase（）

数组渲染 v-for=‘(item,index) in obj’ ：key=""

双向绑定 v-model="XX" XX一定是data里的变量

绑定属性，动态变化 ：img/:class="条件/实际的东西"—让 JS 变量控制 HTML 属性的值

@click="XX"—点击后触发事件XX,XX事件是定义好的，一般在methods中

new Vue({

el: ‘#app’,

data: function() { return { … } },—-放响应式数据， data 必须是函数返回对象（组件里）

methods: { … },—放事件处理函数， 每次调用都会重新执行，this指向vue实例，点击事件

computed: { … },

—计算属性 ，根据已有数据计算出新数据， 必须有 return，数组 filter 写在 computed 里

watch: { … },–监听，题目出现 "当 xx 变化时…" → 用 watch

created: function() { … },–实例创建完立刻执行，DOM 还没渲染

mounted: function() { … } })–DOM 渲染完成后执行

–考：进入页面自动请求数据、自动加载列表,axios.get(“).then(res=>{XX=res.data})

vue Router配置路由：4.1第八题

子传父 this.$emit(‘动作’，数据) + 父组件的methods里的方法 =》@XX="方法名"

父传子