自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 1177 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 287

原创 vue 跳转同一路由,页面不刷新解决方案

vue 跳转同一路由,页面不刷新解决方案问题原因 : vue官网详细解释说明使用同一路由携带不同参数,本质上是重用相同的组件实例,默认在跳转路由时会采用缓存策略,并不会刷新当前路由组件,因此不会调用组件的生命周期挂钩解决方案1 - 监听路由变化官方提供的解决方案为要对同一组件更改做出反应,监听$route的变化,或者使用使用2.2中引入的beforeRouteUpdate 导航卫士,调用对应的方法//#/mk_gsui?id=2// 监控data中的数据变化watch: { $r

2020-08-10 10:39:37 13765 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 1385

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除