![](https://img-blog.csdnimg.cn/c9fac3dafa714d0882dff4970de64666.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
教务系统
文章平均质量分 57
以实战为线索,掌握前端vue框架,夯实基础
穿越到未来calc
好好生活
展开
-
项目:前端(定制主题,打包后页面加载空白)(六)
用更高级的方式,对组件中的样式进行覆盖----定制主题(less 变量的覆盖)vant使用了 Less 对样式进行预处理,所以通过替换样式变量即可定制自己需要的主题。步骤:1. 引入样式源文件将原先引入的index.css 文件改成后缀名为 .less2. 配置可选配置文件 vue.config.js:a. 在modifyVars 属性里直接覆盖变量;缺陷:频繁更改了配置文件b. 或者通过 less 文件的覆盖(文件路径为绝对路径):打包部署之后:默认 Vue Cli 会假设你的应用部署在一个域名的根原创 2022-06-04 17:56:28 · 164 阅读 · 0 评论 -
项目:前端构建(梳理项目结构,vant库,封装接口,组件化思想,deep样式穿透)(五)
1. 项目结构public: 公共静态资源目录(css,js)src:assets: 项目中静态资源文件(css,js,img)components: 可复用的自定义组件plugins: 组件工具(element ui)router: 路由的配置文件 index.jsstore: vuexviews: 通过路由显示的页面组件api: 封装所有后端的接口utils: 封装所有用到的服务器(使用Axios)2. vant 组件库:移动端的组件库安装:一次性导入:3. 封装 utils 结构目录原创 2022-06-03 13:32:46 · 342 阅读 · 1 评论 -
项目:前端构建(vue中路由的嵌套,异步编程)(四)
实现子路由嵌套使用:注意:to后面必须以 ‘ / ’ 开头1. 在需要放置路由的组件里,放置占位符:2. 配置路由规则:在src -> router -> index.js 中:配置子路由的规则注意: 在子路由(children)中的 path 路径中,不能写 ‘ / ’;使用 swiper 组件需要注意的问题:【复习:钩子函数】在组件中,引用swiper插件的时候,需要将script里面对 DOM 元素的操作挂载在mounted钩子函数中。因为:在组件中对DOM进行操作,最少是在 mou原创 2022-06-02 22:16:52 · 276 阅读 · 0 评论 -
项目:前端构建(字体图标,响应式头部,钩子函数)(三)
1.字体图标的引用2.响应式头部3. 生命周期钩子函数原创 2022-06-01 10:07:49 · 144 阅读 · 0 评论 -
项目:在node创建简单的网站服务器(一)
项目实战: 使用node创建简单的网站服务器,并且连接数据库mongodb原创 2022-05-30 17:36:24 · 670 阅读 · 0 评论 -
项目:使用vue3 脚手架搭建前端(二)
1. 安装vue:2. 使用vite和cli两种方式架构原创 2022-05-31 11:53:36 · 108 阅读 · 0 评论