- 博客(57)
- 收藏
- 关注
RSS订阅原创 jQuery新手入门知识点
一、什么是jQuery？jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。jQuery库包含以下功能：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities二、JavaScript库的概念JavaScript开发的过程中，处理浏览器的兼容很复杂而且很耗时，于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代
2020-11-01 08:42:19
244
原创 微信小程序---新手入门
微信小程序的注册：按照文档指引，得先注册一个微信程序的账号，选择“小程序”，按要求填写相关信息即可完成微信小程序的注册。微信严格区分个人公众号与小程序，因此微信小程序的注册邮箱不可以与微信个人公众号的邮箱相同。2、获取微信小程序的AppID注册完成后登录，就可以在网站的“设置”-“开发者设置”中，查看到微信小程序的AppID了，注意不可直接使用服务号或订阅号的AppID。3、下载微信小程序开发者工具由于微信小程序的代码及规范相对封闭，因此按照微信官方的说法，为了帮助开发者简单和高效地开发微信小程序
2020-06-08 10:53:22
343
原创 如何用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 22:33:57
516
原创 vue-指令（菜鸟教程）
指令表达式的值除了可以出现内容中，也可以使用在其它位置，比如：属性。但是不能使用 {{}} 语法，而是需要 指令在 vue 中，指令是一个带有 v- 前缀的属性，与普通属性不一样的地方在于，指令的值是引号括起来的 表达式，不同的指令有不同的作用，vue 内置了一些常用的指令指令新手指引：<!DOCTYPE html><html lang="en">&l...
2020-04-19 23:16:19
325
原创 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 23:02:55
1853
原创 Cors解决跨域设置
一：为什么CORS会有跨域问题 跨域问题的出现，是因为浏览器的同源策略对ajax请求进行阻拦了，但是并不是所有的请求都给做当做跨域，；像是一般的href属性，a标签什么的都不进行拦截二.什么是同源策略 同源策略是一种约定，它是浏览器最核心也会是最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。它约定请求的url地址，必须与浏览器的url地址处于同域上，也就是域...
2020-04-13 22:32:58
1817
原创 QQ空间照片上传HTML代码演示
引用css <link rel="stylesheet" href="css/photo.css">展示相关代码演示如下： <div class="container"> <div class="photoHeader"> <div class="imgContainer"> ...
2020-04-06 22:22:20
891
原创 关于Ajax
ajax的定义。优势缺点：定义：Ajax = Ajax scipt 和XMLAjax是一种用来快速开发动态网页的技术Ajax通过后台数据写入可以实现局部刷新更多的用户体验及验证。不使用Ajax的传统网页，但必须加装整个页面优点：轻量级，体积小，节省流量，提高加载速度， 解析原生js对象比xml快。ajax是什么？解：是一种在无需重新加载页面的情况下，能够更新部分网页。...
2020-04-06 22:05:40
84
原创 进度条
<body> <input type="file" class="myfile"> 进度： <progress value="0" max="100"></progress> <span class="percent">0%</span> 速度： <span class="...
2020-04-06 21:53:01
78
原创 FormData
FormData在使用的时候可以不使用html代码代码的情况下，向后端提交数据，譬如下面这段代码：<script> document.querySelector("button").onclick = function(){ let file = document.querySelector(".myfile").files[0]; ...
2020-04-06 21:45:23
117
原创 ajax-post，get方法
**post**<script> document.querySelector("button").onclick = function(){ let xhr = new XMLHttpRequest(); xhr.open("post","/post",true); xhr.o...
2020-04-06 21:41:18
89
原创 前后端交互-async练习
<button>按钮一</button> <button>按钮二</button><script> //客户端建立连接 let socket = io.connect("/"); socket.on("getData",(data)=>{ conso...
2020-04-06 21:37:25
289
原创 网易云音乐-换肤代码演示
window.onload = function(){ // 4.鼠标移入，显示添加按钮 let uls = document.querySelectorAll(".listContainer"); let spans = document.querySelectorAll(".btnController"); uls.forEach((v,k)=>...
2020-04-06 20:52:37
818
原创 网易云音乐（一）
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 18:41:08
368
原创 网易云音乐（二）
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 18:31:36
427
原创 网易云音乐（三）
json[ { "id":1, "songName": "演员", "album": "绅士", "singer": "薛之谦", "time": "04:21" }, { "id":2, "songName": "天分", "album": "...
2020-04-06 18:25:39
158
原创 客户端建立连接
<script> //客户端建立连接 let socket = io.connect("/"); socket.on("getData",(data)=>{ console.log(data); document.querySelector(".s").innerHTML = dat...
2020-04-06 18:17:43
218
原创 新闻页面（六）
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 18:04:33
248
原创 新闻页面（五）
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 17:57:55
239
原创 新闻页面（四）
service/news/index.js 文件夹const mysql = require("mysql2");const fs = require("fs");//配置和数据库之间的连接const connection = mysql.createConnection ({ host:'localhost', user:'root', password:...
2020-04-06 17:37:35
257
原创 新闻页面（三）
路由配置routers/adminRouter.js文件const Router = require("koa-router");const adminController = require("../controller/admin");let router = new Router({ prefix:"/admin"});router.get("/",ctx=>{...
2020-04-06 17:34:07
245
原创 新闻页面-（二）
controller/damin/index.jsconst adminModel = require("../../service/admin");module.exports = { async showIndex(ctx){ // ctx.body = "新闻管理的首页"; await ctx.render("admin/index.p...
2020-04-06 17:31:36
326
原创 新闻页面-（一）
js演示：const Koa = require("koa");const Router = require("koa-router");const views = require("koa-views");const static = require("koa-static");const mysql = require("mysql2");配置和数据库之间的连接const co...
2020-04-06 17:23:20
299
原创 MySQL -addnews.js
let newsData = require("./data/data.json");const mysql = require("mysql2");//配置和数据库之间的连接const connection = mysql.createConnection ({ host:'localhost', user:'root', password:"123321"...
2020-04-06 17:10:55
134
原创 模板（分页）
分页代码演示：const http = require("http");const fs = require("fs");const url = require("url");const path = require("path");const mime = require("./data/mime.json");let data = require("./data/data.json...
2020-04-06 16:49:28
184
原创 nunjucks方法
<!-- 正常书写注释即可 --> {# 我是nunjucks的注释 #} <!-- if 判断 --> {% if num >3 %} <p>num值大于3</p> {% elseif num <3 %} <div>num值小于3</div> {% else...
2020-04-06 16:45:16
514
原创 区分路由加载页面-httptext
区分路由加载页面const http = require("http"); // 创建服务器const fs = require("fs"); // 操作文件/目标const url = require("url"); // 解析url字符串/url对象const mime = require("./mime.json"); // 根据文件格式，获取对应的头部信息const pa...
2020-04-06 16:22:06
170
原创 MySQL-安装教程
mysql数据库安装mac下安装 地址：https://dev.mysql.com/downloads/mysql/下载设置密码cd /usr/local/mysql/bin/./mysql -u root -pset password for ⽤户名@localhost = password(‘新密码’);通过navicate连接windows下安装mysql下载地址https...
2020-04-06 11:54:14
117
原创 Node.js-fs
//fs : 操作文件的模块 内置模块const fs = require("fs");// 增删改查// 1. 文件操作 2. 目录操作//writeFile(): 写入文件// 参数1 ： 文件名称，包括文件格式// 参数2 ： 文件中，需要写入的内容// fs.writeFile("1.txt","我是需要写入的文件",function(err){// ...
2020-04-06 10:54:36
84
原创 node.js 模块化
如何实现第一个服务器console.log("大家好，我是http.js");//ES6中，inport引入模块const http = require("http");//const server 通过requier传入。const server = http.createServer((req,res)=>{ res.write("hello 12345"); ...
2020-04-06 10:51:15
81
原创 Node.js-stream
Stream 是一个抽象接口，Node 中有很多对象实现了这个接口。例如，对http 服务器发起请求的request 对象就是一个 Stream，还有stdout（标准输出）。Node.js-Stream 有四种流类型：Readable - 可读操作。Writable - 可写操作。Duplex - 可读可写操作.Transform - 操作被写入数据，然后读出结果。所有的 S...
2020-04-06 10:21:37
88
原创 Node.js-Buffer
在 Node.js中，定义了一个 Buffer 类，该类用来创建一个专门存放二进制数据的缓存区。// 创建一个长度为 10、且用 0 填充的 Buffer。const buf1 = Buffer.alloc(10);// 创建一个长度为 10、且用 0x1 填充的 Buffer。 const buf2 = Buffer.alloc(10, 1);// 创建一个长度为 10、且未初始化...
2020-04-06 10:10:54
87
原创 迭代器
它的工作流程是：1.创建一个指针对象，指向数据结构中的起始位置2.调用next方法指向下一个数据，直到指向的数据没有时，结束位置。 <script> let obj = { a : 1, b: 2, c: 3 } // console.log(Obj...
2020-04-06 09:04:37
93
原创 for-or
<script> let arr = ["a","b","c","d","e"]; let obj = { a : 1, b : 2, c : 3 } // for..in 通过 key-value的形式来遍历数据 // for(let ...
2020-04-06 00:22:03
241
原创 异步函数
异步函数的概念：当一个异步函数被调用时，该函数会立即返回，尽管这个函数规定的操作任务还没有完成 promise的回调函数 中resolve()的参数： 1 没有使用then时， 参数是整个promise的返回值，需要定义变量来接收，再使用。 2 使用then时， 参数是then中处理执行成功方法的实参，需要定义形参接收，再使用。扩展：在js中我们可以使用a...
2020-04-06 00:13:59
800
原创 动画框架
案例：<style> #box { width: 100px; height: 100px; background-color: red; } </style><body> <div id="box"></div>&l...
2020-04-05 23:51:04
68
原创 mvvm
mvc 模式。 之前的市面是很常见很流行的一个概念，一个编程规范。mvvm： model(模型-数据) + view(视图) + viewModel(视图模型)遵循的基本原则： 数据驱动视图的方式 mvvm 的本质上， 就是mvc的改进版，mvvm 就是将其中的 view的状态和行为 抽象化 ViewModel 的任务 ： 让我们将视图和数据区分开，并通过vm来建立连接 ...
2020-04-05 23:45:20
246
原创 defindproperty
definePropertyObject.defineProperty(obj, prop, descriptor) ;obj : 指定的操作对象“name” : 指定对象的指定属性(这里可以是已有的属性值。也可以是新来的，用做添加新属性){} : 对指定属性的 相关设置 let obj = { name : "の", age...
2020-04-05 19:32:35
213
原创 数据劫持
set getget 是一种获得属性值的方法，setter是一种设置属性值的方法get 负责查询值，它不带任何参数set 则负责设置键值，值是以参数的形式传递 <script>// let obj = {// name:"小涛",// age:"22"// } // 需要...
2020-04-05 19:15:18
148
1
原创 async函数-代码演示
目前为止： 对异步回调地狱的一个终极的处理方法// async ： 这是一个异步的函数// 把异步的处理机制，写成接近同步的处理机制，以增加代码的可读性，降低版本迭代的难度 <script> async function fn(){ try{ let n1 = await new Promise((resolve)=>{...
2020-04-05 18:54:55
136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人