- 博客(17)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 豆瓣电影的使用
1、获取正在热映的电影：接口：https://api.douban.com/v2/movie/in_theaters访问参数：start : 数据的开始项count：单页条数city：城市如：获取 广州热映电影 第一页 10条数据：https://api.douban.com/v2/movie/in_theaters?city=广州&start=0&co...
2020-08-24 11:09:27
21898
9
原创 JS 传统的Ajax无刷新数据
封装Ajax/** * method:向服务器发送请求的方式：get（请求数据）、post（提交数据） * url:文件路径或者接口地址 * asy：true:异步；false：同步 * fn：处理服务器返回数据的函数 * */ function ajax(method,url,asy,fn){ // function ajax(method,url,asy){ // 1.创建Ajax对象 if(window.XMLHttpRequest){ var objAjax..
2020-08-24 10:55:19
173
原创 JS 读取JSON数据
JSON数据：var infos = { "name": "Aimee", "age": 18, "boyfriend": true, "dog": { "name": "旺财", "sex": "男", "color": "yellow" }, "cars":[ { "name":"宝马", "type":"X11系列" }, { "name":"爱玛", "type":"C11系列" }, { "name":"婴儿",...
2020-08-24 10:40:01
1117
原创 JS 事件冒泡应用（一）
<html onclick="fn(4)"> <head> <meta charset="utf-8"> <title>事件冒泡</title> <style type="text/css"> #box { background: coral; width: 200px; height: 200px; margin: 0px auto; } #sub { b...
2020-08-19 11:31:49
189
原创 JS 鼠标右键菜单跟着鼠标走使用
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul{ width: 100px; height: 100px; background: coral; display: none; /*绝对定位*/ position: absolute; left:1...
2020-08-19 11:21:46
452
原创 JS 鼠标右键菜单使用
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul{ width: 100px; height: 100px; background: coral; display: none; position: absolute; left:10...
2020-08-19 11:18:45
157
原创 JS 阻止事件冒泡兼容性
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box { background: coral; width: 200px; height: 200px; display: none; } </style> </head> &l...
2020-08-19 11:13:29
238
原创 JS 使用节点实现简单购物车数量和金额
一、 购物车中商品数量二、计算金额HTML页面:<html> <head> <meta charset="UTF-8"> <title>购物车</title> <link rel="stylesheet" type="text/css" href="css/car.css" /> </head> <body> <div align="center">..
2020-08-17 17:27:59
1503
原创 JS 操作节点的使用
名称 描述 document.createElement(“元素名”) 创建元素节点 document.createTextNode(“文本”) 创建文本节点 A.appendChild(B) 把B节点追加至A节点的末尾 insertBefore(A,B) 把A节点插入到B节点之前 ...
2020-08-17 17:13:50
148
原创 JS 模仿京东秒杀倒计时
使用定时器页面：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .box{ height: 300px; width: 200px; background-color: red; } .box2{ padding-top: 10px; .
2020-08-14 11:40:15
788
1
原创 JS 节点属性和Element属性
节点属性 parentNode 返回节点的父节点 childNodes 返回子节点集合，childNodes[i] firstChild 返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点 lastChild 返回节点的最后一个子节点 nextSibling 下一个节点 previ.
2020-08-14 11:01:37
260
原创 JS childNodes,firstChild,firstElementChild,children用法
在JS中获取元素子节点时候，使用childNode()遇到了一些问题，找了一些资料总结如下。首先，用于测试先规定好HTML： <div> <p> <span></span> <span></span> <span></span> </p> <div></div> </div> 1 c
2020-08-14 10:54:23
642
1
原创 JS 预解析机制
作用域链: 由子级到父级寻找变量浏览器在解析js代码时是从上到下解析的解析顺序如：（1）预解析 找var和function（2）逐行代码解析 表达式 函数调用 fn1()函数内部再发生 { （1）预解析 （2）逐行代码解析 }案例1： var a = 1; //全局变量 function fn1(a) { //把a作为参数传进来，但是并没有在他的局部...
2020-08-12 11:18:03
139
原创 JS 数组去重复的数据
数组去掉重复的数据：（1） 用双重循环，使用标识来确定是否有相同数据// 1.数组排重 var arr =[4,5,4,90,45,5,68,4]; //新数组 var news=[]; for(var i=0;i<arr.length;i++){ //新数组中没有元素 flag=false; //新数组 for(var k=0;k<news.length;k++){ //判断 if(arr[i]==news[k]){ flag=true;.
2020-08-07 11:12:02
118
原创 JS Date日期的使用
Date() 分两大系列 （1） get系列（及获取时间） （2） set系列（及设置时间） （1） get系列的方法 1.getDate() 返回一月中的某一天； 2.getDay() 返回一周中的某一天（0-6 0代表周日，6代表周一） 3.getFullyear() 返回四位数的年份； 4.getMonth() 返回月份，（比实际情况小...
2020-08-07 10:25:19
202
原创 Swiper 触摸滑动插件
Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择,在PC网页端也有很好的应用！ 官方：https://www.swiper.com.cn/ 官方资源下载：https://www.swiper.com.cn/download/index.html 最新版...
2020-08-03 17:45:43
346
原创 Python 添加文件注释和函数注释
1、文件添加方式： pycharm提供了一个在新建文件自动生成文件头注释的功能，可以实现自动生成运行环境，作者、日期等必要信息，使用比较方便，配置十分简单。#!C:\pythonCode# -*- coding: utf-8 -*-# @Time : ${DATE} ${TIME}# @Author : hlx# @File : ${NAME}.py# @Software: ${PRODUCT_NAME}2、自动生成函数注释，包括参数和返回值。使用方法，函数定义时，直接...
2020-08-03 11:51:12
1076
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人