12 2021 档案
计算属性computed
摘要:一个变量依赖多个变量进行处理时,推荐使用computed。 计算属性,会有缓存,依赖的变量变化在计算,否则直接返回缓存值 每一个计算属性都包含一个get和set函数,如果某一个属性是一个函数那么就是默认只读属性(get),如果是一个对象可以为该计算属性设置get和set方法 computed 里面的
JavaScript禁用鼠标右击
摘要:(function(){ var doc=document, ua = navigator.userAgent.toLowerCase(), check = function(r){return r.test(ua);}, isOpera = check(/opera/), isChrome = c
VueCli打包空白解决方案
摘要:首先检查项目中有没有 vue.config.js 文件 如果没有我们需要建立一个进行配置 module.exports = { publicPath: './' }
简单了解一下Promise
摘要:Promise有什么作用? 可以支持多个并发的请求,解决回调地狱(代码嵌套问题),配合async await 用同步的方式写异步的代码。 Promise会有3个状态,pending 等待、resolved 成功、rejected 失败。 Promise的状态一旦改变就不会再变。 Promise的构造
同步与异步
摘要:同步与异步 例如发送一个网络请求 同步:需要等服务器发送回来数据,才能执行后面的代码,从而会有堵塞的现象。 异步:无需等待服务器发送回来数据,而是继续执行下面任务,数据回来之后将回调函数放入任务队列,然后在交给主线程执行。 JavaScript是单线程的所以存在很多异步操作,比如定时器,发送网络请求
fetch
摘要:fetch是一个无需使用ajax发送网络请求的函数 使用fetch函数请求数据后,会返回一个promise对象,处理即可 fetch有两个参数 fetch('url', 配置对象(如请求的方法,body,向请求头添加一些参数) 处理fetch的promise 会返回(对象)响应相关的信息(respo
Vue生命周期
摘要:Vue的生命周期函数 又叫钩子函数在new Vue() 产生一个新的实例会经过很多个阶段 vue实例在创建中执行不同的阶段 会调用不同的函数 也就是回调 如果你想知道vue实例在创建时候的某一阶段, 这时你需要在option传入一个函数,假设是一个创建实例前的钩子函数,在创建实例的过程中经过初始化阶
创建Vue实例传入的option
摘要:option是一个配置对象 const app = new Vue( { el: string | HTMLElement, 作用:决定之后Vue实例会管理哪一个DOM data: Object | Function, 作用:Vue实例对应的数据对象 组件当中的data必须是一个函数 methods
什么是MVVM?
摘要:MVVM是由 Model View ViewModel 组成的,即 Model View ViewModel(数据层、视图层、视图模型) ViewModel 是View和Model沟通的桥梁。 ViewModel 一方面它实现了Data Binding,也就是数据绑定,当我们更新Model时,Dat
组件中的 state 和 setState
摘要:1、state的基本使用 状态(state)即数据 是组件内部的私有数据,只能在组件内部使用。 state 的值是对象,表示一个组件中可以有多个数据 通过 this.state 来获取状态 class App extends React.Component { constructor() { sup
React有状态组件和无状态组件
摘要:函数组件又叫无状态组件,类组件又叫做有状态组件 状态(state)即数据 函数组件没有自己的状态,只负责数据展示(静) 类组件有自己的状态,负责更新UI,让页面 “动” 起来 比如计数器案例中,点击按钮让数值加1. 0和1就是不同时刻的状态,而由0 变为 1就表示状态发生了变化。 状态变化后,UI
React 事件处理
摘要:1、事件绑定 React 事件绑定语法与DOM事件语法类似。 语法:on+事件名称=(事件处理程序),比如:onClick = { ()=> {} } 注意:React 事件采用驼峰命名法,比如:onMouseEnter、onFocus 在类组件中绑定事件 class App extends Rea
React组件
摘要:1、React 组件介绍 组件是 React 的一等公民,使用React就是在用组件。 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点:可复用、独立、可组合 2、React 组件的两种创建方式 2.1 、使用函数创建组件 函数组件:使用JS的函数(或箭头函数)创建的组件。 约定1:函
JSX的简介与基本使用
摘要:1、JSX 简介 JSX 是 JavaScript XML 的简写,表示在 JavaScript 代码中写XML(HTML)格式的代码。 优势:声明式语法更加直观,与HTML结构相同,降低了学习成本、提升开发效率。 JSX 是 React 的核心内容。 总结 1、推荐使用JSX语法创建React元素
React基础总结
摘要:1、React是构建用户界面的JavaScript库 2、使用React时,推荐使用脚手架方式。 3、初始化项目命令:npx create-react-app 项目名称 4、启动项目命令:yarn start(或 npm start) 5、React.createElement() 方法用于创建 r
React 脚手架的使用
摘要:React 脚手架的使用 1、React脚手架初始化项目 1.1、初始化项目,命令:npx create-react-app 项目名称 1.2、启动项目 npm start 或 yarn start 2、在脚手架中使用React 2.1、导入 react和react-dom两个包 import Re
React的安装与基本使用
摘要:React的安装 npm i react react-dom 或 yarn add react react-dom react 包是核心,提供创建元素、组件等功能 react-dom 包提供 DOM 相关功能等 React的基本使用 创建react元素 React.createElement(元素名
重置样式CSS
摘要:重置样式就是一组CSS声明,用来覆盖不同浏览器渲染HTML元素时的各种默认样式。重置样式一般会被加入到主样式文件的开头,用来将各个浏览器的自有默认样式重置成统一表现,确保样式表中后续追加的样式在不同浏览器中有相同的显示效果。世界上没有完美的重置样式,许多开发者都有自己的一套。以下是Eric Mere
js倒计时
摘要:解题思路:利用JS的Date构造函数 获取当前时间 然后在设定目标时间 剩余时间 = 结束时间 - 当前时间 也就实现了倒计时的功能 具体参考一下代码! window.onload = function() { // 找到 小时 分钟 秒钟的标签 let [h, m , s] = document.