<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_39831708的博客]]></title><description><![CDATA[博主很懒]]></description><link>https://blog.youkuaiyun.com/qq_39831708</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_39831708]]></copyright><item><title><![CDATA[基于vue cli5使用vant 组件，postcss-px-to-viewport 无法解析vant内部样式问题]]></title><link>https://blog.youkuaiyun.com/qq_39831708/article/details/125472960</link><guid>https://blog.youkuaiyun.com/qq_39831708/article/details/125472960</guid><author>qq_39831708</author><pubDate>Sun, 26 Jun 2022 19:03:41 +0800</pubDate><description><![CDATA[参照以上vant官网提供的方式，发现只能编译项目内部开发的页面，根本无法将vant样式px编译为vw单位，以下是使用官方例子后编译后的样式单位 项目基于vue-cli5搭建的，后续解决方式采用webpack中postcss-loader参数postcssOptions解决。具体无法解析的原因不详，估计与vue-cli配置有关。以下是解决后的样式单位 附上解决方案,首先安装postcss-px-to-viewport


以下是vue.config.js的代码,并且支持了项目ui设计稿为750px标准情况..]]></description><category></category></item><item><title><![CDATA[文档库开发之-vite打包优化]]></title><link>https://blog.youkuaiyun.com/qq_39831708/article/details/124703642</link><guid>https://blog.youkuaiyun.com/qq_39831708/article/details/124703642</guid><author>qq_39831708</author><pubDate>Wed, 11 May 2022 11:47:38 +0800</pubDate><description><![CDATA[背景

首次进行组件库文档打包，遇到了一些ts打包报错和css打包警告，记录下处理过程。并且发现打包后的主包的体积过大，有一定优化空间



ts报错处理

当时有好奇为什么开发环境下都不报错，构建才产生这么多ts错误。大致猜想可能vite在dev和build下对ts处理可能有点不一样。



翻查文档得知，vite仅执行.ts文件的转译，并不执行任何类型检查，（可以在构建脚本中运行tsc --noEmit或者安装vue-tsc然后运行vue-tsc --noEmit来对你的*.vue文件做...]]></description><category></category></item><item><title><![CDATA[css作用域问题]]></title><link>https://blog.youkuaiyun.com/qq_39831708/article/details/107016903</link><guid>https://blog.youkuaiyun.com/qq_39831708/article/details/107016903</guid><author>qq_39831708</author><pubDate>Mon, 29 Jun 2020 11:33:24 +0800</pubDate><description><![CDATA[1．scoped作用域问题。
（1）组件内样式，默认始终加上scoped属性。如：&lt;style scoped lang=”less”&gt;&lt;/style&gt;；
（2）需要影响到子组件内部样式，优先使用深度作用选择器/deep/。如：
&lt;style lang=”less” scoped&gt;
/deep/ .empty {
background-color: blue;
}
&lt;/style&gt;；
（3）对于js生成的子组件元素，可以不添加scoped。但是最外层样式需要加上]]></description><category></category></item><item><title><![CDATA[移动端长按事件——jquey例子]]></title><link>https://blog.youkuaiyun.com/qq_39831708/article/details/82792134</link><guid>https://blog.youkuaiyun.com/qq_39831708/article/details/82792134</guid><author>qq_39831708</author><pubDate>Thu, 20 Sep 2018 19:14:57 +0800</pubDate><description><![CDATA[

$(&quot;#target&quot;).on({  
        touchstart: function(e) { 
            // 长按事件触发  
            timeOutEvent = setTimeout(function() {  
                timeOutEvent = 0;  
                alert('你长按了');...]]></description><category></category></item><item><title><![CDATA[移动端阻止用户长按，弹出保持文本，以及保存图片]]></title><link>https://blog.youkuaiyun.com/qq_39831708/article/details/82732772</link><guid>https://blog.youkuaiyun.com/qq_39831708/article/details/82732772</guid><author>qq_39831708</author><pubDate>Mon, 17 Sep 2018 09:53:44 +0800</pubDate><description><![CDATA[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;
...]]></description><category></category></item><item><title><![CDATA[vue webpack打包后.css文件里面的背景图片路径错误解决方法]]></title><link>https://blog.youkuaiyun.com/qq_39831708/article/details/81872761</link><guid>https://blog.youkuaiyun.com/qq_39831708/article/details/81872761</guid><author>qq_39831708</author><pubDate>Mon, 20 Aug 2018 16:01:02 +0800</pubDate><description><![CDATA[资源相对引用路径

问题描述

一般情况下，通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。



但当部署到带有文件夹的项目中，这种绝对路径就会出现问题，因为把配置的static文件夹当成了根路径，那么要解决这种问题，就得引用相对路径。

