王树贤
# error ## `base.less: When linting something other than CSS, you should install an appropriate syntax, e.g. "postcss-less", and use the "customSyntax" option` >安装 postcss-less
## 配置 base + router ### `vite.config.ts` ```ts import { defineConfig, loadEnv } from "vite"; import vue from "@vitejs/plugin-vue"; // https://vitejs.dev/config/ export default ({ mode }) => { const BASE...
# bug ## `Default export of the module has or is using private name 'HeaderProps'.ts(4082)` >只需要在相应的组件`Header.tsx`中将类型`HeaderProps`导出即可 >也就是将`interface HeaderProps` 改为 `export interface HeaderProps` ## 无法运行时 >去掉 `storybook/main.js` `addons` `@storybook/preset-create-react-app` ## this.getOptions...
# Storybook 的 SCSS 预设 >https://github.com/storybookjs/presets/tree/master/packages/preset-scss ```bash yarn add -D @storybook/preset-scss css-loader sass sass-loader style-loader ``` >然后将以下内容添加到.storybook/main.js： ```js module.exports = { addons: ['@storybook/preset-scss'], }; ``` ## 高级用法 >你可以通过使用 @storybook/preset-scss 的...
## Storybook 的 less 预设 ```bash yarn add storybook-preset-less -D ``` >然后将以下内容添加到`.storybook/main.js`： ```js module.exports = { addons: ['storybook-preset-less'], }; ```
### 前端组件演变 >https://www.zhihu.com/question/267797409 *** ### 无框架的年代 #### 1.0 上古时期  >我们需要开发这样的一个功能，点击+号按钮，上面的数字就加1 ```html 0 + ``` ```ts //document.querySelector，其实就是DOM的api，选择一个元素 const wrap = document.querySelector(".wrap"); const plus = wrap.querySelector(".plus"); const text = wrap.querySelector(".text"); let...
## 组件分类 ### 展示组件 Presentational components #### 基础样式组件 The base, styled components >只关心事情的样子。 >通常用于排版和布局 typography and layout >经常只使用 `props.children` [react] >示例：`h1`、`section`、`div`、`span`、`Icon`（可能包含 `className` 和可访问性属性） #### 展示组件 Presentational components >关心事情的样子。 >仅通过 `props`...
### Java errors #### ```Welcome.java is a non-project file, only syntax errors are reported``` >在vscode中直接打开一个 java 文件会出现此警告 >打开一个java项目文件夹则不再提示该警告
### applet >构建并运行applet >现在很多浏览器并不提供Java支持，或者启用Java很困难 ```bash javac RoadApplet.java jar cvfm RoadApplet.jar RoadApplet.mf *.class appletviewer RoadApplet.html ``` >第一条命令是调用Java编译器的命令。它将RoadApplet.java源文件编译成字节码文件RoadApplet.class。 >不过这一次不要运行java程序。 >首先，使用jar工具将类文件打包到一个“JAR文件”。 >然后调用appletviewer程序，这是JDK自带的一个工具，可以用来快速测试applet。需要为这个程序指定一个HTML文件名，而不是一个Java类文件名
### Java的基本程序设计结构 ### 一个最简单的Java应用程序，它只发送一条消息到控制台窗口中 >FirstSample.java ```java // 类名必须和文件名相同 public class FirstSample { public static void main(String[] args) { System.out.println("hello world"); } } ``` >Java区分大小写 >关键字public称为访问修饰符（access modifier），这些修饰符用于控制程序的其他部分对这段代码的访问级别 >关键字class表明Java程序中的全部内容都包含在类中。这里，只需要将类作为一个加载程序逻辑的容器，程序逻辑定义了应用程序的行为。 >类是构建所有Java应用程序和applet的构建块。Java应用程序中的全部内容都必须放置在类中。 >关键字class后面紧跟类名。Java中定义类名的规则很宽松。名字必须以字母开头，后面可以跟字母和数字的任意组合。长度基本上没有限制。但是不能使用Java保留字（例如，public或class）作为类名 >标准的命名规范为（类名FirstSample就遵循了这个规范）：类名是以大写字母开头的名词。如果名字由多个单词组成，每个单词的第一个字母都应该大写（这种在一个单词中间使用大写字母的方式称为骆驼命名法。以其自身为例，应该写成CamelCase）。...