<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[天天向上]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/XinXun</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; XinXun]]></copyright><item><title><![CDATA[轮播图设计]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/122634243</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/122634243</guid><author>XinXun</author><pubDate>Sat, 22 Jan 2022 10:50:02 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;Vue实现轮播图&lt;/title&gt;
		&lt;style type="text/css"&gt;
			body{
				margin: 100px auto;
				background-color: #F7F7F7;
			}
			#app{
				position: relative;
			.]]></description><category></category></item><item><title><![CDATA[4.5 路由嵌套]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/122568765</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/122568765</guid><author>XinXun</author><pubDate>Tue, 18 Jan 2022 21:45:19 +0800</pubDate><description><![CDATA[实现路由嵌套有2个步骤：

创建对应的子组件，并在路由映射中进行配置(添加children属性，该属性为数组)
	组件内部使用&lt;router-view&gt;标签
在编辑器中注意下这种写法：ul&gt;li*6&gt;{消息$}


]]></description><category></category></item><item><title><![CDATA[position:sticky属性]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/122516298</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/122516298</guid><author>XinXun</author><pubDate>Sat, 15 Jan 2022 21:26:44 +0800</pubDate><description><![CDATA[与position:fixed相比，不脱离文档流。

postion：sticky;

top:0

轻松固定顶部窗口。
]]></description><category></category></item><item><title><![CDATA[行内元素包含块元素不会继承属性]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/122516160</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/122516160</guid><author>XinXun</author><pubDate>Sat, 15 Jan 2022 21:20:33 +0800</pubDate><description><![CDATA[示例：


&lt;a href="#"&gt;
	&lt;i class="iconfont icon-jishi"&gt;&lt;/i&gt;
	&lt;p&gt;保障服务&lt;/p&gt;
&lt;/a&gt;



a{
	color: #FFFFFF;
	opacity: .7;
}


P标签不会调整字体颜色，因为行内元素的块元素不会继承属性。


a{
	display: block;
	color: #FFFFFF;
	opacity: .7;
}

添加display:block后，生效]]></description><category></category></item><item><title><![CDATA[4.4 vue-router的安装和配置]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/122352986</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/122352986</guid><author>XinXun</author><pubDate>Thu, 06 Jan 2022 21:31:44 +0800</pubDate><description><![CDATA[vue-router是Vue.js官方的路由插件，它是和Vue.js深度集成的，适用于构建单页面应用。

vue-router是基于路由和组件的。

路由用于设定访问路径，将路径和组件映射起来。
	在vue-router的单页面应用中，路径的改变就是组件的切换
安装vue-router

npm installvue-router --save
	在src中创建router文件夹，在router文件夹下创建index.js文件，在此文件中配置路由相关信息
index.js中的内容




import...]]></description><category></category></item><item><title><![CDATA[4.3 认识Vue-cli3]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/122332937</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/122332937</guid><author>XinXun</author><pubDate>Thu, 06 Jan 2022 00:23:59 +0800</pubDate><description><![CDATA[Vue-cli3与2版本有很大区别
Vue-cli3基于webpack4打造，Vue-cli2是基于webpack3；
	Vue-cli3设计原则是0配置，移除了build和config等目录；
	Vue-cli3提供了vue ui命令，提供了可视化配置；
	移除了static文件夹，新增puclic文件夹，并且index.html移至public中；
	现在做项目都用Vue-cli3。
Vue-cli3创建步骤
Please pick a preset? 有Default ([Vue 2] babel,.]]></description><category></category></item><item><title><![CDATA[4.2 runtime-only和runtime+compiler的区别]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/122311378</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/122311378</guid><author>XinXun</author><pubDate>Tue, 04 Jan 2022 21:37:54 +0800</pubDate><description><![CDATA[runtime-only:


new vue({
    el:'#app',
    render:h=&gt;h(app)
})

render:h=&gt;h(app)是箭头函数，相当于render:function(h) { return h(app) }

执行步骤：render函数-&gt;vdom（虚拟dom）-&gt;UI //性能更高


new Vue({
  el: '#app',
  render:function(createElement){
    //1.createE..]]></description><category></category></item><item><title><![CDATA[4.1 什么是脚手架（CLI）]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/121984465</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/121984465</guid><author>XinXun</author><pubDate>Thu, 16 Dec 2021 21:56:19 +0800</pubDate><description><![CDATA[Vue CLI叫做脚手架。CLI：Command-Line Interface，翻译为命令行界面，俗称脚手架。

如果你只是简单写几个Vue的Demo程序，那么你不需要Vue CLI。使用Vue-CLI可以快速搭建Vue开发环境以及对应的webpack配置。

使用条件：Node8.9以上版本、NPM

如果安装过慢，可以安装淘宝镜像，通过cnpm安装。

npm install -g cnpm --registry=https://registry.npm.taobao.org

这样就可以使用cnpm命]]></description><category></category></item><item><title><![CDATA[3.4 webpack的配置抽离]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/121984370</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/121984370</guid><author>XinXun</author><pubDate>Thu, 16 Dec 2021 21:24:53 +0800</pubDate><description><![CDATA[通过merge插件实现配置文件合并

npm install webpack-merge --save-dev

"build": "webpack --config 配置文件相对路径",

"dev":"webpack-dev-server --open --config 配置文件相对路径"
]]></description><category></category></item><item><title><![CDATA[安装Vue安装脚手架以及一直卡着不动的问题]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/121176832</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/121176832</guid><author>XinXun</author><pubDate>Sat, 06 Nov 2021 11:53:22 +0800</pubDate><description><![CDATA[下载一个cnpm （注释：淘宝npm镜像，这个是阿里把外国的npm服务器搬到我们中国来了，用淘宝镜像npm下载一些配置文件会更快一些）


npm install -g cnpm --registry=https://registry.npm.taobao.org
]]></description><category></category></item><item><title><![CDATA[npm淘宝镜像和默认镜像切换]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/121176054</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/121176054</guid><author>XinXun</author><pubDate>Sat, 06 Nov 2021 11:04:47 +0800</pubDate><description><![CDATA[1.得到原本的镜像地址

npm getregistry

&gt;https://registry.npmjs.org/

设成淘宝的

npm config set registry http://registry.npm.taobao.org/

2.换成原来的

npm config setregistry https://registry.npmjs.org/

3.mac 下的chromedriver老是下载不下来，解决办法

npm install chromedriver --c...]]></description><category></category></item><item><title><![CDATA[3.3 创建本地服务器]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/120461834</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/120461834</guid><author>XinXun</author><pubDate>Fri, 24 Sep 2021 19:58:21 +0800</pubDate><description><![CDATA[webpack提供一个可选的本地开发服务器，服务器基于node.js搭建，内部使用express框架，可以让浏览器自动刷新显示修改结果。（服务器只会在内存中保存修改，npm run build后才将修改保存到硬盘文件）

步骤1：本地服务器是一个单独的模块，在使用之前先安装它。

npm install webpack-dev-server@2.9.1 --save-dev

步骤2：修改webpack.config.js。

...]]></description><category></category></item><item><title><![CDATA[3.2 Vue动画过渡组件transition]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/120432538</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/120432538</guid><author>XinXun</author><pubDate>Thu, 23 Sep 2021 12:21:55 +0800</pubDate><description><![CDATA[&lt;transition name="qiqiu"&gt;
	&lt;img v-show="show" src="https://abc/abc.jpeg" &gt;
&lt;/transition&gt;

transition的name属性如果不指定，默认为v。


&lt;style type="text/css"&gt;
	img{
		width: 100px;
	}
	.qiqiu-leave,.qiqiu-enter-to{
		opacity: 1;
		transf...]]></description><category></category></item><item><title><![CDATA[3.1 webpack的plugin]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/120273184</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/120273184</guid><author>XinXun</author><pubDate>Mon, 13 Sep 2021 19:05:23 +0800</pubDate><description><![CDATA[plugin是什么？
plugin是插件的意思，通常用于对某个现有的架构进行扩展。

webpack中的插件就是对webpack现有功能的各种扩展，比如打包优化，文件压缩等。

loader和plugin区别
loader主要用于转换某些类型的模块，它是一个转换器。

plugin是插件，它是对webpack本身进行扩展，它是一个扩展器。

plugin使用过程
    步骤1：通过npm安装需要使用的plugins(某些webpack...]]></description><category></category></item><item><title><![CDATA[获取微信用户信息]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/119580518</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/119580518</guid><author>XinXun</author><pubDate>Tue, 10 Aug 2021 22:16:16 +0800</pubDate><description><![CDATA[最近好多小伙伴在使用getUserInfo获取小程序用户昵称和头像时，突然变成了下面这样。

错误图示





很多小伙伴肯定就疑虑了，明明我代码没有做任何改动啊，怎么突然就这样了呢。还记得我们之前应该长这样啊。





石头哥最近也遇到这样的问题了，我第一时间想到的原因有两个
1，微信官方服务器挂了（概率很小）
2，微信又改规则了。。。

带着这样的疑虑，去问了下微信小程序官方人员。得到的答案是。。。





心理一万个。。。。。 哎，没办法，既然官方说改规则，咱们作为弱势群体，只能跟着官方规...]]></description><category></category></item><item><title><![CDATA[发起（获取）用户授权(authorize)]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/118893247</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/118893247</guid><author>XinXun</author><pubDate>Mon, 19 Jul 2021 12:43:49 +0800</pubDate><description><![CDATA[API：wx.authorize

功能：向用户发起授权请求。调用后会立刻弹窗询问用户是否同意授权小程序使用某项功能或获取用户的某些数据，但不会实际调用对应接口。如果用户之前已经同意授权，则不会出现弹窗，直接返回成功。

示例：


wx.authorize({
          //scope为获取授权的范围，可查询scope列表文档
        scope: 'scope.record',
        success () {
          // 用户已经同意小程序使用录音功能，后续调用]]></description><category></category></item><item><title><![CDATA[微博项目学习]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/118162593</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/118162593</guid><author>XinXun</author><pubDate>Wed, 23 Jun 2021 21:10:29 +0800</pubDate><description><![CDATA[跳转页面时获取发起跳转页面的data数据

在跳转后页面使用如下代码：

constpages=getCurrentPages()

const 常量名称=pages[0].data.具体数据
]]></description><category></category></item><item><title><![CDATA[01 SQL学习]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/117253295</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/117253295</guid><author>XinXun</author><pubDate>Tue, 25 May 2021 12:17:21 +0800</pubDate><description><![CDATA[数字属性列（包括 整数，浮点数）的条件筛选表格式

Operator（关键字）
			Condition（意思）
			SQL Example(例子）
		=, !=, &lt; &lt;=, &gt;, &gt;=
			Standard numerical operators 基础的 大于，等于等比较
			col_name!=4
		BETWEEN … AND …
			Number is within range of two values (inclusive) 在两个数之间
			col_n..]]></description><category></category></item><item><title><![CDATA[2.6 weppack]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/117221578</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/117221578</guid><author>XinXun</author><pubDate>Mon, 24 May 2021 13:39:47 +0800</pubDate><description><![CDATA[什么是webpack？
从本质上来讲，webpack是一个现代的javascript应用的静态模块打包工具。我们从两个点来理解模块和打包。

目前浏览器仅支持ES6中的前端模块化规范，而且webpack不但支持ES6模块化规范，还支持commonJS、AMD、CMD等规范。通过webpack的打包（转换）能够让大部分浏览器识别上述模块化规范，而且打包时会自动处理模块之间的依赖。

webpack其中一个核心就是让我们进行模块化开发，并会帮助我们处理模块间的依赖关系。而且不仅仅是javascript文件，CS]]></description><category></category></item><item><title><![CDATA[01 node读写文件]]></title><link>https://blog.youkuaiyun.com/XinXun/article/details/117201991</link><guid>https://blog.youkuaiyun.com/XinXun/article/details/117201991</guid><author>XinXun</author><pubDate>Sun, 23 May 2021 22:41:53 +0800</pubDate><description><![CDATA[文件名不要使用node.js来命名，除了这个随便起，而且最好不要使用中文。

node中没有BOM和DOM。浏览器中的javascript是没有文件操作能力的，但node中的javascript具有文件操作能力

node的文件操作
在node中如果想要进行文件操作，必须引入fs这个核心模块。在fs这个核心模块中提供了所有的文件操作相关API。例如：fs.readFile用来读取文件

node中加载模块使用commonJS规范。

函数格式：

fs.readFile(cFilePath,callback]]></description><category></category></item></channel></rss>