nanling0220
码龄5年
关注
提问 私信
  • 博客：16,987
    16,987
    总访问量
  • 57
    原创
  • 385,412
    排名
  • 3
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：北京市
  • 加入CSDN时间： 2020-03-31
博客简介：

nanling0220的博客

查看详细资料
个人成就
  • 获得1次点赞
  • 内容获得2次评论
  • 获得21次收藏
创作历程
  • 57篇
    2020年
成就勋章
TA的专栏
  • 微信小程序
    1篇
  • Vue
    3篇
  • 前后端交互
    8篇
  • QQ空间照片上传演示
    1篇
  • 新闻页面练习
    3篇
  • 新闻
    1篇
  • 新闻页面
    4篇
  • MySQL
    4篇
  • 网易云音乐
    2篇
  • Node.js
    5篇
  • 类
    3篇
  • async函数
    1篇
  • 同步和异步
    7篇
  • 数据劫持
    2篇
  • 贪吃蛇
    6篇
兴趣领域 设置
  • 前端
    vue.js
创作活动更多

HarmonyOS开发者社区有奖征文来啦！

用文字记录下您与HarmonyOS的故事。参与活动，还有机会赢奖，快来加入我们吧！

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

jQuery新手入门知识点

一、什么是jQuery？jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。jQuery库包含以下功能：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities二、JavaScript库的概念JavaScript开发的过程中，处理浏览器的兼容很复杂而且很耗时，于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代
原创
发布博客 2020.11.01 ·
246 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

微信小程序---新手入门

微信小程序的注册：按照文档指引，得先注册一个微信程序的账号，选择“小程序”，按要求填写相关信息即可完成微信小程序的注册。微信严格区分个人公众号与小程序，因此微信小程序的注册邮箱不可以与微信个人公众号的邮箱相同。2、获取微信小程序的AppID注册完成后登录，就可以在网站的“设置”-“开发者设置”中，查看到微信小程序的AppID了，注意不可直接使用服务号或订阅号的AppID。3、下载微信小程序开发者工具由于微信小程序的代码及规范相对封闭，因此按照微信官方的说法，为了帮助开发者简单和高效地开发微信小程序
原创
发布博客 2020.06.08 ·
344 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

如何用vue指令实现点击拖拽效果？

一个按钮点击拖拽事件演示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
原创
发布博客 2020.04.21 ·
518 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue-指令（菜鸟教程）

指令表达式的值除了可以出现内容中，也可以使用在其它位置，比如：属性。但是不能使用 {{}} 语法，而是需要 指令在 vue 中，指令是一个带有 v- 前缀的属性，与普通属性不一样的地方在于，指令的值是引号括起来的 表达式，不同的指令有不同的作用，vue 内置了一些常用的指令指令新手指引：<!DOCTYPE html><html lang="en">&l...
原创
发布博客 2020.04.19 ·
329 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue新手入门详细教程

vue.jsvue.js是一套用于构建用户界面的渐进式框架。Vue的核心：声明式渲染，组件Vue功能：模板引擎，组件，路由，状态管理器（管理数据–可伸缩性的），自动化构建。核心基本语法：第一步：vue.js引入：// https://cdn.jsdelivr.net/npm/vue/dist/vue.js vuejs下载网址<script src="js/vue.j...
原创
发布博客 2020.04.19 ·
1860 阅读 ·
0 点赞 ·
0 评论 ·
14 收藏

Cors解决跨域设置

一：为什么CORS会有跨域问题　　跨域问题的出现，是因为浏览器的同源策略对ajax请求进行阻拦了，但是并不是所有的请求都给做当做跨域，；像是一般的href属性，a标签什么的都不进行拦截二.什么是同源策略　　同源策略是一种约定，它是浏览器最核心也会是最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。它约定请求的url地址，必须与浏览器的url地址处于同域上，也就是域...
原创
发布博客 2020.04.13 ·
1830 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

QQ空间照片上传HTML代码演示

引用css <link rel="stylesheet" href="css/photo.css">展示相关代码演示如下： <div class="container"> <div class="photoHeader"> <div class="imgContainer"> ...
原创
发布博客 2020.04.06 ·
897 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

关于Ajax

ajax的定义。优势缺点：定义：Ajax = Ajax scipt 和XMLAjax是一种用来快速开发动态网页的技术Ajax通过后台数据写入可以实现局部刷新更多的用户体验及验证。不使用Ajax的传统网页，但必须加装整个页面优点：轻量级，体积小，节省流量，提高加载速度， 解析原生js对象比xml快。ajax是什么？解：是一种在无需重新加载页面的情况下，能够更新部分网页。...
原创
发布博客 2020.04.06 ·
84 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

进度条

<body> <input type="file" class="myfile"> 进度： <progress value="0" max="100"></progress> <span class="percent">0%</span> 速度： <span class="...
原创
发布博客 2020.04.06 ·
78 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

FormData

FormData在使用的时候可以不使用html代码代码的情况下，向后端提交数据，譬如下面这段代码：<script> document.querySelector("button").onclick = function(){ let file = document.querySelector(".myfile").files[0]; ...
原创
发布博客 2020.04.06 ·
117 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ajax-post，get方法

**post**<script> document.querySelector("button").onclick = function(){ let xhr = new XMLHttpRequest(); xhr.open("post","/post",true); xhr.o...
原创
发布博客 2020.04.06 ·
89 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

前后端交互-async练习

<button>按钮一</button> <button>按钮二</button><script> //客户端建立连接 let socket = io.connect("/"); socket.on("getData",(data)=>{ conso...
原创
发布博客 2020.04.06 ·
289 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

网易云音乐-换肤代码演示

window.onload = function(){ // 4.鼠标移入，显示添加按钮 let uls = document.querySelectorAll(".listContainer"); let spans = document.querySelectorAll(".btnController"); uls.forEach((v,k)=>...
原创
发布博客 2020.04.06 ·
820 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

网易云音乐（一）

detail.cssbody{ background: rgb(41, 42, 43);}li{ list-style: none;}.btnStyle{ display: block; float: left; width: 120px; height: 38px; border: 1px solid #c9c9c9; t...
原创
发布博客 2020.04.06 ·
371 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

网易云音乐（二）

detail.pugdoctype htmlhtml(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...
原创
发布博客 2020.04.06 ·
432 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

网易云音乐（三）

json[ { "id":1, "songName": "演员", "album": "绅士", "singer": "薛之谦", "time": "04:21" }, { "id":2, "songName": "天分", "album": "...
原创
发布博客 2020.04.06 ·
159 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

客户端建立连接

<script> //客户端建立连接 let socket = io.connect("/"); socket.on("getData",(data)=>{ console.log(data); document.querySelector(".s").innerHTML = dat...
原创
发布博客 2020.04.06 ·
219 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

新闻页面（六）

admin/addNewspage/pugdoctype htmlhtml(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...
原创
发布博客 2020.04.06 ·
248 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

新闻页面（五）

css样式addNews.css.addInput div { margin-top: 30px;}.title { -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid...
原创
发布博客 2020.04.06 ·
239 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

新闻页面（四）

service/news/index.js 文件夹const mysql = require("mysql2");const fs = require("fs");//配置和数据库之间的连接const connection = mysql.createConnection ({ host:'localhost', user:'root', password:...
原创
发布博客 2020.04.06 ·
257 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多