- 博客(4)
- 收藏
- 关注
原创 vue项目中scss、less、stylus预编译语言全局变量注入
在项目中,我们常会用到css预处理器 ,如sass,less, stylus,书写css变得非常便捷;项目中一般会建立公共样式文件,存放公共样式、公共变量、项目主题、基础样式混合方法,但是在项目中使用这些变量的时候通常都要在每个页面style标签内用@import引入,繁琐,所以需要使用webpack的相关配置全局注入公共文件sass 全局变量注入为了使用sass,我们需要安装sass的依赖包npm install --save-dev sass-loadernpm install --save.
2020-08-22 10:08:20
1284
1
原创 SASS的知识体系构建
虽然已经在多个项目中使用过sass,但在研究element sass搭建UI框架的源码中,发现很多自己没用过的高级用法,借着这次总结对sass的知识体系进行详细的梳理。Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理.
2020-08-22 09:56:46
347
原创 vue 跳转同一路由,页面不刷新解决方案
vue 跳转同一路由,页面不刷新解决方案问题原因 : vue官网详细解释说明使用同一路由携带不同参数,本质上是重用相同的组件实例,默认在跳转路由时会采用缓存策略,并不会刷新当前路由组件,因此不会调用组件的生命周期挂钩解决方案1 - 监听路由变化官方提供的解决方案为要对同一组件更改做出反应,监听$route的变化,或者使用使用2.2中引入的beforeRouteUpdate 导航卫士,调用对应的方法//#/mk_gsui?id=2// 监控data中的数据变化watch: { $r
2020-08-10 10:39:37
15089
5
原创 ios兼容问题整理
文章目录ios兼容问题整理meta用法iOS 与 OS X 端字体兼容IOS移动端click事件300ms的延迟响应iOS 系统中文输入法输入英文时,字母之间可能会出现一个六分之一空格iphone 点击按钮,屏幕闪动问题ios css属性去除默认样式执行动画可能会导致页面卡顿ios滚动问题1.相关属性2. *{-webkit-overflow-scrolling: touch}导致滚动卡死;3. 定位元素下使用-webkit-overflow-scrolling: touch,滚动卡住4. iframe在i
2020-07-28 13:58:11
1630
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人