HaiRong_21-CSDN博客

原创缓存

缓存HTML4的本地存储 cookie浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别：1、保持状态：cookie保存在浏览器端，session保存在服务器端2、使用方式：（1）cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。

2021-02-09 13:26:24 144

原创 d3力导向图

d3力导向图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src = "https://d3js.

2021-01-25 11:57:57 237

原创 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 221

原创 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 136

原创同步异步，阻塞非阻塞

//同步(一个任务挨着一个任务执行)，如：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 113

原创通过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 302

原创 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 3473

原创 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 126

原创闭包注册点击事件

<body> <ul class="nav"> <li>榴莲</li> <li>臭豆腐</li> <li>鲱鱼罐头</li> <li>大猪蹄子</li> </ul> <script> // 闭包应用-点击li输出当前li的索引号 //1,我们可以

2020-10-23 17:24:45 118

原创递归的简单理解

递归：如果一个函数在内部调用自己本身，那么这个函数就是递归函数递归函数的作用和循环效果一样由于递归很容易发生 ‘栈溢出’ 错误，所以必须要加退出条件returnfunction fn(){fn()}fn() !!!栈溢出let num=1; function f(){ console.log(num); if(num == 6){ return; }

2020-10-23 17:21:55 126

原创阻止浏览器默认事件

（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 243

原创固定导航栏

固定导航栏，点击回到顶部回到顶部<!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 781

原创高阶函数和闭包的简单理解

2020-10-16 14:32:03 193

原创 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 89

原创 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&lt

2020-09-11 16:01:04 208

原创 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 261

原创 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 2462

原创双击时不触发单击事件

当双击时，除了触发双击，也会会默认发生了两次单击。所以，这篇小短文就是解决一下这个事情。（思路也是听老师说的，当时只说了一种，如果有其他的欢迎补充，我整理一下，顺便复习）<body> <div class="mydiv"></div> <script> let mydiv = document.querySelector('.mydiv') mydiv.addEventListener('click', fn

2020-09-09 14:36:48 750

原创纯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 1481 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 472

原创使用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 190

原创使用js和canvas写一个时钟

使用js和canvas写一个时钟 Document

2020-09-07 15:07:51 181

HaiRong_21的博客