2022-08-24

Frontend

3 分钟读完 (大约 505 个字)

Taro使用绝对路径引用

Taro项目初始化完毕之后，在编写组件的同时，需要进行页面与组件的组合和引用，这时，使用Vscode的默认提示的引用，会提示找不到/src路径，但是手工引用相对路径，却可以正常引用成功。

1	Module not found: Error: Can't resolve '/src/components' in '/xxx/project/src/pages/index'

但是很多时候，组件的位置会需要调整，每次都使用相对路径是十分繁琐的，能否使用绝对路径呢？是不是Taro就不支持绝对路径呢？

查看Taro说明之后可以发现，Taro确实是不允许“直接”使用绝对路径引用的，但是我们可以通过设置目录别名，来引用路径。

2022-08-19

Frontend / Css

6 分钟读完 (大约 965 个字)

Taro使用tailwindcss+styled-components

在用Taro框架写小程序的时候，写组件样式的时候，总觉得全部写在css文件里，如果需要通过某个参数来调节不同的样式，那么就比较麻烦。

这时候就想到了styled-components，同时又由于上一个项目是使用tailwindcss来编写的样式，那么有没有办法可以使用styled-components的语法来写tailwind呢？

搜索了一下NPM仓库，还真有，tailwind-styled-components可以实现这个功能，但是实现这个功能之前，需要在Taro中安装tailwind。

2020-03-15

Frontend

7 分钟读完 (大约 1031 个字)

webpack-dev-server配置翻车记录

在配置WebpackDevServer后，在开发的过程中，经常出现莫名其妙的内存溢出，最后经过多方排查，发现问题出在webpack的配置文件上。

错误的配置文件

//旧配置文件，现作废，原因见下面描述
devServer: {
    //基础目录(可选)
    //contentBase: './',
    //如果需要被外部访问
    host: "0.0.0.0",
    port: 8989,
    //只显示错误提示
    stats: "errors-only",
    //静态资源路径
    publicPath: "/dist/",
    //在devServer启动之前执行的方法
    after: () => {
        console.log('Server Start!');
    },
    //将默认 /dist/ 路径代理为 / 路径
    proxy: {
        '/': 'http://0.0.0.0:8989/dist/'
    }
}

$Mac下禁用Chrome跨域检查$

2020-03-05

Frontend

2 分钟读完 (大约 297 个字)

Mac下禁用Chrome跨域检查

在开发时，我们经常会遇到CORS跨域问题，这是由于浏览器的同源策略，这是一种浏览器的安全限制。
但是在本地前后端分离式开发的时候，经常会遇到要本地浏览器调用非同源请求，这个时候可以对后端进行CORS的处理。
但是有时候，出现跨域问题，只是临时开发时才会出现的问题。
那么我们可以暂时关闭浏览器的跨域检查，来简化我们的开发。

2018-12-16

Frontend / Css

10 分钟读完 (大约 1533 个字)

HTML5 CSS 基础知识

HTML

HTML常见元素

header (一些资源和信息描述)
- meta
- title
- style
- link
- script
- base

2018-12-14

Frontend

1 分钟读完 (大约 138 个字)

网络相关基础知识

页面加载过程

URL解析
DNS查询
资源请求
浏览器解析

URL结构

1 2	http://www.baidu.com:80/getdata.do?userId=1#title 协议域名端口路径参数哈希

Taro使用绝对路径引用

Taro使用tailwindcss+styled-components

webpack-dev-server配置翻车记录

Mac下禁用Chrome跨域检查

HTML5 CSS 基础知识

HTML

HTML常见元素

网络相关基础知识

页面加载过程

URL结构

链接

分类

标签云

归档

标签

归档

标签

Your browser is out-of-date!