<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_44389021的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_44389021</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_44389021]]></copyright><item><title><![CDATA[vue-cli脚手架]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/89386121</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/89386121</guid><author>weixin_44389021</author><pubDate>Thu, 18 Apr 2019 19:31:11 +0800</pubDate><description><![CDATA[https://segmentfault.com/a/1190000011275993

]]></description><category></category></item><item><title><![CDATA[vue地址栏直接输入路由无效问题]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/89359781</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/89359781</guid><author>weixin_44389021</author><pubDate>Wed, 17 Apr 2019 16:58:52 +0800</pubDate><description><![CDATA[vue 项目只要不是静态页面，一般都会和官方的路由管理器 vue-router 一起使用。

最近项目有一个需求，是在地址栏输入路由，跳转到对应路由组件，在开发环境中这样做是可以跳转的，但是项目打包后，通过地址栏跳转会报错。

因为 vue 在页面上显示哪个组件是根据 vue-router 进行控制的，在地址栏上直接输入路由名称，并不能触发 vue-router 的规则，所以只能通过监听地址的改变...]]></description><category></category></item><item><title><![CDATA[Vue应用]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/89317654</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/89317654</guid><author>weixin_44389021</author><pubDate>Mon, 15 Apr 2019 18:09:25 +0800</pubDate><description><![CDATA[Vue项目
1. npm/cnpm install vue-cli
    1. 全局安装Vue脚手架工具，用于构建Vue项目，输入"vue"命令可检查是否成功
2. vue init webpack vue_demo ==&gt; 构建一个Vue项目
    1. webpack：模板名称； vue_demo：项目名称，不能包含大写字母；
3. cd vue_demo --&gt; npm/cn...]]></description><category></category></item><item><title><![CDATA[mint-ui 时间选择插件]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/89302631</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/89302631</guid><author>weixin_44389021</author><pubDate>Sun, 14 Apr 2019 21:42:54 +0800</pubDate><description><![CDATA[// main.js引入
import MintUI from 'mint-ui';
Vue.use(MintUI)

// DatetimePicker
&lt;template&gt;
  &lt;div&gt;
    &lt;span @click="openPicker()"&gt;点击&lt;/span&gt;
    &lt;DatetimePicker
      ref="pic...]]></description><category></category></item><item><title><![CDATA[webpack由浅入深——（webpack优化配置）]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/89224933</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/89224933</guid><author>weixin_44389021</author><pubDate>Fri, 12 Apr 2019 08:52:06 +0800</pubDate><description><![CDATA[webpack系列文章
webpack由浅入深——（webpack基础配置）
webpack由浅入深——（webpack优化配置）
webpack由浅入深——（tapable）
webpack由浅入深——（ast）
webpack由浅入深——（webapck简易版）
webpack由浅入深——（loader实现）
webpack由浅入深——（plugin实现）
开发优化
开发时的优化主要在于减少w...]]></description><category></category></item><item><title><![CDATA[localStorage使用总结]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/89185243</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/89185243</guid><author>weixin_44389021</author><pubDate>Wed, 10 Apr 2019 15:46:27 +0800</pubDate><description><![CDATA[一、什么是localStorage、sessionStorage
在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。
二、localStorage的优势与...]]></description><category></category></item><item><title><![CDATA[学习fullpage.js插件实现滚屏心得]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/89074673</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/89074673</guid><author>weixin_44389021</author><pubDate>Sun, 07 Apr 2019 20:39:23 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="renderer" content="webkit"&gt;
    ...]]></description><category></category></item><item><title><![CDATA[less的用法]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/89010554</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/89010554</guid><author>weixin_44389021</author><pubDate>Thu, 04 Apr 2019 08:56:56 +0800</pubDate><description><![CDATA[一、在浏览器使用方法：
1.下载less.js文件到本地。
2.在页面中引入自己的.less文件。

3.引入下载的less.js文件。
 
注意2、3步骤顺序，自己的文件要先引入。
如果不想下载到本地，也可以使用cdn，即省略1、3步。

下面是我的目录：
注意：在本地打开时（也就是url地址开头为file或者有跨域访问的情况时）是会报错的，因为浏览器端使用less时是使用ajax来拉取的，如果...]]></description><category></category></item><item><title><![CDATA[详解rem布局-利用rem布局实现移动端高清显示]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/89010529</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/89010529</guid><author>weixin_44389021</author><pubDate>Thu, 04 Apr 2019 08:55:42 +0800</pubDate><description><![CDATA[目录
一、初探rem布局
1.1 rem是什么?
1.2 rem实现新闻字体“小中大”设置
二、利用rem布局实现移动端高清显示
一、初探rem布局
1.1 rem是什么?
rem是CSS3新增的一个相对单位（root em，根em）。这个单位与em有什么区别呢？区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它...]]></description><category></category></item><item><title><![CDATA[jquery购物车]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/88937477</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/88937477</guid><author>weixin_44389021</author><pubDate>Sun, 31 Mar 2019 22:48:09 +0800</pubDate><description><![CDATA[注意引入jquery.js文件：百度搜索jquery,点击进入找到jquery-3.2.1.min.js,引入自己的文件中。

&lt;script src="jquery-3.2.1.min.js"&gt;&lt;/script&gt;

&lt;script&gt;

// 六个触发事件地方

// 全选  单选 删除 删除所有  加 减

// 全选

$("#selectAll").cli...]]></description><category></category></item><item><title><![CDATA[知识点-----组件化、模块化]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/88903231</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/88903231</guid><author>weixin_44389021</author><pubDate>Fri, 29 Mar 2019 22:24:01 +0800</pubDate><description><![CDATA[1.1组件化
  就是"基础库"或者“基础组件"，意思是把代码重复的部分提炼出一个个组件供给功能使用。

  使用：Dialog，各种自定义的UI控件、能在项目或者不同项目重复应用的代码等等。

  目的：复用，解耦。

  依赖：组件之间低依赖，比较独立。

  架构定位：纵向分层（位于架构底层，被其他层所依赖）。

1.2模块化
   就是"业务框架"或者“业务模块"，也可以理解为“框架”，意...]]></description><category></category></item><item><title><![CDATA[rem/em/响应式用法总结]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/88883614</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/88883614</guid><author>weixin_44389021</author><pubDate>Fri, 29 Mar 2019 08:43:51 +0800</pubDate><description><![CDATA[Js动态设置rem来实现移动端字体的自适应
　　　　实际上讲了这么多，大家可能已经了解了rem的用法，但是还不了解如何利用rem去实现移动端的自适应。说到底，rem实现移动端自适应的原来在于它本身的特性，它可以始终根据根元素的字体大小去改变自己的值。目前各种常见手机的屏幕尺寸大小如下图所示：
想实现手机端自适应，就是可以让页面的元素字体、间距、宽高等属性的属性值可以随着手机屏幕尺寸的变化而变化，接...]]></description><category></category></item><item><title><![CDATA[面试题]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/88857821</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/88857821</guid><author>weixin_44389021</author><pubDate>Wed, 27 Mar 2019 22:55:00 +0800</pubDate><description><![CDATA[1、Doctype 作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何
意义?
（1）、&lt;!DOCTYPE&gt; 声明位于文档中的最前面，处于 标签之前。告知浏览器的
解析器，用什么文档类型 规范来解析这个文档。
（2）、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。
（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以
防止站点无法工...]]></description><category></category></item><item><title><![CDATA[ScrollPic js——图片左右滚动插件（单一功能）]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/88803939</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/88803939</guid><author>weixin_44389021</author><pubDate>Mon, 25 Mar 2019 19:33:35 +0800</pubDate><description><![CDATA[客观的讲，scrollpic.js的确是一个很好用的图文滚动插件，它不但可以左右控制无缝连续滚动，还可以兼容如此多的浏览器，真的是难能可贵。对于没有太多JS专业功底的网页生产者，这个插件用起来也不是很难，所以当你需要时就不妨大胆的用吧。
插件的下载地址：ScrollPic.js
使用方法：
// 先加载ScrollPic.js插件后再执行以下语句
window.onload = function(...]]></description><category></category></item><item><title><![CDATA[AJAX 基础]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/88803868</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/88803868</guid><author>weixin_44389021</author><pubDate>Mon, 25 Mar 2019 19:29:45 +0800</pubDate><description><![CDATA[AJAX 基础
AJAX 指异步 JavaScript 及 XML （Asynchronous JavaScript And XML ）。
AJAX 是一种在 2005 年由 Google 推广开来的编程模式。
AJAX 不是一种新的编程语言，而是一种使用现有标准的新方法。
通过 AJAX ，你可以创建更好、更快以及更友好的 WEB 应用程序。
AJAX 基于 JavaScript 和 HTTP ...]]></description><category></category></item><item><title><![CDATA[响应式布局的实现方法和原理]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/88803844</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/88803844</guid><author>weixin_44389021</author><pubDate>Mon, 25 Mar 2019 19:28:28 +0800</pubDate><description><![CDATA[昨天我在马海祥博客上跟大家详细的介绍过《什么是响应式网页设计？》，我觉的响应式网页设计不仅仅是一种趋势，还更是一个新的设计解决方案！它有助于解决不同的分辨率和设备（台式电脑，笔记本电脑，平板，手机）相关的设计问题。既然是设计的问题，这里就会涉及到很多层面的角色，包括交互设计师，视觉设计师，前端工程师，后台开发工程师。
交互设计师，要满足各自不通分辨率和设备的页面布局展现方式。而视觉设计师，则要考虑...]]></description><category></category></item><item><title><![CDATA[bootstrap插件手风琴]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/88559529</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/88559529</guid><author>weixin_44389021</author><pubDate>Thu, 14 Mar 2019 19:27:43 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;Title&amp;lt;/title&amp;gt;
    &amp;lt;link href=&quot;https://cdn.jsdelivr.net/npm/boo]]></description><category></category></item><item><title><![CDATA[c3h5笔记]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/88043027</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/88043027</guid><author>weixin_44389021</author><pubDate>Thu, 28 Feb 2019 19:41:01 +0800</pubDate><description><![CDATA[浏览器前缀

  浏览器前缀   	浏览器                                   
  -webkit-	Google Chrome, Safari, Android Browser
  -moz-   	Firefox                               
  -o-     	Opera                           ...]]></description><category></category></item><item><title><![CDATA[3d按钮练习]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/87983150</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/87983150</guid><author>weixin_44389021</author><pubDate>Wed, 27 Feb 2019 18:01:10 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
	&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
	&amp;lt;title&amp;gt;按钮练习&amp;lt;/title&amp;gt;
	&amp;lt;style type=&quot;text/css&quot;&amp;gt;

	.box{
		width: 4]]></description><category></category></item><item><title><![CDATA[跨域的问题]]></title><link>https://blog.youkuaiyun.com/weixin_44389021/article/details/87921986</link><guid>https://blog.youkuaiyun.com/weixin_44389021/article/details/87921986</guid><author>weixin_44389021</author><pubDate>Mon, 25 Feb 2019 18:28:27 +0800</pubDate><description><![CDATA[        /*
        * 为什么会出现跨域
 跨域问题来源于JavaScript的同源策略，即只有 协议+主机名+端口号 (如存在)相同，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题是针对JS和ajax的，html本身没有跨域问题，比如a标签、script标签、甚至form标签（可以直接跨域发送数据并接收数据）等
...]]></description><category></category></item></channel></rss>