- 博客(35)
- 收藏
- 关注
RSS订阅原创 JSON和JS对象互转
JSON和JS对象互转JSON字符串转换为JS对象：JSON.parse()方法：var obj=JSON.parse('{"a":"Hello","b":"World"}'); //结果是{a:'Hello',b:'World'}JS对象转换为JSON字符串：JSON.stringify()方法：var json=JSON.stringify({a:'Hello',b:'World'}); //结果是'{"a":"Hello","b":"World"}'...
2021-02-27 14:36:13
268
原创 AJAX案例
同源策略： 协议，域名，端口号必须完全相同。违背同源策略就是跨域GET 还是 POST？与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。然而，在以下情况中，请使用 POST 请求：无法使用缓存文件（更新服务器上的文件或数据库）向服务器发送大量数据（POST 没有数据量限制）发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠案例代码：AJAX JS代码//1. 引入expressconst express = require('express.
2021-02-25 18:58:50
142
原创 node.js以及express框架安装使用，
1. 去node.js下载设备对应文件2. 检查是否成功安装电脑搜索框输入cmd打开命令提示符，输入node -v回车，出现版本号就代表成功安装3. 在Visual Studio Code中安装node.js和express框架:–在文件最外层鼠标右键在集成终端中打开–输入：–npm init --yes回车–再输入：–npm i express回车4.使用express框架–在对应express框架代码的文件上一级鼠标右键在终端中打开–输入node expre
2021-02-24 15:20:19
220
原创 jQuery中的事件
一，加载DOM二，事件绑定.bind：为jQuery对象绑定事件$(元素).bind(“click”,function(){…}); 为元素绑定点击事件$(元素).click(function(){…}); 与上等价三， 合成事件：$("div").hover(function(){},function(){},...);四，事件冒泡通过在响应函数结尾返回false，可以阻止冒泡：return false;五，事件对象的属性六，移除事件...
2021-02-23 14:47:09
165
原创 jQuery中的DOM操作
一，查找节点1.查找或操作属性节点：通过jQuery选择器完成查找到所需要的元素后可以调用jQuery对象的attr()方法来获取它的各种属性值注：若直接操作value属性值可以使用更便捷的val()方法2.查找或操作文本节点：通过text()方法二，创建节点使用 $(“想要创建的节点”) 即可$("<p>我爱你</p>") //就是直接创建了个<p>我爱你</p>节点三，插入节点 $("div").append($("&l
2021-02-22 20:27:30
346
原创 jQuery选择器
一，基本选择器#id 选择器：$("#test") //选取id为test的元素.class 选择器:$(".test") //选取class为test的元素元素选择器: $("p") //在页面中选取所有 <p> 元素$("*") 选取所有元素$("selector1,selector2,selector3,...") 将每一个选择器匹配到的元素合并一起后返回（多个选择器合一，选取多个）二，层次选择器$("a b") 选取a的所有b （后代）元素$("a>b")
2021-02-22 17:03:31
286
原创 jQuery对象与DOM对象
jQuery对象不能使用DOM对象的属性和方法，反之，DOM对象也不能使用jQuery对象的属性和方法。jQuery对象是一个DOM数组对象，所以可以使用下标的方式转化为DOM对象： var $btn=$("button"); //jQuery对象 var btn=$btn[0]; //将第一个button jQuery对象转换为DOM对象jQuery对象是使用$()包转DOM对象后产生的对象： $("select :selected").eac.
2021-02-22 13:56:39
209
原创 jQuery简介
一，jQuery简介Query是一个JavaScript函数库，jQuery是一个轻量级的"写的少，做的多"的JavaScript库。二，安装jQuery1.从 jquery.com 下载 jQuery 库：jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 script标签引用它：<script src="jquery-1.10.2.min.js"></script>2.从 CDN 中载入 jQuery, 如从 Google 中加载 jQuer.
2021-02-22 13:43:28
234
原创 输入16进制数输出10进制数
#include<stdio.h> int main() { int n; scanf("%X",&n);printf("%lld",n);return 0;}
2021-02-21 18:12:22
670
原创 动画函数封装
1.动画实现原理2.简单动画封装函数 //简单动画函数封装 obj对象 target目标位置 function animate(obj,target){ //给不同元素指定不同的定时器 //本质是给指定元素对象添加定时器属性 obj.timer=setInterval(function(){ if(obj.offsetLeft>=target){
2021-02-19 20:25:01
259
原创 元素滚动scroll系列
scroll事件：滚动条发生变化时触发的事件页面被卷去的头部：可以通过window.pageYOffset获得 被卷去的左侧window.pageXOffsetDTD就是：<!DOCTYPE html>这行代码
2021-02-19 17:40:26
169
原创 pageshow事件
pageshow重新加载页面触发的事件load文档内容全部加载完毕触发的事件，详情见博客：bom-window对象的常见事件1（窗口事件，定时器）
2021-02-19 17:03:39
662
原创 立即执行函数
1.立即执行函数不需要调用，立马能够自己执行的函数格式： (function 函数名() {})(); 或(function 函数名() {}());函数名可以省略写法：也可以传递参数进来 (function(a, b) { console.log(a + b); //15 })(6, 9); (function(a, b, c) { console.log(a + b + c); //3 .
2021-02-19 16:26:08
171
原创 元素偏移量offset系列
offset与style的区别 <div class="f"> <div class="s"></div> </div> <script> var f = document.querySelector('.f'); var s = document.querySelector('.s'); //1.可以得到元素的偏移 位置 返回的数值不带单位 ..
2021-02-17 18:01:16
212
原创 history对象
格式：history.back();history.forward();history.go(1);history.go(-1);`
2021-02-17 17:45:05
143
2原创 bom-window对象的常见事件1（窗口事件，定时器）
一，窗口加载事件语法： <script> window.addEventListener('load',function(){ js代码; }) </script>二，调整窗口大小事件三.定时器window对象提供了两种方法-定时器- setTimeout() 指定时间到了后调用一次回调函数- setInterval() 每隔一段指定时间就调用一次回调函数，重复调用1.setT
2021-02-16 10:43:23
315
原创 js中this的指向问题
一般情况下this最终指向的是那个调用它的对象全局作用域或者普通函数中的this指向全局对象window（注意定时器里的this指向window）方法调用中的this指向调用该方法的对象构造函数中this指向构造函数的实例 <button>按钮</button> <script> //1 //全局作用域 console.log(this); //window //普通函数
2021-02-16 10:41:16
192
原创 BOM概述
什么是BOM？BOM的构成 var num=10; console.log(num); console.log(window.num); //为上边代码的完整形式 //一般写的时候可以省略window
2021-02-15 16:17:57
181
原创 keyCode判断用户按下哪个键
document.addEventListener('keyup', function(e) { console.log(e.keyCode); //按下a或A返回的ASCII码值都是65 })
2021-02-15 15:03:29
240
原创 禁止选中文字和禁止右键菜单
1.禁止鼠标右键菜单contextmenu主要控制应该何时显示上下文菜单，主要用于程序员取消默认的上下文菜单 document.addEventListener('contextmenu', function(e) { e.preventDefault(); })2.禁止鼠标选中（selectstart 开始选中） document.addEventListener('selectstart', function(e) { e.preventDe
2021-02-06 19:43:08
268
原创 事件高级(删除事件)
删除事件（解绑事件）1.传统注册方式eventTarget.onclick=null;2.方法监听注册方式2.1：eventTarget.removeEventListener(type,listener,useCapture);2.2:eventTarget.detachEvent(eventNameWithon,callback);实例： <button>发布1</button> <button>发布2</button>
2021-02-06 16:20:11
260
原创 事件高级(注册事件)
注册事件（绑定事件）1.eddEventListener事件监听方式格式：目标对象.addEventListener(type,listener,useCapture)实例： <button>发布</button> <ul></ul> <script> var btn = document.querySelector('button'); //注意事件类型为字符串，且不加on
2021-02-06 15:54:22
142
原创 DOM重点核心（操作）
关于DOM操作，主要针对于元素的操作。主要有创建，增，删，改，查，属性操作，事件操作一，创建1.document.write2.innerHTML3.createElement二，增1.appendChild（在后面添加）2.insertBefore（在前面添加）三，删1.removeChild四，改主要修改DOM的元素属性，DOM元素的内容，属性，表单的值等1.修改元素属性：src，href，title等2.修改普通元素内容：innerHTML，innerTe
2021-02-06 15:17:03
286
Nodejs-MongoDB实战案例-简易用户管理系统.zip
2022-11-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人