<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[OrdnAry的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/OrdnAry</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; OrdnAry]]></copyright><item><title><![CDATA[学习canvas（一）：用线画出正方形和三角形]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/127538354</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/127538354</guid><author>OrdnAry</author><pubDate>Wed, 26 Oct 2022 18:59:28 +0800</pubDate><description><![CDATA[【代码】学习canvas（一）：用线画出正方形和三角形。]]></description><category></category></item><item><title><![CDATA[git仓库基本使用]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/116723268</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/116723268</guid><author>OrdnAry</author><pubDate>Wed, 12 May 2021 22:30:04 +0800</pubDate><description><![CDATA[git仓库的一些基本使用
1.克隆git项目
git clone git@github.com:自己用户名/项目名称.git

2.查看状态
gut status

3.将文件添加到暂存区
添加指定目录到暂存区，包括子目录：
git add [dir]

添加当前目录下的所有文件到暂存区：
git add .

4.将暂存区内容添加到本地仓库中
提交暂存区到本地仓库中:
git commit -m '内容'

5.分支
5.1创建分支
git branch mybranch（分支名字）

5.2.查看分支
]]></description><category></category></item><item><title><![CDATA[原生JSbanner图实现滑动轮播图和淡入淡出轮播图]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/115337703</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/115337703</guid><author>OrdnAry</author><pubDate>Tue, 30 Mar 2021 22:23:12 +0800</pubDate><description><![CDATA[滑动轮播图
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;Docu]]></description><category></category></item><item><title><![CDATA[Vue----------学习用vuex中的state、mutations和getters实现一些功能]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/114679669</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/114679669</guid><author>OrdnAry</author><pubDate>Thu, 11 Mar 2021 20:48:02 +0800</pubDate><description><![CDATA[store中的index.js
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    counter: 1000,
    students: [{
        id: 110,
        name: 'why',
        age: 18
      },
      {
        id: 111,
        nam]]></description><category></category></item><item><title><![CDATA[Vue------用vuecli做一个底部菜单栏的实现]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/114546664</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/114546664</guid><author>OrdnAry</author><pubDate>Mon, 08 Mar 2021 20:02:29 +0800</pubDate><description><![CDATA[App.vue
&lt;template&gt;
  &lt;div id="app"&gt;
    &lt;router-view&gt;&lt;/router-view&gt;
    &lt;main-tab-bar&gt;&lt;/main-tab-bar&gt;
  &lt;/div&gt;
&lt;/template&gt;
&lt;script&gt;
import MainTabBar from "./components/mainTabBar/MainTabBar";
export de]]></description><category></category></item><item><title><![CDATA[Vue------学习     组件之间的通信  父传子 结合一个计数器的实现]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/113861896</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/113861896</guid><author>OrdnAry</author><pubDate>Fri, 19 Feb 2021 13:28:55 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;Title&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;

  &lt;div id="app"&gt;
    &lt;cpn :mycounter="counter"&gt;&lt;/cpn&gt;
    &lt;div&gt;
      &lt;h2&g]]></description><category></category></item><item><title><![CDATA[Vue学习------ 写一个简单的图书购物车]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/113848404</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/113848404</guid><author>OrdnAry</author><pubDate>Thu, 18 Feb 2021 16:08:14 +0800</pubDate><description><![CDATA[CSS
table {
    border: 1px solid #e9e9e9;
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  th, td {
    padding: 8px 16px;
    border: 1px solid #e9e9e9;
    text-align: left;
  }
  
  th {
    background-color: #00eeee;
    color: #5c6b77;
]]></description><category></category></item><item><title><![CDATA[Vue学习------用v-bind和 v-for实现点击元素让它变为红色  和计算属性的使用]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/113769620</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/113769620</guid><author>OrdnAry</author><pubDate>Tue, 09 Feb 2021 13:49:50 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;Title&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;style&gt;
  .color{
    color: red;
  }
&lt;/style&gt;
&lt;div id="app"&gt;
  &lt;ul&gt;
    &lt;!--&]]></description><category></category></item><item><title><![CDATA[Vue学习------v-for 列表的使用 和 v-on 点击加减数字]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/113662577</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/113662577</guid><author>OrdnAry</author><pubDate>Thu, 04 Feb 2021 19:00:45 +0800</pubDate><description><![CDATA[v-for 列表的使用
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div id="app"&gt;
    &lt;ul&gt;
        &lt;li v-for="item in shuzu"&gt;{{item}}&lt;]]></description><category></category></item><item><title><![CDATA[用 gulp require.js 和 jQuery 写一个小米项目之-----滚动商品和下面商品加载的实现]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/111185998</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/111185998</guid><author>OrdnAry</author><pubDate>Mon, 14 Dec 2020 21:19:34 +0800</pubDate><description><![CDATA[滚动商品slide.js
//滚动商品的函数
define(["jquery"],function($){
    function download(){
        $.ajax({
            url:"../data/slide.json",
            success:function(res){
                //获取数据
                var slideArr = res.data.list.list;
             ]]></description><category></category></item><item><title><![CDATA[用 gulp require.js 和 jQuery 写一个小米项目之-----顶部导航栏的实现]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/110999552</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/110999552</guid><author>OrdnAry</author><pubDate>Thu, 10 Dec 2020 21:42:41 +0800</pubDate><description><![CDATA[nav.js（main.js自己在去配置一下就行了 这里就不放出来了只是多了一个顶部导航的函数）
//处理首页的导航部分 声明模块也遵循amd
define(["jquery"],function(){
    function download(){
        //数据下载
        $.ajax({
            type:"get",
            url:"../data/nav.json",
            success:function(result){]]></description><category></category></item><item><title><![CDATA[用 gulp  require.js  和 jQuery  写一个小米项目之-----轮播图和左侧导航栏的实现]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/110789114</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/110789114</guid><author>OrdnAry</author><pubDate>Sun, 06 Dec 2020 23:13:39 +0800</pubDate><description><![CDATA[gulofile.js中的配置
/*
    把 .scss文件 =&gt; csswenjian =&gt;压缩 =&gt; min.css
*/ 

const gulp = require("gulp");
const scss = require("gulp-sass");
const minifyCSS = require("gulp-minify-css");
const rename = require("gulp-rename");

gulp.task("scss",function(){]]></description><category></category></item><item><title><![CDATA[用jQuery  做出放大镜的效果]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/108784851</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/108784851</guid><author>OrdnAry</author><pubDate>Thu, 24 Sep 2020 22:18:00 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
        &lt;title&gt;Document&lt;/title&gt;
        &lt;style&gt;
      ]]></description><category></category></item><item><title><![CDATA[用jQuery实现  鼠标拖拽div滑块   选项卡   居中弹窗]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/108699992</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/108699992</guid><author>OrdnAry</author><pubDate>Sun, 20 Sep 2020 22:36:03 +0800</pubDate><description><![CDATA[鼠标拖拽div滑块
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
        &lt;title&gt;Document&lt;/title&gt;
        &lt;style&]]></description><category></category></item><item><title><![CDATA[用ajax +bootstrap实现前后端交互之 注册，登录，查询数据，修改和删除数据（css自行下载）]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/108450024</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/108450024</guid><author>OrdnAry</author><pubDate>Mon, 07 Sep 2020 16:18:36 +0800</pubDate><description><![CDATA[1.1 注册页面 register.html
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
	&lt;head&gt;
		&lt;meta charset="UTF-8"&gt;
		&lt;title&gt;注册&lt;/title&gt;
		&lt;link rel="stylesheet" href="../css/bootstrap.min.css"&gt;
		&lt;style&gt;
			#register{width: 400px; marg]]></description><category></category></item><item><title><![CDATA[bootstrap + ajax +php 实现 前后端的交互之查询表数据和插入数据]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/108421913</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/108421913</guid><author>OrdnAry</author><pubDate>Sat, 05 Sep 2020 17:09:17 +0800</pubDate><description><![CDATA[查询数据的php页面
&lt;?php
    header('content-type:text/html;charset="utf-8"');
    /*
        连接数据库  天龙八部
    */
    /*
    //1.连接数据库
            第一个参数：连接数据库IP
            第二个参数：用户名
            第三个参数：密码*/
   $link = mysql_connect("localhost","root","root");

  ]]></description><category></category></item><item><title><![CDATA[用ajax实现post和get提交  实现前后端交互]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/108421840</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/108421840</guid><author>OrdnAry</author><pubDate>Sat, 05 Sep 2020 17:02:00 +0800</pubDate><description><![CDATA[封装ajax_回调函数.html  页面

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Document&lt;/title&gt;
    &lt;script&gt;    ]]></description><category></category></item><item><title><![CDATA[用JS实现多个图片的放大和缩小]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/108404359</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/108404359</guid><author>OrdnAry</author><pubDate>Fri, 04 Sep 2020 14:59:15 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Document&lt;/title&gt;
    &lt;style&gt;
            *{margin: 0px;]]></description><category></category></item><item><title><![CDATA[用js实现banner图效果]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/108382559</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/108382559</guid><author>OrdnAry</author><pubDate>Thu, 03 Sep 2020 14:43:57 +0800</pubDate><description><![CDATA[函数startMove的实现

function startMove(node, cssObj, complete){//complete = show;
    clearInterval(node.timer);
    node.timer = setInterval(function(){
        var isEnd = true; //假设所有的动画都到达目的值。
        for(var attr in cssObj){
            var iTarget = cssO]]></description><category></category></item><item><title><![CDATA[用JS实现圆周运动]]></title><link>https://blog.youkuaiyun.com/OrdnAry/article/details/108308523</link><guid>https://blog.youkuaiyun.com/OrdnAry/article/details/108308523</guid><author>OrdnAry</author><pubDate>Sun, 30 Aug 2020 17:17:11 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
        &lt;title&gt;Document&lt;/title&gt;
        &lt;style&gt;
      ]]></description><category></category></item></channel></rss>