12 2020 档案

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