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 收藏
加载更多