Taro使用绝对路径引用

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

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

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

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

Taro使用tailwindcss+styled-components

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

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

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

webpack-dev-server配置翻车记录

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

错误的配置文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
//旧配置文件,现作废,原因见下面描述
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跨域检查

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

HTML5 CSS 基础知识

HTML

HTML常见元素

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

网络相关基础知识

页面加载过程

  1. URL解析
  2. DNS查询
  3. 资源请求
  4. 浏览器解析

URL结构

1
2
http://www.baidu.com:80/getdata.do?userId=1#title
协议 域名 端口 路径 参数 哈希
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×