<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[nanling0220的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/nanling0220</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; nanling0220]]></copyright><item><title><![CDATA[jQuery新手入门知识点]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/109411059</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/109411059</guid><author>nanling0220</author><pubDate>Sun, 01 Nov 2020 08:42:19 +0800</pubDate><description><![CDATA[一、什么是jQuery？
jQuery是一个JavaScript函数库。
jQuery是一个轻量级的"写的少，做的多"的JavaScript库。
jQuery库包含以下功能：

HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities

二、JavaScript库的概念

JavaScript开发的过程中，处理浏览器的兼容很复杂而且很耗时，于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代]]></description><category></category></item><item><title><![CDATA[微信小程序---新手入门]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/106613008</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/106613008</guid><author>nanling0220</author><pubDate>Mon, 08 Jun 2020 10:53:22 +0800</pubDate><description><![CDATA[微信小程序的注册：
按照文档指引，得先注册一个微信程序的账号，选择“小程序”，按要求填写相关信息即可完成微信小程序的注册。微信严格区分个人公众号与小程序，因此微信小程序的注册邮箱不可以与微信个人公众号的邮箱相同。
2、获取微信小程序的AppID
注册完成后登录，就可以在网站的“设置”-“开发者设置”中，查看到微信小程序的AppID了，注意不可直接使用服务号或订阅号的AppID。
3、下载微信小程序开发者工具
由于微信小程序的代码及规范相对封闭，因此按照微信官方的说法，为了帮助开发者简单和高效地开发微信小程序]]></description><category></category></item><item><title><![CDATA[如何用vue指令实现点击拖拽效果？]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105667958</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105667958</guid><author>nanling0220</author><pubDate>Tue, 21 Apr 2020 22:33:57 +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&...]]></description><category></category></item><item><title><![CDATA[vue-指令（菜鸟教程）]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105624736</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105624736</guid><author>nanling0220</author><pubDate>Sun, 19 Apr 2020 23:16:19 +0800</pubDate><description><![CDATA[指令

表达式的值除了可以出现内容中，也可以使用在其它位置，比如：属性。但是不能使用 {{}} 语法，而是需要 指令


在 vue 中，指令是一个带有 v- 前缀的属性，与普通属性不一样的地方在于，指令的值是引号括起来的 表达式，不同的指令有不同的作用，vue 内置了一些常用的指令

指令新手指引：

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&l...]]></description><category></category></item><item><title><![CDATA[vue新手入门详细教程]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105576301</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105576301</guid><author>nanling0220</author><pubDate>Sun, 19 Apr 2020 23:02:55 +0800</pubDate><description><![CDATA[vue.js

vue.js是一套用于构建用户界面的渐进式框架。
Vue的核心：声明式渲染，组件

Vue功能：模板引擎，组件，路由，状态管理器（管理数据–可伸缩性的），自动化构建。
核心基本语法：
第一步：vue.js引入：
// https://cdn.jsdelivr.net/npm/vue/dist/vue.js     vuejs下载网址
&lt;script src="js/vue.j...]]></description><category></category></item><item><title><![CDATA[Cors解决跨域设置]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105499211</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105499211</guid><author>nanling0220</author><pubDate>Mon, 13 Apr 2020 22:32:58 +0800</pubDate><description><![CDATA[一：为什么CORS会有跨域问题
　　跨域问题的出现，是因为浏览器的同源策略对ajax请求进行阻拦了，但是并不是所有的请求都给做当做跨域，；像是一般的href属性，a标签什么的都不进行拦截
二.什么是同源策略
　　同源策略是一种约定，它是浏览器最核心也会是最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。
它约定请求的url地址，必须与浏览器的url地址处于同域上，也就是域...]]></description><category></category></item><item><title><![CDATA[QQ空间照片上传HTML代码演示]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105352976</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105352976</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 22:22:20 +0800</pubDate><description><![CDATA[引用css
 &lt;link rel="stylesheet" href="css/photo.css"&gt;

展示相关代码演示如下：
    &lt;div class="container"&gt;
        &lt;div class="photoHeader"&gt;
            &lt;div class="imgContainer"&gt;
          ...]]></description><category></category></item><item><title><![CDATA[关于Ajax]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105352741</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105352741</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 22:05:40 +0800</pubDate><description><![CDATA[ajax的定义。优势缺点：
定义：

Ajax = Ajax scipt 和XML
Ajax是一种用来快速开发动态网页的技术
Ajax通过后台数据写入可以实现局部刷新更多的用户体验及验证。
不使用Ajax的传统网页，但必须加装整个页面

优点：

轻量级，体积小，节省流量，提高加载速度，  解析原生js对象比xml快。


ajax是什么？
解：是一种在无需重新加载页面的情况下，能够更新部分网页。...]]></description><category></category></item><item><title><![CDATA[进度条]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105352304</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105352304</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 21:53:01 +0800</pubDate><description><![CDATA[&lt;body&gt;
    &lt;input type="file" class="myfile"&gt;

    进度： &lt;progress value="0" max="100"&gt;&lt;/progress&gt;
           &lt;span class="percent"&gt;0%&lt;/span&gt;
    速度： &lt;span class="...]]></description><category></category></item><item><title><![CDATA[FormData]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105352179</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105352179</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 21:45:23 +0800</pubDate><description><![CDATA[FormData在使用的时候可以不使用html代码代码的情况下，向后端提交数据，譬如下面这段代码：
&lt;script&gt;
        document.querySelector("button").onclick = function(){
           let file = document.querySelector(".myfile").files[0];
      ...]]></description><category></category></item><item><title><![CDATA[ajax-post，get方法]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105352139</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105352139</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 21:41:18 +0800</pubDate><description><![CDATA[**post**
&lt;script&gt;
        
        document.querySelector("button").onclick = function(){
            let xhr = new XMLHttpRequest();
            xhr.open("post","/post",true);
            xhr.o...]]></description><category></category></item><item><title><![CDATA[前后端交互-async练习]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105352063</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105352063</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 21:37:25 +0800</pubDate><description><![CDATA[&lt;button&gt;按钮一&lt;/button&gt;
  &lt;button&gt;按钮二&lt;/button&gt;

&lt;script&gt;
        //客户端建立连接
        let socket = io.connect("/");
        socket.on("getData",(data)=&gt;{
            conso...]]></description><category></category></item><item><title><![CDATA[网易云音乐-换肤代码演示]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105350945</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105350945</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 20:52:37 +0800</pubDate><description><![CDATA[window.onload = function(){

    // 4.鼠标移入，显示添加按钮
    let uls = document.querySelectorAll(".listContainer");
    let spans = document.querySelectorAll(".btnController");
    
    uls.forEach((v,k)=&gt...]]></description><category></category></item><item><title><![CDATA[网易云音乐（一）]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105348704</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105348704</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 18:41:08 +0800</pubDate><description><![CDATA[detail.css
body{
    background: rgb(41, 42, 43);
}
li{
    list-style: none;
}
.btnStyle{
    display: block;
    float: left;
    width: 120px;
    height: 38px;
    border: 1px solid #c9c9c9;
    t...]]></description><category></category></item><item><title><![CDATA[网易云音乐（二）]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105348617</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105348617</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 18:31:36 +0800</pubDate><description><![CDATA[detail.pug
doctype html
html(lang='en')
  head
    meta(charset='UTF-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    meta(http-equiv='X-UA-Compatible', content='ie=e...]]></description><category></category></item><item><title><![CDATA[网易云音乐（三）]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105348566</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105348566</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 18:25:39 +0800</pubDate><description><![CDATA[json
[
    {
        "id":1,
        "songName": "演员",
        "album": "绅士",
        "singer": "薛之谦",
        "time": "04:21"
    },
    {
        "id":2,
        "songName": "天分",
        "album": "...]]></description><category></category></item><item><title><![CDATA[客户端建立连接]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105348396</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105348396</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 18:17:43 +0800</pubDate><description><![CDATA[&lt;script&gt;
        //客户端建立连接
        let socket = io.connect("/");
        socket.on("getData",(data)=&gt;{
            console.log(data);
            document.querySelector(".s").innerHTML = dat...]]></description><category></category></item><item><title><![CDATA[新闻页面（六）]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105348174</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105348174</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 18:04:33 +0800</pubDate><description><![CDATA[admin/addNewspage/pug
doctype html
html(lang='en')
  head
    meta(charset='UTF-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    meta(http-equiv='X-UA-Compatible', co...]]></description><category></category></item><item><title><![CDATA[新闻页面（五）]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105347834</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105347834</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 17:57:55 +0800</pubDate><description><![CDATA[css样式
addNews.css
.addInput div {
    margin-top: 30px;
}


.title {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid...]]></description><category></category></item><item><title><![CDATA[新闻页面（四）]]></title><link>https://blog.youkuaiyun.com/nanling0220/article/details/105347590</link><guid>https://blog.youkuaiyun.com/nanling0220/article/details/105347590</guid><author>nanling0220</author><pubDate>Mon, 06 Apr 2020 17:37:35 +0800</pubDate><description><![CDATA[service/news/index.js 文件夹
const mysql = require("mysql2");
const fs = require("fs");
//配置和数据库之间的连接
const connection = mysql.createConnection ({   
    host:'localhost', 
    user:'root',
    password:...]]></description><category></category></item></channel></rss>