5coder
05
20
混子前端24个ES6代码片段 混子前端24个ES6代码片段
这篇文章基于实际使用场景总结了24个ES6代码片段,可用来解决项目中遇到的一系列问题 1、如何隐藏所有指定元素?const hide = (...el) => [...el].forEach(e => (e.style.disp
20
es6之扩展运算符 es6之扩展运算符
es6扩展运算符对象的扩展运算符理解对象的扩展运算符其实很简单,只要记住一句话就可以: 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中 let bar = { a: 1, b: 2 }; let ba
20
Vue生命周期 Vue生命周期
Vue学习——生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段
20
Vue过滤器、修饰符、动画 Vue过滤器、修饰符、动画
Vue——过滤器、键盘修饰符、动画等1.过滤器 Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值(Mustache)和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该
20
Vue指令 Vue指令
Vue学习-指令1.v-if v-if可以完全根据表达式的值在DOM中生成或移除一个元素。true->生成元素;false->移除元素。 <!DOCTYPE html> <html lang="en">
20
自动化构建 自动化构建
1.自动化构建初体验 项目结构: 我们使用sass使编写css提高效率,但需要对sass进行编译。 yarn init --yes # 初始化项目目录 yarn add sass --dev # 在开发环境安装sass
2021-05-20
20
脚手架工具 脚手架工具
零、前端工程化前端工程化主要解决的问题: 工程化的表现: 创建项目 创建项目结构 创建特定类型文件 编码 格式化代码 校验代码风格 编译/构建/打包 预览/测试 Web Server/Mock Live Reloading/HM
2021-05-20
19
JavaScript 性能优化 JavaScript 性能优化
一、性能优化介绍 性能优化时不可避免的 哪些内容可以看做是性能优化 任何一种可以提升程序运行效率,降低程序开销的行为,我们都可以看做是一种优化操作。这就意味着在软件开发的过程中,必然存在着很多值得优化的地方。 无处不在的前端性能优化 特
2021-05-19
19
TypeScript 语言 TypeScript 语言
TypeScript语言-前置知识一、强类型与弱类型、静态类型与动态类型1.强类型与弱类型(类型安全)①、强类型语言:强类型语言也称为强类型定义语言。是一种总是强制类型定义的语言,要求变量的使用要严格符合定义,所有变量都必须先定义后使用。*
2021-05-19
19
ECMAScript 新特性 ECMAScript 新特性
一、ECMAScript概述ECMAScript,即 ECMA-262 定义的语言,并不局限于 Web 浏览器。事实上,这门语言没有输入和输出之类的方法。ECMA-262 将这门语言作为一个基准来定义,以便在它之上再构建更稳健的脚本语言。
2021-05-19
19
19
Promise对象使用回顾 Promise对象使用回顾
Promise对象使用回顾抽象表达:Promise 是JS 中进行异步编程的新的解决方案具体表达:Promise 是一个构造函数,promise对象用来封装一个异步操作并可以获取其结果 1.promise诞生的意义是什么,为什么会有prom
2021-05-19
2 / 3