标签: 前端技术

11 篇文章

thumbnail
JS代码规范
规范示范代码截图 函数名后面不留空格 函数名和小括号之间不留空格 参数之间留空格 多个参数之间留一个空格,并且小号号后面留一个空格,花括号不换行
thumbnail
JavaScript函数
函数参数 function sum(n1, n2) { console.log(n1 + n2); } sum(10, 20); // 结果30 说明:定义一个sum函数形参为n1和n2调用函数是传入的是实际参数 函数返回值 默认返回 function sum(n1, n2) { console.log(n1 + n2); } var res = …
thumbnail
Promise
描述: Promise 对象用于表示一个异步操作的最终完成(或失败)及其结果值。 一个 Promise 对象代表一个在这个 promise 被创建出来时不一定已知值的代理。它让你能够把异步操作最终的成功返回值或者失败原因和相应的处理程序关联起来。这样使得异步方法可以像同步方法那样返回值:异步方法并不会立即返回最终的值,…
thumbnail
Vue消息订阅与发布
1、安装pubsub-js npm i pubsub-js 2、订阅消息 <script> import pubsub from 'pubsub-js' export default { // eslint-disable-next-line vue/multi-word-component-names name: 'School', …
thumbnail
JavaScript Proxy-Reflect
Proxy 描述:Proxy 对象用于创建一个对象的代理,从而实现基本操作的拦截和自定义(如属性查找、赋值、枚举、函数调用等)。 语法 const p = new Proxy(target, handler) 参数 target 要使用 Proxy 包装的目标对象(可以是任何类型的对象,包括原生数组,函数,甚至另一个代…
thumbnail
JavaScript数据类型转换
1、转换为字符串类型 方式说明举例说明toString()转换成字符串let num = 10let str = num.toString()console.log(typeof str) // 结果是: stringString()转换成字符串let num = 10let str = String(num)console.log(typeof …
thumbnail
Vue全局事件总线
作用:任意组件间通信 1、在main.js中安装全局事件总线 new Vue({ router, store, render: h => h(App), beforeCreate() { Vue.prototype.$bus = this // 安装全局事件总线 } }).$mount('#app') 2、在需要接收数据的组件中定义自定义事件…
thumbnail
Vue 生命周期
mount函数 Vue完成模板的解析并把初始的真实DOM元素放入页面后,也就是挂载完毕,执行mount函数
thumbnail
Vue模板语法
插值语法 Mustache 功能:用于解析标签体内容语法:{{name}},双大括号内可以写js表达式,并且可以直接读取到data中所有的属性。 解析标签体 使用两个双大括号用来解析变量 <div id="app"> <h1>Hello,{{name}}</h1> <h2>{{title}}</…
CSS3动画Log
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev…