- 博客(12)
- 收藏
- 关注
RSS订阅原创 基于vue cli5使用vant 组件，postcss-px-to-viewport 无法解析vant内部样式问题
参照以上vant官网提供的方式，发现只能编译项目内部开发的页面，根本无法将vant样式px编译为vw单位，以下是使用官方例子后编译后的样式单位 项目基于vue-cli5搭建的，后续解决方式采用webpack中postcss-loader参数postcssOptions解决。具体无法解析的原因不详，估计与vue-cli配置有关。以下是解决后的样式单位 附上解决方案,首先安装postcss-px-to-viewport以下是vue.config.js的代码,并且支持了项目ui设计稿为750px标准情况..
2022-06-26 19:03:41
3273
1
原创 文档库开发之-vite打包优化
背景首次进行组件库文档打包，遇到了一些ts打包报错和css打包警告，记录下处理过程。并且发现打包后的主包的体积过大，有一定优化空间ts报错处理当时有好奇为什么开发环境下都不报错，构建才产生这么多ts错误。大致猜想可能vite在dev和build下对ts处理可能有点不一样。翻查文档得知，vite仅执行.ts文件的转译，并不执行任何类型检查，（可以在构建脚本中运行tsc --noEmit或者安装vue-tsc然后运行vue-tsc --noEmit来对你的*.vue文件做...
2022-05-11 11:47:38
15032
5
原创 css作用域问题
1．scoped作用域问题。（1）组件内样式，默认始终加上scoped属性。如：<style scoped lang=”less”></style>；（2）需要影响到子组件内部样式，优先使用深度作用选择器/deep/。如：<style lang=”less” scoped>/deep/ .empty {background-color: blue;}</style>；（3）对于js生成的子组件元素，可以不添加scoped。但是最外层样式需要加上
2020-06-29 11:33:24
1733
原创 移动端长按事件——jquey例子
$("#target").on({ touchstart: function(e) { // 长按事件触发 timeOutEvent = setTimeout(function() { timeOutEvent = 0; alert('你长按了');...
2018-09-20 19:14:57
1665
1
原创 移动端阻止用户长按，弹出保持文本，以及保存图片
css样式上的俩种方案1.不能被选择 user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;2.禁用系统默认菜单touch-callout:none;-webkit-touch-callout:none;-ms-touch-callout:none;...
2018-09-17 09:53:44
4964
2
转载 vue webpack打包后.css文件里面的背景图片路径错误解决方法
资源相对引用路径问题描述一般情况下，通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。但当部署到带有文件夹的项目中，这种绝对路径就会出现问题，因为把配置的static文件夹当成了根路径，那么要解决这种问题，就得引用相对路径。解决办法打开webpack.prod.conf.js找到output：增加 publicPath: './', 即可，如...
2018-08-20 16:01:02
1112
转载 VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
前言我们在开发项目的时候，往往会在同一个局域网进行开发，前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是，当项目推到线上的时候，我们会从真实服务器上获取接口，因此，我们可能在测试接口和真实接口之间频繁切换，让人十分恶心。因此，我们有必要想办法解决这个问题。本文是 Vue2+VueRouter2+webpack 构建项目实战 的后续文章。理解本文内容，需要VU...
2018-08-16 15:51:00
208
原创 git—生成公钥步骤
首先你得先安装git进入git bash终端1.进入.ssh文件下cd ~/.ssh2.生成公钥ssh-keygen -t rsa -C "youremail@example.com"回车后，第一个要你输入公钥名称，如Test，如果不输入直接回车默认名称为id_rsa之后俩次输入密码，不需要可回车跳过3.可通过ls查看你的公钥ls4.打开生成的公钥c...
2018-08-16 10:41:29
466
原创 typescript个人学习笔记——快速入门2
主要知识点：接口、类、函数、泛型 1.接口介绍：typescript核心原则之一是对值所具有的结构进行类型检查，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约（相当于MVC模式中的model，用来定义数据模型） 例子： interface People{ name: string;}function printNmae (people ：Pelple)...
2018-08-10 16:50:30
450
原创 angular-cli常用指令
Cli命令你可以使用 ng generate 命令，为已有的 Angular 应用程序添加新的功能。ng generate class my-new-class: 新建 classng generate component my-new-component: 新建组件ng generate directive my-new-directive: 新建指令ng generate ...
2018-08-10 09:25:31
495
原创 Sass个人学习笔记——快速入门
变量$1.声明$变量名：属性值例子:$highlight-color: #F90;2.引用$highlight-color: #F90;.selected { border: 1px solid $highlight-color;}//编译后.selected { border: 1px solid #F90;}嵌套CSS规则#content...
2018-08-09 10:52:00
241
1
原创 typescript个人学习笔记——快速入门1
介绍TypeScript 首先在学习理论知识前，谈论一下，TypeScript与JavaScript有什么区别呢？为什么要使用它，能够解决项目中的哪些问题？ 1.是什么？为什么？始于JavaScript归于JavaScript：TypeScript是JavaScript的超类，并且支持es2015中的特性，可以被编译为纯的JavaScript。提供了一套强类型语言的规范，因此...
2018-08-08 16:10:32
553
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人