解决办法

打开webpack.prod.conf.js

找到output：增加 publicPath: './', 即可，如...]]></description><category></category></item><item><title><![CDATA[VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址]]></title><link>https://blog.youkuaiyun.com/qq_39831708/article/details/81743044</link><guid>https://blog.youkuaiyun.com/qq_39831708/article/details/81743044</guid><author>qq_39831708</author><pubDate>Thu, 16 Aug 2018 15:51:00 +0800</pubDate><description><![CDATA[前言

我们在开发项目的时候，往往会在同一个局域网进行开发，前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是，当项目推到线上的时候，我们会从真实服务器上获取接口，因此，我们可能在测试接口和真实接口之间频繁切换，让人十分恶心。

因此，我们有必要想办法解决这个问题。


本文是 Vue2+VueRouter2+webpack 构建项目实战 
的后续文章。理解本文内容，需要VU...]]></description><category></category></item><item><title><![CDATA[git—生成公钥步骤]]></title><link>https://blog.youkuaiyun.com/qq_39831708/article/details/81736910</link><guid>https://blog.youkuaiyun.com/qq_39831708/article/details/81736910</guid><author>qq_39831708</author><pubDate>Thu, 16 Aug 2018 10:41:29 +0800</pubDate><description><![CDATA[ 

首先你得先安装git

进入git bash终端
1.进入.ssh文件下

cd ~/.ssh

2.生成公钥

ssh-keygen -t rsa -C &quot;youremail@example.com&quot;

回车后，第一个要你输入公钥名称，如Test，如果不输入直接回车默认名称为id_rsa

之后俩次输入密码，不需要可回车跳过

3.可通过ls查看你的公钥

ls

4.打开生成的公钥

c...]]></description><category></category></item><item><title><![CDATA[typescript个人学习笔记——快速入门2]]></title><link>https://blog.youkuaiyun.com/qq_39831708/article/details/81566003</link><guid>https://blog.youkuaiyun.com/qq_39831708/article/details/81566003</guid><author>qq_39831708</author><pubDate>Fri, 10 Aug 2018 16:50:30 +0800</pubDate><description><![CDATA[主要知识点：接口、类、函数、泛型

 

1.接口

介绍：typescript核心原则之一是对值所具有的结构进行类型检查，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约（相当于MVC模式中的model，用来定义数据模型）

 

例子： interface People{

 name: string;

}

function printNmae (people ：Pelple)...]]></description><category></category></item><item><title><![CDATA[angular-cli常用指令]]></title><link>https://blog.youkuaiyun.com/qq_39831708/article/details/81557068</link><guid>https://blog.youkuaiyun.com/qq_39831708/article/details/81557068</guid><author>qq_39831708</author><pubDate>Fri, 10 Aug 2018 09:25:31 +0800</pubDate><description><![CDATA[Cli命令

你可以使用 ng generate 命令，为已有的 Angular 应用程序添加新的功能。

ng generate class my-new-class: 新建 class

ng generate component my-new-component: 新建组件

ng generate directive my-new-directive: 新建指令

ng generate ...]]></description><category></category></item><item><title><![CDATA[Sass个人学习笔记——快速入门]]></title><link>https://blog.youkuaiyun.com/qq_39831708/article/details/81532452</link><guid>https://blog.youkuaiyun.com/qq_39831708/article/details/81532452</guid><author>qq_39831708</author><pubDate>Thu, 09 Aug 2018 10:52:00 +0800</pubDate><description><![CDATA[变量$
1.声明

$变量名：属性值

例子:$highlight-color: #F90;

2.引用

$highlight-color: #F90;

.selected {

  border: 1px solid $highlight-color;

}

//编译后

.selected {

  border: 1px solid #F90;

}

嵌套CSS规则
#content...]]></description><category></category></item><item><title><![CDATA[typescript个人学习笔记——快速入门1]]></title><link>https://blog.youkuaiyun.com/qq_39831708/article/details/81510091</link><guid>https://blog.youkuaiyun.com/qq_39831708/article/details/81510091</guid><author>qq_39831708</author><pubDate>Wed, 08 Aug 2018 16:10:32 +0800</pubDate><description><![CDATA[ 


	介绍TypeScript
	
首先在学习理论知识前，谈论一下，TypeScript与JavaScript有什么区别呢？为什么要使用它，能够解决项目中的哪些问题？

 1.是什么？为什么？

始于JavaScript归于JavaScript：TypeScript是JavaScript的超类，并且支持es2015中的特性，可以被编译为纯的JavaScript。提供了一套强类型语言的规范，因此...]]></description><category></category></item></channel></rss>