- 博客(22)
- 收藏
- 关注
RSS订阅原创 缓存
缓存HTML4的本地存储 cookie浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别：1、保持状态：cookie保存在浏览器端，session保存在服务器端2、使用方式：（1）cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。
2021-02-09 13:26:24
182
原创 d3力导向图
d3力导向图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- <script type="text/javascript" src="../d3.js"></script>--> <script src = "https://d3js.
2021-01-25 11:57:57
261
原创 vue基础指令
vue基础vue介绍Vue.js是前端的主流框架之一，和Angular.js、React.js并称为前端三大主流框架。vue.js 数据驱动和组件化开发，轻量级一些，分层渐进式框架；React.js 数据驱动和组件化开发，灵活性很高，需要什么都得自己构建逻辑自己写;Angular.js 重量级框架;大型企业OA办公Vue.js 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合
2020-12-10 17:16:41
260
原创 js数组的方法
数组的基础方法1、toString()toString() :把数组转换为（逗号分隔）的字符串。 var fruits = ["Banana", "Orange", "Apple", "Mango"]; console.log(fruits.toString()); //Banana,Orange,Apple,Mango2、jion()join() :将数组元素结合为一个字符串。( 按照( )内指定的符号来连接，不写按照逗号连接 ) var fruits =
2020-12-09 18:27:11
152
原创 同步异步，阻塞非阻塞
//同步(一个任务挨着一个任务执行)，如：let res1=fn()let res2=fn()//res2的结果产生，要等到res1的结果产生了之后//异步：要处理某个业务，他自己产生数据以后，通知你去使用数据（你不知道它什么时候产生数据）//这种设计常见于回调函数(回调函数是异步操作的一种体现，不能说异步操作就是回调函数)function fn(cb){ for(var i=0;i<100;i++){ } //fn内部产生的数据传给回调函数用 c
2020-11-18 19:21:50
128
原创 通过ajax写一个简单的新闻页面（静态资源托管）
开头先说，因为这是我用来做笔记的，所以有些思路呀什么可能没有很详细，有可能有一些逻辑不清，因为我主要是按照自己可能不太能理解的点写的一些提示。效果：向服务器发起的请求，如下：代码：（前端html部分）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
2020-11-14 14:17:23
323
原创 fs模块遍历一个文件夹下的所有文件和文件夹名字
结果：let fs=require('fs');let toppath=__dirname;//当前文件夹的名字function fn(path){ fs.readdir(path,(err,files)=>{ files.forEach(function(item){ fs.stat(path+'/'+item,(err,data)=>{ if(data.isFile()){ console.log('文件名',item); }else{ .
2020-11-14 11:55:30
3790
原创 js通过ajax写一个网站（未使用静态资源托管）
//思路：//使用一个端口创建服务器，在服务器端响应前端的请求//入口路径是path == ‘/homepage’//当前端请求这个路径的时候，我们去做一些事情：//在这里是：读取./homepage.html文件，读取成功将读取的内容返回给前端res.end(data)//因为浏览器会解析这个html文件，所以响应回前端的就是一个页面//在./homepage.html文件里，设置这样的事情：//向这个地址：‘http://192.168.2.65:86/index’,发起GET请求//当
2020-11-14 11:47:19
163
原创 闭包注册点击事件
<body> <ul class="nav"> <li>榴莲</li> <li>臭豆腐</li> <li>鲱鱼罐头</li> <li>大猪蹄子</li> </ul> <script> // 闭包应用-点击li输出当前li的索引号 //1,我们可以
2020-10-23 17:24:45
138
原创 递归的简单理解
递归：如果一个函数在内部调用自己本身，那么这个函数就是递归函数递归函数的作用和循环效果一样由于递归很容易发生 ‘栈溢出’ 错误，所以必须要加退出条件returnfunction fn(){fn()}fn() !!!栈溢出let num=1; function f(){ console.log(num); if(num == 6){ return; }
2020-10-23 17:21:55
144
原创 阻止浏览器默认事件
（1）跳转地址的值为：javascript:;（2）event.preventDefault（）（3）event.returnValue = false; //IE678阻止浏览器默认行为<body> <a href="javascript:;">javascript:;阻止跳转</a> <hr> <a href="#" class="pa">preventDefault阻止</a> <hr
2020-10-23 17:18:23
277
原创 固定导航栏
固定导航栏，点击回到顶部回到顶部<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
2020-10-23 17:13:59
824
原创 高阶函数和闭包的简单理解
<script> //高阶函数： //是对其他函数进行操作的函数，它接收函数作为参数或将函数作为返回值输出。 //函数也是一种数据类型，同样可以作为参数，传递给另外一个参数使用，最典型的就是作为回调函数。 function f1(a,b,callback){ console.log(a+b); callback && callback()//callback存在才调用这
2020-10-16 14:32:03
218
原创 js使用工厂的方法创建对象
//定义一个创建对象的函数，里面的参数可以动态追加属性值 function creat(name,age,tel){ let obj=new Object(); //追加对象的属性 obj.name=name; obj.age=age; obj.tel=tel; //返回Obj作为方法的执行结果 return obj;
2020-09-30 15:28:36
109
原创 js键盘事件-让小车走动
图片不知道怎么贴在网上，就。。。需要的话自己网上找一个小车子的图片，更改一下img的src地址吧哈哈。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2020-09-11 16:01:04
235
原创 js高频发事件的处理：防抖、节流
思路：设置定时器，在自设置的时间内，高频发的事件只执行一次。<style> .mydiv { width: 100px; height: 100px; background-color: rgb(233, 131, 131); } </style></head><body> <div class="mydiv"></
2020-09-10 14:41:40
282
原创 js实现右键弹出自定义的菜单
js实现右键弹出自定义的菜单实现的步骤：1、首先阻止右键弹出系统默认的菜单2、自定义菜单并隐藏3、点击右键弹出自定义菜单4、点击桌面除菜单任意位置，菜单隐藏，点击菜单，菜单不隐藏。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca
2020-09-09 16:25:33
2546
原创 双击时不触发单击事件
当双击时，除了触发双击，也会会默认发生了两次单击。所以，这篇小短文就是解决一下这个事情。（思路也是听老师说的，当时只说了一种，如果有其他的欢迎补充，我整理一下，顺便复习）<body> <div class="mydiv"></div> <script> let mydiv = document.querySelector('.mydiv') mydiv.addEventListener('click', fn
2020-09-09 14:36:48
784
原创 纯js写小游戏
纯js写的一个小游戏（跟着视频做的，bug问题我还没解决）bug主要是 ：滑动底部滑块的时候，点击的太频繁了会让鼠标抬起时不触发相应的函数。阿弥陀佛，我尽力了。html部分：<div id="div1"> <div class="ball"></div> <div class="slide"></div> <div class="brick">
2020-09-09 11:36:34
1579
3
原创 滑动到距离顶部一段距离固定显示搜素栏
只是思路，具体的没有做了（图片放反了）当滚动条滚动了40px的时候，将搜索栏显示出来，滚动距离没有40px的时候隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2020-09-07 17:18:27
503
原创 使用canvas写一个饼状图
使用canvas写一个饼状图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
2020-09-07 15:14:10
206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人