摘要：
(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
阅读(135)
评论(0)
推荐(0)
摘要：
首先检查项目中有没有 vue.config.js 文件 如果没有我们需要建立一个进行配置 module.exports = { publicPath: './' } 阅读全文
posted @ 2021-12-28 23:32
HuangBingQuan
阅读(151)
评论(0)
推荐(0)
摘要：
Promise有什么作用？ 可以支持多个并发的请求，解决回调地狱（代码嵌套问题），配合async await 用同步的方式写异步的代码。 Promise会有3个状态，pending 等待、resolved 成功、rejected 失败。 Promise的状态一旦改变就不会再变。 Promise的构造 阅读全文
posted @ 2021-12-28 21:48
HuangBingQuan
阅读(75)
评论(0)
推荐(0)
摘要：
同步与异步 例如发送一个网络请求 同步：需要等服务器发送回来数据，才能执行后面的代码，从而会有堵塞的现象。 异步：无需等待服务器发送回来数据，而是继续执行下面任务，数据回来之后将回调函数放入任务队列，然后在交给主线程执行。 JavaScript是单线程的所以存在很多异步操作，比如定时器，发送网络请求 阅读全文
posted @ 2021-12-28 19:44
HuangBingQuan
阅读(47)
评论(0)
推荐(0)
摘要：
fetch是一个无需使用ajax发送网络请求的函数 使用fetch函数请求数据后，会返回一个promise对象，处理即可 fetch有两个参数 fetch('url', 配置对象（如请求的方法，body，向请求头添加一些参数） 处理fetch的promise 会返回（对象）响应相关的信息(respo 阅读全文
posted @ 2021-12-27 23:55
HuangBingQuan
阅读(523)
评论(0)
推荐(0)
摘要：
Vue的生命周期函数 又叫钩子函数在new Vue() 产生一个新的实例会经过很多个阶段 vue实例在创建中执行不同的阶段 会调用不同的函数 也就是回调 如果你想知道vue实例在创建时候的某一阶段， 这时你需要在option传入一个函数，假设是一个创建实例前的钩子函数，在创建实例的过程中经过初始化阶 阅读全文
posted @ 2021-12-27 00:59
HuangBingQuan
阅读(49)
评论(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
阅读(91)
评论(0)
推荐(0)
摘要：
MVVM是由 Model View ViewModel 组成的，即 Model View ViewModel（数据层、视图层、视图模型） ViewModel 是View和Model沟通的桥梁。 ViewModel 一方面它实现了Data Binding，也就是数据绑定，当我们更新Model时，Dat 阅读全文
posted @ 2021-12-26 23:18
HuangBingQuan
阅读(141)
评论(0)
推荐(0)
摘要：
看以下图得出结论 (x3 < x2) && (y3 < y2) && (x3 > x1) && (y3 > y1) 如果成立则子弹碰撞到了飞机 阅读全文
posted @ 2021-12-26 02:18
HuangBingQuan
阅读(164)
评论(0)
推荐(0)
摘要：
1、state的基本使用 状态（state）即数据 是组件内部的私有数据，只能在组件内部使用。 state 的值是对象，表示一个组件中可以有多个数据 通过 this.state 来获取状态 class App extends React.Component { constructor() { sup 阅读全文
posted @ 2021-12-22 23:42
HuangBingQuan
阅读(189)
评论(0)
推荐(0)
摘要：
函数组件又叫无状态组件，类组件又叫做有状态组件 状态（state）即数据 函数组件没有自己的状态，只负责数据展示（静） 类组件有自己的状态，负责更新UI，让页面 “动” 起来 比如计数器案例中，点击按钮让数值加1. 0和1就是不同时刻的状态，而由0 变为 1就表示状态发生了变化。 状态变化后，UI 阅读全文
posted @ 2021-12-22 21:49
HuangBingQuan
阅读(178)
评论(0)
推荐(0)
摘要：
1、事件绑定 React 事件绑定语法与DOM事件语法类似。 语法：on+事件名称=（事件处理程序），比如：onClick = { ()=> {} } 注意：React 事件采用驼峰命名法，比如：onMouseEnter、onFocus 在类组件中绑定事件 class App extends Rea 阅读全文
posted @ 2021-12-22 19:19
HuangBingQuan
阅读(90)
评论(0)
推荐(0)
摘要：
1、React 组件介绍 组件是 React 的一等公民，使用React就是在用组件。 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点：可复用、独立、可组合 2、React 组件的两种创建方式 2.1 、使用函数创建组件 函数组件：使用JS的函数（或箭头函数）创建的组件。 约定1：函 阅读全文
posted @ 2021-12-22 17:23
HuangBingQuan
阅读(61)
评论(0)
推荐(0)
摘要：
1、JSX 简介 JSX 是 JavaScript XML 的简写，表示在 JavaScript 代码中写XML（HTML）格式的代码。 优势：声明式语法更加直观，与HTML结构相同，降低了学习成本、提升开发效率。 JSX 是 React 的核心内容。 总结 1、推荐使用JSX语法创建React元素 阅读全文
posted @ 2021-12-21 21:01
HuangBingQuan
阅读(1493)
评论(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
阅读(60)
评论(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
阅读(184)
评论(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
阅读(158)
评论(0)
推荐(0)
摘要：
重置样式就是一组CSS声明，用来覆盖不同浏览器渲染HTML元素时的各种默认样式。重置样式一般会被加入到主样式文件的开头，用来将各个浏览器的自有默认样式重置成统一表现，确保样式表中后续追加的样式在不同浏览器中有相同的显示效果。世界上没有完美的重置样式，许多开发者都有自己的一套。以下是Eric Mere 阅读全文
posted @ 2021-12-18 21:00
HuangBingQuan
阅读(320)
评论(0)
推荐(0)
摘要：
解题思路：利用JS的Date构造函数 获取当前时间 然后在设定目标时间 剩余时间 = 结束时间 - 当前时间 也就实现了倒计时的功能 具体参考一下代码！ window.onload = function() { // 找到 小时 分钟 秒钟的标签 let [h, m , s] = document. 阅读全文
posted @ 2021-12-18 20:43
HuangBingQuan
阅读(70)
评论(0)
推荐(0)
摘要：
├── VueProject | ├── node_modules // 当前项目所有依赖，一般不可以移植给其他电脑环境 | ├── public | | ├── favicon.ico // 标签图标 | | └── index.html // 当前项目唯一的页面 | ├── src | | ├─ 阅读全文
posted @ 2021-09-07 00:30
HuangBingQuan
阅读(154)
评论(0)
推荐(0)
摘要：
路径可以分为：相对路径和绝对路径 相对路径，是从代码所在的这个文件出发，去寻找我们的目标文件，而 我们所说的 上一级 下一级 同一级 简单说，就是图片位于HTML页面的位置// 不提倡使用 绝对路径绝对路径，就是文件在计算机的位置 复制地址栏即可 （适用于本地电脑） 路径的分类 符号 说明 同一级路 阅读全文
posted @ 2021-01-11 20:37
HuangBingQuan
阅读(228)
评论(0)
推荐(0)
摘要：
什么是标签？ 在HTML页面中，带有“< >”符号的元素被称为HTML标签（元素==标签） 标签分为：单标签和双标签 HTML中标签元素一般会分成三种不同类型，分别为：块状元素（块盒），行内元素（行盒），行内块状元素。 这三种类型元素的特点以及用处 块状元素的特点： 1、独占一行，每一个块状元素都会 阅读全文
posted @ 2021-01-11 19:32
HuangBingQuan
阅读(336)
评论(0)
推荐(0)
摘要：
HTML骨架标签（模板） HyperText Markup Language）HTML不是一种编程语言，而是一种标记语言 ，是网页制作所必备的工具。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 1 <html> 2 <head> 3 <title></title> 4 </ 阅读全文
posted @ 2021-01-10 21:48
HuangBingQuan
阅读(101)
评论(0)
推荐(0)
摘要：
1 package Java_Final; 2 /* 3 final关键字代表最终，不可改变的 4 常见四种用法 5 1.可以用来修饰一个类 6 2.可以用来修饰一个方法 7 3.还可以修饰一个局部变量 //对于基本类型来说 变量的值一但赋值 终生不变 对于引用类型来说 地址值不能改变 8 4.还可 阅读全文
posted @ 2020-04-11 16:51
HuangBingQuan
阅读(751)
评论(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
阅读(288)
评论(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
阅读(299)
评论(0)
推荐(0)
摘要：
1 package Port; 2 /* 3 问题描述： 4 我们需要抽取一个共有方法，用来解决两个默认方法之间的重复代码的问题。 5 但是这个共有方法不应该让实现类使用，应该是私有化的。 6 7 解决方案： 8 从java 9开始，接口当中允许定义私有方法。 9 1.普通私有方法，解决多个默认方法 阅读全文
posted @ 2020-04-07 18:50
HuangBingQuan
阅读(448)
评论(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
阅读(854)
评论(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
阅读(1003)
评论(0)
推荐(0)
摘要：
1 package interface1; 2 /* 3 接口当中可以定义成员变量，但必须使用public static final 三个关键字进行修饰。 4 从效果上看，这其实就是接口的【常量】。 5 格式： 6 public static final 数据类型 常量名称 = 数据值； 7 备注： 阅读全文
posted @ 2020-04-06 11:39
HuangBingQuan
阅读(802)
评论(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
阅读(186)
评论(0)
推荐(0)
摘要：
1 package DemoPolym; 2 /* 3 访问成员变量的两种方式： 4 1.直接通过对象名称访问成员变量：看等号左边是谁，就优先用谁，如果没有则向上找。 5 2.间接通过成员方法访问成员变量：看该方法属于谁，优先用谁，没有则向上找。 6 */ 7 public class Demo { 阅读全文
posted @ 2020-03-24 21:50
HuangBingQuan
阅读(1372)
评论(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
阅读(126)
评论(0)
推荐(0)
摘要：
1 package DemoExtends; 2 3 /* 4 方法覆盖重写的注意事项： 5 1.必须保证父子类之间方法的名称相同，参数列表也就相同。 6 @Override 用来检测是不是有效正确覆盖重写 7 2.返回值：子类方法的返回值必须[小于等于]父类方法的返回值范围。 8 扩展提示：jav 阅读全文
posted @ 2020-03-22 21:37
HuangBingQuan
阅读(194)
评论(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
阅读(131)
评论(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
阅读(291)
评论(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
阅读(532)
评论(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
阅读(104)
评论(0)
推荐(0)
摘要：
1 package JavaStatic; 2 /* 3 静态代码块的格式： 4 public class 类名称{ 5 static{ 6 //静态代码块内容 7 } 8 } 9 特点：当第一次用到本类时，静态代码块执行唯一的一次。 10 静态内容总是优先于非静态，所以静态代码块比构造方法先执行。 阅读全文
posted @ 2020-03-20 22:31
HuangBingQuan
阅读(158)
评论(0)
推荐(0)
浙公网安备 33010602011771号