Leophen

摘要： 类型转换是将值从一种类型转换为另一种类型的过程（比如字符串转数字，对象转布尔值等） 一、类型转换的分类 类型转换可以分为隐式类型转换和显式类型转换。 二者的区别显而易见：我们能够从代码中看出哪些地方是显式强制类型转换，而隐式强制类型转换则不那么明显，通常是某些操作产生的副作用。 例如： 对变量 b 阅读全文

摘要： 一、边距重叠常见情况 1、垂直方向上相邻元素的重叠 （水平方向上不会发生重叠） 2、 垂直方向上父子元素间的重叠 二、BFC 1、什么是 BFC BFC（Block Formatting Context），即块级格式化上下文，创建了 BFC 的元素是一个独立的容器，里面无论如何布局都不会影响到外面的 阅读全文

摘要： 一、搜索引擎工作原理 搜索引擎的工作分为三个阶段，即爬行，索引和检索 1、爬行 搜索引擎具有网络爬虫或蜘蛛来执行爬网，每次抓取工具访问网页时，它都会复制该网页并将其网址添加到索引中。 在“蜘蛛”抓取网页内容，提炼关键词的这个过程中，就存在一个问题：“蜘蛛”能否看懂。如果网站内容是 flash 和 j 阅读全文

摘要： 一、什么是 axios Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中 二、axios 的安装 1、在项目根目录终端引入： npm isntall --save axios 2、在使用 axios 的 js 文件中加入： import axios fr 阅读全文

摘要： 一、什么是 mock-api mock-api（模客）是一个便捷的 REST 接口数据模拟工具，用于前后端隔离测试，开发调试。 二、mock-api 的使用 1、注册登录 http://mock-api.com/ 2、建立模拟系统 可以是某个后端服务，也可以是一组相关的api集合 3、创建规则 规则 阅读全文

摘要： 一、什么是 Ant Design 1、Ant Design 提炼自企业级中后台产品的交互语言和视觉风格 2、Ant Design 使用 TypeScript 构建，提供完整的类型定义文件 二、Ant Design 的安装 1、在项目根目录终端引入： npm install antd --save 2 阅读全文

摘要： React 生命周期图示 一、组件挂载阶段（Mounting） 1、componentDidMount() 在组件创建好 dom 元素后，挂载进页面时调用 二、组件更新阶段（Updating） 1、static getDerivedStateFromProps() 2、shouldComponent 阅读全文

摘要： 一、State 1、什么是 state 一个组件的显示形态可以由数据状态和外部参数决定，其中，数据状态为 state，外部参数为 props 2、state 的使用 组件初始化时，通过 this.state 给组件设置一个初始的 state，在第一次 render 时就会用这个数据渲染组件 3、se 阅读全文

摘要： 在终端执行以下命令创建项目： 1、指定创建的项目位置（这里以桌面为例） 2、创建 React 项目 3、进入项目并启动 可以直接将项目文件拖入终端，输入 npm start 按回车启动 阅读全文

摘要： 1、在 React 中，render 函数中 return 的内容只能有一个根节点，如果多个元素嵌套，需要用一个标签元素包裹 这个包裹的标签通常用 div，示例如下： 此时 #root 下的结构： 2、如果不加 div，会报错 示例如下： 3、不加 div 的解决办法：用 React.Fragmen 阅读全文

摘要： HTML 特殊字符写法要用原始码，例如： ‘<’ 原始码为 &lt; ‘>’ 原始码为 &gt; 解决示例： 原错误代码 <div><</div> 修改后代码 <div>&lt;</div> 阅读全文

摘要： 一、配置与安装步骤： 1、在 src 文件夹中创建 rem.js： 2、将以下代码复制到 rem.js 中： // 基准大小 const baseSize = 16 // 设置 rem 函数 function setRem () { // 当前页面宽度相对于 1920 宽的缩放比例，可根据自己需要修 阅读全文

摘要： 一、什么是 Mint UI 1、Mint UI 包含丰富的 CSS 和 JS 组件，可以提升移动端开发效率 2、Mint UI 按需加载组件 3、Mint UI 轻量化 二、Mint UI 的安装 1、在项目根目录终端引入： 2、在 main.js 中加入： 同时在 main.js 中通过全局方法 阅读全文

摘要： 一、组件的创建 在 components 文件夹下新建一个组件 runoob.vue 二、组件的引用 1、通过 import 导入组件 runoob.vue 2、在 components 下注册该组件 3、在标签中引用 完整示例： 运行结果： 三、组件的自定义属性 1、Prop 传属性值 prop 阅读全文

摘要： 一、什么是 Vuex 1、Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 2、Vuex 采用集中式存储和管理应用中所有组件的状态 3、Vuex 应用的核心是 store（仓库）-- 包含 state（组件中的共享状态）和 mutations（改变状态的方法） 二、Vuex 的安装 1 阅读全文

摘要： 一个简单的 Vue 计数应用： 该状态自管理应用包含以下几个部分： state：驱动应用的数据源 view：以声明方式将 state 映射到视图 actions：响应在 view 上的用户输入导致的状态变化 state：驱动应用的数据源 view：以声明方式将 state 映射到视图 actions 阅读全文

摘要： Vue.js 路由可以通过不同的 URL 访问不同的内容，实现多视图的单页 Web 应用 1、通过 <router-link> 实现 <router-link> 组件用于设置一个导航链接，切换不同 HTML 内容 使用方法： 简单写法 简单写法 使用 v-bind 的写法 使用 v-bind 的写法 阅读全文

摘要： 1、Vue 过渡组件 Vue 在插入、更新或者移除 DOM 时，使用内置的过渡封装组件可以实现过渡效果 语法格式： 2、过渡的类名 在进入/离开的过渡中，会有 6 个 class 切换： v-enter：进入过渡的开始状态 v-enter：进入过渡的开始状态 v-enter-active：进入过渡生 阅读全文

摘要： 1、在要获取的标签中添加 ref="xx" 示例： 2、在 mounted 钩子中使用 this.$refs.xx. 获取并操作 DOM 元素 示例： 3、vue 操作 DOM 完整示例： template 部分： script 部分： 阅读全文

摘要： 1、编译环境不同 SASS 的安装需要 Ruby 环境，是在服务端处理的； LESS 需要引入 less.js 来处理代码输出 CSS 到浏览器，也可以在开发环节使用 LESS，然后编译成 CSS 文件直接使用 2、变量符不同 SASS 变量符是 $ LESS 变量符是 @ 3、变量作用域不同 > 阅读全文