12 2020 档案
摘要：打包字体图标 字体图标中也用到了 url 用到了文件, 所以我们需要通过file-loader来处理字体图标文件。 修改 webpack 核心配置文件如下所示： const path = require("path"); module.exports = { module: { rules: [ /
阅读全文
摘要：默认情况下通过 import "./xxx.css" 导入的样式是全局的样式，也就是只要被导入, 在其它文件中也可以使用，如果想要导入的CSS文件只在导入的文件中有效, 那么就需要开启CSS的模块化，开启也就是修改 webpack 核心配置文件，修改地方和内容如下所示： options: { mod
阅读全文
摘要：NPM官方地址：https://www.npmjs.com/package/postcss-pxtorem 安装 postcss-pxtorem 如下命令就是安装的命令运行即可安装。 npm install postcss-pxtorem -D 在配置文件中配置 postcss-pxtorem。 m
阅读全文
摘要：什么是 PostCSS 官方文档介绍：https://www.postcss.com.cn PostCSS和sass/less不同, 它不是CSS预处理器。 PostCSS是一款使用插件去转换CSS的工具。 PostCSS有许多非常好用的插件。 例如： autoprefixer (自动补全浏览器前缀
阅读全文
摘要：在JSX中只要看到 {} 就会当做JS来解析(执行里面的JS代码)，所以无论是绑定属性, 还是绑定类名, 还是绑定样式, 只需要将字符串改为 {} 然后再通过JS动态获取, 动态绑定即可，对于普通属性而言, 过去怎么绑定, 现在就怎么绑定，以下将会给出一些案例，和测试的效果图，如下所示。 绑定普通属
阅读全文
摘要：在JSX中遇到 < 会当做XML元素解析, 遇到 { 会当做JS解析，所以在JSX中不能使用HTML的注释，JSX代码用于定义网页的结构, 而网页的内容中必然会包含内容，所以直接在JSX中使用单行注释 // 或多行注释 /**/ 会被当做元素的内容来处理。 正确打开姿势 官方文档：https://z
阅读全文
摘要：购物车案例。 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-sca
阅读全文
摘要：再上一章节中，为什么直接修改 state 的内容为啥界面就不会更新呢，那肯定是有原因的，接下来我就来一一简单的来介绍一下吧。 再这里，我就自定义一个类组件，让我们之前的 Home 继承自我们现在自定义的一个类组件如下所示： <!doctype html> <html lang="en"> <head
阅读全文
摘要：永远不要直接修改state, 直接修改state并不会触发界面更新，只有使用 setState 方法修改state才会触发界面更新。 官方文档介绍：https://zh-hans.reactjs.org/docs/state-and-lifecycle.html 接下来再次改造我们之前的案例如下所示
阅读全文
摘要：在ES6之前, 方法中的this谁调用就是谁, 并且还可以通过call/apply/bind方法修改this，从ES6开始, 新增了 箭头函数, 箭头函数没有自己的this, 箭头函数中的this是函数外最近的那个this, 并且由于箭头函数没有自己的this, 所以不能通过call/apply/b
阅读全文
摘要：首先需要明确的是, 组件中的状态(state)指的其实就是数据，有状态组件指的就是有自己数据的组件(逻辑组件)，无状态组件指的就是没有自己数据的组件(展示组件) 定义自己的状态 凡是继承于 React.Component 的组件, 默认都会从父类继承过来一个state属性，这个state属性就是专门
阅读全文
摘要：Scss-Loader 自动将 scss 转换为 CSS。 使用 Scss-Loader 安装 Scss npm install --save-dev node-sass 安装 Sess-loader npm install --save-dev sass-loader 配置 Sess-Loader
阅读全文
摘要：less-loader 自动将 less 转换为 CSS。 使用 less-loader 安装 less npm install --save-dev less 安装 less-loader npm install --save-dev less-loader 配置 less-loader 修改 w
阅读全文
摘要：什么是注释 注释是在所有计算机语言中都非常重要的一个概念，从字面上看，就是注解、解释的意思。 注释可以用来解释某一段程序或者某一行代码是什么意思，方便程序员之间的交流沟通。 注释内容可以是任何文字，也就是说可以写中文。 被注释的内容在开发工具中会有特殊的颜色。 为什么要使用注释 没有编写任何注释的程
阅读全文
摘要：QtCreator 设置 Qt Creator 的主题我使用的是 Dark 。 设置好了之后需要重启一下 Qt Creator 重启即可看到效果。 JetBrains 相关产品的配置 配置打开默认浏览器快捷键 选择 File → Settings → KeyMap 搜索 open in defaul
阅读全文
摘要：Hello World 这个世界上, 几乎所有程序员入门的第一段代码都是Hello World, 原因是当年C语言的作者Dennis Ritchie(丹尼斯 里奇)在他的名著 < The C Programming Language> 中第一次引入, 传为后世经典, 其它语言亦争相效仿, 以示敬意。
阅读全文
摘要：工欲善其事必先利其器 编写C语言程序使用的工具 记事本(开发效率低) Vim(初学者入门门槛高) VSCode(不喜欢) eclipse(不喜欢) CLion(深爱, 但收费) Xcode(逼格高, 但得有苹果电脑) Qt Creator(开源免费, 跨平台安装和运行) Qt Creator Qt
阅读全文
摘要：C语言是一种用于和计算机交流的高级语言, 它既具有高级语言的特点，又具有汇编语言的特点。 非常接近自然语言。 程序的执行效率非常高。 C语言是所有编程语言中的经典，很多高级语言都是从C语言中衍生出来的。 例如: C++、C#、Object-C、Java、Go等等。 C语言是所有编程语言中的经典，很多
阅读全文
摘要：计算机 顾名思义，就是能够进行数据运算的机器(台式电脑、笔记本电脑、平板电脑、智能手机) 计算机_百度百科 计算机的发明者 关于电子计算机的发明者是谁这一问题，有好几种答案： 1936年 英国数学家图灵 首先提出了一种以程序和输入数据相互作用产生输出的计算机 构想 后人将这种机器命名为通用图灵计算机
阅读全文
