上一页 1 ··· 4 5 6 7 8 9 下一页
摘要: 一个变量依赖多个变量进行处理时,推荐使用computed。 计算属性,会有缓存,依赖的变量变化在计算,否则直接返回缓存值 每一个计算属性都包含一个get和set函数,如果某一个属性是一个函数那么就是默认只读属性(get),如果是一个对象可以为该计算属性设置get和set方法 computed 里面的 阅读全文
posted @ 2021-12-30 23:58 HuangBingQuan 阅读(310) 评论(0) 推荐(0) 编辑
摘要: (function(){ var doc=document, ua = navigator.userAgent.toLowerCase(), check = function(r){return r.test(ua);}, isOpera = check(/opera/), isChrome = c 阅读全文
posted @ 2021-12-29 11:16 HuangBingQuan 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 首先检查项目中有没有 vue.config.js 文件 如果没有我们需要建立一个进行配置 module.exports = { publicPath: './' } 阅读全文
posted @ 2021-12-28 23:32 HuangBingQuan 阅读(139) 评论(0) 推荐(0) 编辑
摘要: Promise有什么作用? 可以支持多个并发的请求,解决回调地狱(代码嵌套问题),配合async await 用同步的方式写异步的代码。 Promise会有3个状态,pending 等待、resolved 成功、rejected 失败。 Promise的状态一旦改变就不会再变。 Promise的构造 阅读全文
posted @ 2021-12-28 21:48 HuangBingQuan 阅读(56) 评论(0) 推荐(0) 编辑
摘要: 同步与异步 例如发送一个网络请求 同步:需要等服务器发送回来数据,才能执行后面的代码,从而会有堵塞的现象。 异步:无需等待服务器发送回来数据,而是继续执行下面任务,数据回来之后将回调函数放入任务队列,然后在交给主线程执行。 JavaScript是单线程的所以存在很多异步操作,比如定时器,发送网络请求 阅读全文
posted @ 2021-12-28 19:44 HuangBingQuan 阅读(34) 评论(0) 推荐(0) 编辑
摘要: fetch是一个无需使用ajax发送网络请求的函数 使用fetch函数请求数据后,会返回一个promise对象,处理即可 fetch有两个参数 fetch('url', 配置对象(如请求的方法,body,向请求头添加一些参数) 处理fetch的promise 会返回(对象)响应相关的信息(respo 阅读全文
posted @ 2021-12-27 23:55 HuangBingQuan 阅读(503) 评论(0) 推荐(0) 编辑
摘要: Vue的生命周期函数 又叫钩子函数在new Vue() 产生一个新的实例会经过很多个阶段 vue实例在创建中执行不同的阶段 会调用不同的函数 也就是回调 如果你想知道vue实例在创建时候的某一阶段, 这时你需要在option传入一个函数,假设是一个创建实例前的钩子函数,在创建实例的过程中经过初始化阶 阅读全文
posted @ 2021-12-27 00:59 HuangBingQuan 阅读(38) 评论(0) 推荐(0) 编辑
摘要: option是一个配置对象 const app = new Vue( { el: string | HTMLElement, 作用:决定之后Vue实例会管理哪一个DOM data: Object | Function, 作用:Vue实例对应的数据对象 组件当中的data必须是一个函数 methods 阅读全文
posted @ 2021-12-26 23:44 HuangBingQuan 阅读(74) 评论(0) 推荐(0) 编辑
摘要: MVVM是由 Model View ViewModel 组成的,即 Model View ViewModel(数据层、视图层、视图模型) ViewModel 是View和Model沟通的桥梁。 ViewModel 一方面它实现了Data Binding,也就是数据绑定,当我们更新Model时,Dat 阅读全文
posted @ 2021-12-26 23:18 HuangBingQuan 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 看以下图得出结论 (x3 < x2) && (y3 < y2) && (x3 > x1) && (y3 > y1) 如果成立则子弹碰撞到了飞机 阅读全文
posted @ 2021-12-26 02:18 HuangBingQuan 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 1、state的基本使用 状态(state)即数据 是组件内部的私有数据,只能在组件内部使用。 state 的值是对象,表示一个组件中可以有多个数据 通过 this.state 来获取状态 class App extends React.Component { constructor() { sup 阅读全文
posted @ 2021-12-22 23:42 HuangBingQuan 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 函数组件又叫无状态组件,类组件又叫做有状态组件 状态(state)即数据 函数组件没有自己的状态,只负责数据展示(静) 类组件有自己的状态,负责更新UI,让页面 “动” 起来 比如计数器案例中,点击按钮让数值加1. 0和1就是不同时刻的状态,而由0 变为 1就表示状态发生了变化。 状态变化后,UI 阅读全文
posted @ 2021-12-22 21:49 HuangBingQuan 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 1、事件绑定 React 事件绑定语法与DOM事件语法类似。 语法:on+事件名称=(事件处理程序),比如:onClick = { ()=> {} } 注意:React 事件采用驼峰命名法,比如:onMouseEnter、onFocus 在类组件中绑定事件 class App extends Rea 阅读全文
posted @ 2021-12-22 19:19 HuangBingQuan 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 1、React 组件介绍 组件是 React 的一等公民,使用React就是在用组件。 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点:可复用、独立、可组合 2、React 组件的两种创建方式 2.1 、使用函数创建组件 函数组件:使用JS的函数(或箭头函数)创建的组件。 约定1:函 阅读全文
posted @ 2021-12-22 17:23 HuangBingQuan 阅读(43) 评论(0) 推荐(0) 编辑
摘要: 1、JSX 简介 JSX 是 JavaScript XML 的简写,表示在 JavaScript 代码中写XML(HTML)格式的代码。 优势:声明式语法更加直观,与HTML结构相同,降低了学习成本、提升开发效率。 JSX 是 React 的核心内容。 总结 1、推荐使用JSX语法创建React元素 阅读全文
posted @ 2021-12-21 21:01 HuangBingQuan 阅读(1293) 评论(0) 推荐(0) 编辑
摘要: 1、React是构建用户界面的JavaScript库 2、使用React时,推荐使用脚手架方式。 3、初始化项目命令:npx create-react-app 项目名称 4、启动项目命令:yarn start(或 npm start) 5、React.createElement() 方法用于创建 r 阅读全文
posted @ 2021-12-21 18:26 HuangBingQuan 阅读(43) 评论(0) 推荐(0) 编辑
摘要: React 脚手架的使用 1、React脚手架初始化项目 1.1、初始化项目,命令:npx create-react-app 项目名称 1.2、启动项目 npm start 或 yarn start 2、在脚手架中使用React 2.1、导入 react和react-dom两个包 import Re 阅读全文
posted @ 2021-12-21 17:50 HuangBingQuan 阅读(155) 评论(0) 推荐(0) 编辑
摘要: React的安装 npm i react react-dom 或 yarn add react react-dom react 包是核心,提供创建元素、组件等功能 react-dom 包提供 DOM 相关功能等 React的基本使用 创建react元素 React.createElement(元素名 阅读全文
posted @ 2021-12-21 00:45 HuangBingQuan 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 重置样式就是一组CSS声明,用来覆盖不同浏览器渲染HTML元素时的各种默认样式。重置样式一般会被加入到主样式文件的开头,用来将各个浏览器的自有默认样式重置成统一表现,确保样式表中后续追加的样式在不同浏览器中有相同的显示效果。世界上没有完美的重置样式,许多开发者都有自己的一套。以下是Eric Mere 阅读全文
posted @ 2021-12-18 21:00 HuangBingQuan 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 解题思路:利用JS的Date构造函数 获取当前时间 然后在设定目标时间 剩余时间 = 结束时间 - 当前时间 也就实现了倒计时的功能 具体参考一下代码! window.onload = function() { // 找到 小时 分钟 秒钟的标签 let [h, m , s] = document. 阅读全文
posted @ 2021-12-18 20:43 HuangBingQuan 阅读(55) 评论(0) 推荐(0) 编辑
摘要: ├── VueProject | ├── node_modules // 当前项目所有依赖,一般不可以移植给其他电脑环境 | ├── public | | ├── favicon.ico // 标签图标 | | └── index.html // 当前项目唯一的页面 | ├── src | | ├─ 阅读全文
posted @ 2021-09-07 00:30 HuangBingQuan 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 路径可以分为:相对路径和绝对路径 相对路径,是从代码所在的这个文件出发,去寻找我们的目标文件,而 我们所说的 上一级 下一级 同一级 简单说,就是图片位于HTML页面的位置// 不提倡使用 绝对路径绝对路径,就是文件在计算机的位置 复制地址栏即可 (适用于本地电脑) 路径的分类 符号 说明 同一级路 阅读全文
posted @ 2021-01-11 20:37 HuangBingQuan 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 什么是标签? 在HTML页面中,带有“< >”符号的元素被称为HTML标签(元素==标签) 标签分为:单标签和双标签 HTML中标签元素一般会分成三种不同类型,分别为:块状元素(块盒),行内元素(行盒),行内块状元素。 这三种类型元素的特点以及用处 块状元素的特点: 1、独占一行,每一个块状元素都会 阅读全文
posted @ 2021-01-11 19:32 HuangBingQuan 阅读(311) 评论(0) 推荐(0) 编辑
摘要: HTML骨架标签(模板) HyperText Markup Language)HTML不是一种编程语言,而是一种标记语言 ,是网页制作所必备的工具。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 1 <html> 2 <head> 3 <title></title> 4 </ 阅读全文
posted @ 2021-01-10 21:48 HuangBingQuan 阅读(89) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-04-15 21:49 HuangBingQuan 阅读(135) 评论(1) 推荐(0) 编辑
摘要: 1 package Java_Final; 2 /* 3 final关键字代表最终,不可改变的 4 常见四种用法 5 1.可以用来修饰一个类 6 2.可以用来修饰一个方法 7 3.还可以修饰一个局部变量 //对于基本类型来说 变量的值一但赋值 终生不变 对于引用类型来说 地址值不能改变 8 4.还可 阅读全文
posted @ 2020-04-11 16:51 HuangBingQuan 阅读(695) 评论(0) 推荐(0) 编辑
摘要: 1 package Java_File; 2 3 import java.io.File; 4 /* 5 java.io.File类 6 文件和目录路径名的抽象表示形式。 7 java把电脑的文件和文件夹(目录)封装成为了一个File类,我们可以使用File类对文件和文件夹进行操作 8 我们可以使用 阅读全文
posted @ 2020-04-11 11:18 HuangBingQuan 阅读(281) 评论(1) 推荐(0) 编辑
摘要: 1 public class Demo { 2 public static void main(String[] args) { 3 int totalDay=0; //计算总天数 4 int dayOfWeek; //保存当月第一天是星期几 5 //int day=0 ; //当月的天数 6 in 阅读全文
posted @ 2020-04-09 11:03 HuangBingQuan 阅读(262) 评论(0) 推荐(0) 编辑
摘要: 1 package Port; 2 /* 3 问题描述: 4 我们需要抽取一个共有方法,用来解决两个默认方法之间的重复代码的问题。 5 但是这个共有方法不应该让实现类使用,应该是私有化的。 6 7 解决方案: 8 从java 9开始,接口当中允许定义私有方法。 9 1.普通私有方法,解决多个默认方法 阅读全文
posted @ 2020-04-07 18:50 HuangBingQuan 阅读(413) 评论(0) 推荐(0) 编辑
摘要: 1 package Port; 2 /* 3 从Java 8开始,接口当中允许定义静态方法。 4 格式: 5 public static void main(参数列表){ 6 方法体 7 } 8 */ 9 public interface InterfaceStatic { 10 public st 阅读全文
posted @ 2020-04-07 13:14 HuangBingQuan 阅读(795) 评论(0) 推荐(0) 编辑
摘要: 1 package Port; 2 /* 3 从java 8开始,接口里允许定义默认方法 4 格式: 5 public default 返回值类型 方法名称(参数列表){ 6 方法体 7 } 8 备注:接口当中默认方法,可以解决接口升级问题。 9 */ 10 public interface Int 阅读全文
posted @ 2020-04-07 12:46 HuangBingQuan 阅读(900) 评论(0) 推荐(0) 编辑
摘要: 1 package interface1; 2 /* 3 接口当中可以定义成员变量,但必须使用public static final 三个关键字进行修饰。 4 从效果上看,这其实就是接口的【常量】。 5 格式: 6 public static final 数据类型 常量名称 = 数据值; 7 备注: 阅读全文
posted @ 2020-04-06 11:39 HuangBingQuan 阅读(762) 评论(0) 推荐(0) 编辑
摘要: 1 package Interface; 2 3 /* 4 如何定义一个接口: 5 public interface 接口名称{ 6 //接口内容 7 } 8 */ 9 10 /* 11 接口的使用步骤: 12 1.接口不能直接使用,必须有一个“实现类”来“实现”该接口. 13 格式: 14 pub 阅读全文
posted @ 2020-04-03 19:56 HuangBingQuan 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 1 package DemoPolym; 2 /* 3 访问成员变量的两种方式: 4 1.直接通过对象名称访问成员变量:看等号左边是谁,就优先用谁,如果没有则向上找。 5 2.间接通过成员方法访问成员变量:看该方法属于谁,优先用谁,没有则向上找。 6 */ 7 public class Demo { 阅读全文
posted @ 2020-03-24 21:50 HuangBingQuan 阅读(1325) 评论(0) 推荐(0) 编辑
摘要: 1 package DemoPolym; 2 /* 3 代码当中提现多态性,其实就是一句话:父类引用指向子类对象。 4 格式: 5 父类名称 对象名 = new 子类名称(); 6 或者: 7 接口名称 对象名 = new 实现类名称(); 8 */ 9 public class Demo { 10 阅读全文
posted @ 2020-03-24 20:29 HuangBingQuan 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 1 package DemoExtends; 2 3 /* 4 方法覆盖重写的注意事项: 5 1.必须保证父子类之间方法的名称相同,参数列表也就相同。 6 @Override 用来检测是不是有效正确覆盖重写 7 2.返回值:子类方法的返回值必须[小于等于]父类方法的返回值范围。 8 扩展提示:jav 阅读全文
posted @ 2020-03-22 21:37 HuangBingQuan 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 1 package DemoExtends; 2 3 /* 4 局部变量: 直接写成员变量名; 5 本类的成员变量 this.成员变量名; 6 父类的成员变量 super.成员变量名; 7 */ 8 public class Demo01Extends { 9 public static void 阅读全文
posted @ 2020-03-22 20:17 HuangBingQuan 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 1 package JavaMath; 2 /* 3 计算在-10.8到5.9之间,绝对值大于6或者小于2.1的整数有多少个 4 */ 5 public class Work1 { 6 public static void main(String[] args){ 7 int count = 0; 阅读全文
posted @ 2020-03-21 17:47 HuangBingQuan 阅读(282) 评论(0) 推荐(0) 编辑
摘要: package DemoArrays; import java.util.Arrays;//导包 import java.util.Random; /* 请使用Arrays相关的API,将一个随机字符串的所有字符升序排列,并且倒序打印 */ public class Work { public st 阅读全文
posted @ 2020-03-21 16:56 HuangBingQuan 阅读(516) 评论(0) 推荐(0) 编辑
摘要: 1 package DemoArrays; 2 3 import java.util.Arrays; 4 5 /* 6 java.util.Arrays是一个与数组相关的工具类,里面提供了大量静态方法,用来实现数组常见的操作。 7 8 public static String toString(数组 阅读全文
posted @ 2020-03-21 10:02 HuangBingQuan 阅读(98) 评论(0) 推荐(0) 编辑
上一页 1 ··· 4 5 6 7 8 9 下一页