- 博客(14)
- 收藏
- 关注
RSS订阅原创 纯CSS写瀑布流，简单的完美实践
在项目开发中，为实现瀑布流效果而引入JS库很麻烦，并且性能较低，相比之下纯CSS写法有多方面优势但使用这个属性不现实，因为你的客户可能会把你撕了，等几年再说吧。那么目前效果比较好的方式如下：
2022-12-02 01:15:42
1169
原创 vue3 setup文件拆分、引入、响应式解构
使用setup语法糖开发时，我们会遇到页面个业务逻辑分离维护问题，在拆分业务逻辑代码的时候我们需要将拆分出来的逻辑代码用函数包装，并在引入时调用函数以生成执行上下文，再使用上下文中的数据，而对其中响应式数据进行解构时需要使用toRefs包裹，否则响应式失效。
2022-11-22 16:30:59
2007
原创 vscode插件vetur，vue3 setup下vetur调整
setup语法糖下，vetur各种报错莫名其妙，直接关了，安装Vue Language Features 和TypeScript Vue Plugin (Volar)两个插件。vetur Extension Settings里面找到 Vetur > Validation: Script，取消勾选，然后安装上面两个插件。
2022-11-10 09:45:32
574
原创 uniapp vue3 setup下写interface报错：Parsing error: The keyword ‘interface‘ is reserved
解决办法是添加 vue-eslint-parser 解析器，修改.eslintrc文件。
2022-11-10 09:32:55
3171
1
原创 [eslint] error Delete `␍` prettier/prettier
今天新开了个vue，发现启动时会有标题所属的报错，eslint验证类错误，我用的是prettier标准，那么最简单的也是最方便的方法是修改.eslintrc.js文件，prettier规则：rules: { "no-console": process.env.NODE_ENV === "production" ? "warn" : "off", "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
2022-05-30 09:36:50
2316
原创 [React] react配置less支持，antd自定义主题配置 （craco）
craco库相当于webpack代理，主要作用是不使用eject的情况下配置webpack，并提供一定程度上的封装。第一步：添加craco库yarn add @craco/craco第二步：修改package.json命令行"scripts": { "start": "craco start", "build": "craco build", "test": "craco test", "eject": "react-scripts eject"},
2022-03-29 09:43:30
2713
1
原创 [vscode] 简单配置react开发环境，eslint+prettier
（一）全局安装eslintnpm install -g eslinteslint -v> v8.12.0（一）创建react项目create-react-app demo --template typescript（二）项目根目录执行eslinteslint --init√ How would you like to use ESLint? · style √ What type of modules does your project use? ·
2022-03-28 16:31:06
3293
原创 [React] react配置less支持，antd自定义主题配置 （更改webpack.config.js）
react配置less支持，module.less，antd配置自定义主题
2022-03-25 12:50:09
2150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人