<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[hell_csdn的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/hell_csdn</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; hell_csdn]]></copyright><item><title><![CDATA[Vue学习-1（18）svgo-loader删除svg自带fill]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/112057732</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/112057732</guid><author>hell_csdn</author><pubDate>Fri, 01 Jan 2021 00:49:08 +0800</pubDate><description><![CDATA[svg fill里有预设颜色，active不能生效



自动删fill颜色



加个loader



svgo-loader

yarn add --dev svgo-loader


svg-sprite-loader-mod


]]></description><category></category></item><item><title><![CDATA[Vue学习-1（17）更新 meta viewport]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/112057684</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/112057684</guid><author>hell_csdn</author><pubDate>Fri, 01 Jan 2021 00:47:20 +0800</pubDate><description><![CDATA[自动加的viewport不行

&lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt;


复制淘宝的

&lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"&gt;



加到index.h.]]></description><category></category></item><item><title><![CDATA[Vue学习-1（16）active-class选中变色]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/112057655</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/112057655</guid><author>hell_csdn</author><pubDate>Fri, 01 Jan 2021 00:46:27 +0800</pubDate><description><![CDATA[IDE内git提交，右键项目
router-link标签又activeClass属性，默认为link-class-active，可以在标签，routes中修改选中时的class名(通常一样selected ，方便css设置)






]]></description><category></category></item><item><title><![CDATA[Vue学习-1（15）添加Nav样式]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/112057642</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/112057642</guid><author>hell_csdn</author><pubDate>Fri, 01 Jan 2021 00:45:43 +0800</pubDate><description><![CDATA[快捷css输入



nav.vue

font-size:12px;


item的flex-direction，上下padding


.icon的宽高



去router-link下划线，app里a{tdn；color:i}



]]></description><category></category></item><item><title><![CDATA[Vue学习-1（14）封装 icon 组件]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/112057615</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/112057615</guid><author>hell_csdn</author><pubDate>Fri, 01 Jan 2021 00:45:07 +0800</pubDate><description><![CDATA[iconItem




css





]]></description><category></category></item><item><title><![CDATA[Vue学习-1（13）如何 import 一个目录下某后缀的所有文件]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/112057582</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/112057582</guid><author>hell_csdn</author><pubDate>Fri, 01 Jan 2021 00:44:13 +0800</pubDate><description><![CDATA[直接引入svg目录，不用一个个引入



let importAll = (requireContext: __WebpackModuleApi.RequireContext) =&gt; requireContext.keys().forEach(requireContext);

importAll(require.context(path: '../assets/icons',true,/\.svg$/));
//只能relativePath
//单元测试可能失败
try{
    importAl.]]></description><category></category></item><item><title><![CDATA[Vue学习-1（12）eslint 报错如何解决]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111939941</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111939941</guid><author>hell_csdn</author><pubDate>Wed, 30 Dec 2020 00:17:49 +0800</pubDate><description><![CDATA[vue.config.js


方法一：关提示


关ide提示



commit的命令行lint检查提示
首行添加eslint ignore注释



方法二：改代码
node8不支持import，高版本就直接用import代替commonjs的require
方法三：改配置
让eslint不管我使用require语法


...]]></description><category></category></item><item><title><![CDATA[ND-Nginx前端]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111877416</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111877416</guid><author>hell_csdn</author><pubDate>Tue, 29 Dec 2020 21:14:57 +0800</pubDate><description><![CDATA[Nginx
1.跨域配置


localtion / {
 # 所有请求都匹配以下规则
 # 因为所有的地址都以 / 开头，所以这条规则将匹配到所有请求
 # xxx 你的配置写在这里
}
 
location = / {
 # 精确匹配 / ，后面带任何字符串的地址都不符合
}
 
localtion /api {
 # 匹配任何 /api 开头的URL，包括 /api 后面任意的, 比如 /api/getList
 # 匹配符合以后，还要继续往下搜索
 # 只有后面的正则表达式没有匹配到时，这一条才会采]]></description><category></category></item><item><title><![CDATA[ND-Git总结]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111877375</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111877375</guid><author>hell_csdn</author><pubDate>Tue, 29 Dec 2020 21:14:38 +0800</pubDate><description><![CDATA[0-git bash预配置
0.1-ssh
ssh-keygen -t rsa -C example@mail.com
cat ~/.ssh/id_ras.pub


gitee分项目部署（clone、pull）和个人部署（pull+push）

0.2-git config
//基于仓库
git config
//基于用户，优先于基于仓库
git config --global
//基于系统
git config --system

1-创建仓库
2-remote add或clone
//关联或克隆能起到]]></description><category></category></item><item><title><![CDATA[Vue学习-1（11）使用svg-sprite-loader引入icon]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111877342</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111877342</guid><author>hell_csdn</author><pubDate>Mon, 28 Dec 2020 23:29:32 +0800</pubDate><description><![CDATA[icon从精灵图-&gt;svg



iconfont.cn下载svg


引入svg过不了ts检查






wp添加svg-sprite-loader



yarn add svg-sprite-loader -D


vue添加svg-sprite-loader


const path = require('path');
module.exports = {
	lintOnSave: false,
	chainWebpack: config =&gt;{
	const dir = path.]]></description><category></category></item><item><title><![CDATA[Vue学习-1（10）Layout 组件 & slot 插槽（解决布局上html、css重复）]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111877330</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111877330</guid><author>hell_csdn</author><pubDate>Mon, 28 Dec 2020 23:27:11 +0800</pubDate><description><![CDATA[新建Layout.vue(只有html，css)

保留ts里的name，可以帮主ws快捷引入组件



Layout注册全局组件（main.js）


nav可以改layout里局部引入了


]]></description><category></category></item><item><title><![CDATA[Vue学习-1（9）用 Fixed 还是用 Flex 布局]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111877314</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111877314</guid><author>hell_csdn</author><pubDate>Mon, 28 Dec 2020 23:26:01 +0800</pubDate><description><![CDATA[tabbar定位（不要在移动段使用fixed定位）



ctrl+p切换打开文件


scoped实现(使用简单class名，且不跟其他冲突)


div 中加data-v-XXX(属性)
//&lt;div data-v-XXX class="nav"&gt;
css 中加.nav[data-v-XXX]属性选择器
//同时满足又nav类和data属性



class命名



scss（到底–加同级div、flex1、minheight100vh）




组件引入有两个data，意味着内部和外..]]></description><category></category></item><item><title><![CDATA[Vue学习-1（8）VueRouter 404 页面]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111877309</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111877309</guid><author>hell_csdn</author><pubDate>Mon, 28 Dec 2020 23:25:03 +0800</pubDate><description><![CDATA[路由路径从上到下匹配


404用最后的*



返回首页




]]></description><category></category></item><item><title><![CDATA[Vue学习-1（7）将Nav组件做成全局组件]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111877294</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111877294</guid><author>hell_csdn</author><pubDate>Mon, 28 Dec 2020 23:24:04 +0800</pubDate><description><![CDATA[webstorm快捷引入




main.js全局局引用(tab)



引入位置



引入方法





]]></description><category></category></item><item><title><![CDATA[Vue学习-1（6）使用VueRouter(对比reactRouter...待续)]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111876396</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111876396</guid><author>hell_csdn</author><pubDate>Mon, 28 Dec 2020 22:28:02 +0800</pubDate><description><![CDATA[添加routes数组，并在views里新建vue组件






快捷引入


webstorm支持快捷import


VSC装插件autoinport/tsimport(不装好像部分也有自动引入)


加分号


ts要求加分号，可以用reformat自动加分号
codestyle/typescript






main.js中引入router



//1 红线用format快捷键加分号
//2 create项目的时候有选router，main.js中已经自动引入好了
//3 js潜规则引...]]></description><category></category></item><item><title><![CDATA[Vue学习-1（5）script和style中的@]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111876377</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111876377</guid><author>hell_csdn</author><pubDate>Mon, 28 Dec 2020 22:26:41 +0800</pubDate><description><![CDATA[script中src路径的alias

style中的import语法符号


style中(~@)src路径的alias



webstorm不知道@在style路径中代表什么，要设置webpack配置



VSC不做路径检测，不会标红


]]></description><category></category></item><item><title><![CDATA[Vue学习-1（4）添加代码片段 snippets]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111876359</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111876359</guid><author>hell_csdn</author><pubDate>Mon, 28 Dec 2020 22:25:52 +0800</pubDate><description><![CDATA[IDE模板填充



IDE也有snippet插件，且可进行具体指令更改


VSC





]]></description><category></category></item><item><title><![CDATA[Vue学习-1（3）目录结构说明]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111876344</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111876344</guid><author>hell_csdn</author><pubDate>Mon, 28 Dec 2020 22:25:06 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[Vue学习-1（2）使用@vue/cli创建项目]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111876324</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111876324</guid><author>hell_csdn</author><pubDate>Mon, 28 Dec 2020 22:24:30 +0800</pubDate><description><![CDATA[yarn global add @vue/cli@4.1.2
npm install --global @vue/cli@4.1.2



修改'~/.vuerc'中"useTaobaoRegistry"为true



Use history mode for router？ NO
CSS pre-processor？SCSS(dart-sass)







cnpm不怎么维护了


yarn比npm稍快(别用npm装yarn)



...]]></description><category></category></item><item><title><![CDATA[Vue学习-1（1）项目介绍]]></title><link>https://blog.youkuaiyun.com/hell_csdn/article/details/111772154</link><guid>https://blog.youkuaiyun.com/hell_csdn/article/details/111772154</guid><author>hell_csdn</author><pubDate>Sun, 27 Dec 2020 01:37:58 +0800</pubDate><description><![CDATA[视觉设计figma





学新知识CRM

copy，run，modify



东大笔记法




CSS只写最大最小宽–用内容去撑


Vue+localstorage







]]></description><category></category></item></channel></rss>