自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 node的内置模块fs的同步异步流方式的写入与读出

fs ( File System ) 文件系统在node中我们可以通过fs模块来和系统中的文件进行交互通过fs模块可以对磁盘中的文件做各种增删改查的操作下面我就为大家先介绍一下关于fs的同步,异步,流三种方式的写和读的操作。当我们在进行操作之前一定要注意讲fs模块引入let fs = require("fs");1.同步写入:三个参数中,第一个参数为需要写入信息的文件地址,第二个参...

2020-04-07 21:14:47 1001 1

原创 一个功能较全的轮播图插件(含详细介绍)

今天给大家分享一个功能较全的轮播图插件,废话不多说,直接上插件;(function($){ "use strict"; $.fn.extend({ banner:function(ops){// cont代指执行此方法的dom元素,此处指的是banner var cont = this; // 1.默...

2020-03-22 21:58:01 2227

原创 一些设计模式的实例

1.单例模式 class Msg{ constructor(){ this.ele = document.createElement("div"); document.body.appendChild(this.ele); } init(str){ this.ele.innerHTML = str; } } ...

2020-03-17 21:53:38 159

原创 js中的一些继承

首先我们先聊一下什么是继承?简单来说,继承就是让一个没有一些属性和方法的对象拥有一个既有属性又有方法的对象的属性和方法。那继承又分哪些呢?下面让我为大家讲解一些常用的继承吧。1.原型对象的继承 function Parent(){ this.name = "zhangshan"; } Parent.prototype.show = function(){ console...

2020-03-16 21:39:08 103

原创 对于ajax和promise的合并处理(封装函数)

//ajax-promise封装function ajax(ops){ ops.type = ops.type || "get"; ops.data = ops.data || {}; var str = ""; for(var key in ops.data){ str += `${key}=${ops.data[key]}&`; ...

2020-03-15 22:11:04 105

原创 回调地狱以及其救星Promise

前端的ajax和jsonp内部充斥着大量的异步,为了能够拿到异步的数据,使用了大量的回调函数,来获取将来异步执行成功之后的数据。如果请求不多,还好,一旦请求的数量达到一定程度,并且复杂度提升以后,会造成一些问题。例如:我们开启了三个异步的请求,要求同时拿到三个结果,那么我们应该怎么处理呢?我先用ajax来做个例子:我们通过前端想要拿到3个php文件中不同的数据d1.phpd2.php...

2020-03-13 21:45:57 71

原创 解决ajax “get”请求方式生成缓存问题

首先我们先谈一谈什么是缓存:当get请求时,浏览器会默认缓存要请求的资源。当然这是一个双刃剑,其优点表现为:这样会提升用户的体验,因为当用户点击页面请求资源后,请求的资源会默认在浏览器中生成缓存,这样当我们再点击访问其资源时,会先自动从缓存中查找资源。如果有的话就直接加载即可,如果没有的话再对其服务器进行请求。这样大大的节省了响应的时间,使用户很快的可以拿到自己需要的资源。但是刚刚也说到了这是...

2020-03-12 17:33:01 486

原创 ajax的基础封装及实例运用

//ajax的封装函数 function ajax(ops){ // 先处理默认属性 ops.type = ops.type || "get"; ops.data = ops.data || ""; // 根据当前的请求方式,决定是否需要拼接数据,处理url ops.url = ops.type=="get" ...

2020-03-11 21:23:40 79

原创 一个通过cookie实现的账号密码保存的案例(会分享cookie设置获取删除的封装函数哦)

相信大家都玩过QQ,但细心地你是否发现有个保存密码的功能,当你选中保存账号密码时,等你下次登录的时候,将直接为你显示出来你的账号密码,省去了我们再次输入的时间,那么这样一个功能是如何实现的呢,我现在通过cookie简单为大家实现一下这个功能。首先给大家分享cookie的三个封装函数://设置cookie//ops指用来处理有效时间以及路径function setCookie(key,val...

2020-03-10 20:22:48 612 2

原创 字符的一些操作方法

字符是个字符,但是也可以使用类似于对象的操作方式,所以说字符也有方法,也有属性。那么它们都分别是谁,有什么作用呢?下面让我给你一一道来。老规矩,我们先定义一个字符串,来为下面的属性和方法使用。var str= “Hello World”;1. str.length//参数:无//返回值:无//功能:计算字符串中字符的个数,长度//是否改变原来字符串:否 console.log(st...

2020-03-08 18:39:38 164

原创 一个利用本地储存实现的购物车功能(详细步骤哦)

相信大家在做电商网站的时候,最常见印象最深当属购物车了,有了它我们才可以统计客户选购的商品,然后进行下面收款发货功能,那么购物车这个功能,我们应该怎样通过js给他实现呢,下面让我通过本地存储给大家模仿一个简易的购物车功能吧。首先我们先分析一下,购物车的前提是需要有一个商城,它包含很多的商品,任由我们来选择,然后当我们点击购物车时,购物车里会显示我们刚刚选择的商品数据。所以我们分两部分来写,首先简...

2020-03-07 17:17:27 3220 2

原创 数组的一些常用方法

通过运用一些数组的方法,能更有利方便的让我们的数组中的数据进行管理,那这些方法都是什么,他们都用什么作用呢?下面让我来给大家详解一下。先给定一个数组var arr = [“hello”,1,2,3,“world”];下面就让我们来通过数组的一些常用方法来管理这些数据把!1.push() // 参数:任意个,任意值 // 返回值:数组被增加之后的长度 ...

2020-03-05 22:26:33 94

原创 通过js做出一个烟花效果(详细步骤)

相信大家都见过烟花或者说是放过烟花,一个烟花点燃后在天空中炸出,想想就很酷,还有更酷的呢。接下来我来带着大家做一件更酷的事情,我们通过js来完成一个烟花的效果。首先我们来在页面上描绘出一个夜晚的场景:<style type="text/css">css部分 #container{ width: 80%; height: 600px; margin: ...

2020-03-04 21:12:10 4875

原创 页面上的一些尺寸的获取

当我们把元素写在网页的时候,我们想在js中来调用它了解他的尺寸是多少,那我们应该通过什么方法来获取它呢?下面我就通过一个例子介绍一些属性来让我们获取元素在页面上的尺寸吧。我们首先通过html和css布局一个盒子在页面上css部分 <style> #box{width: 100px;height: 100px;padding: 10px;border: 20px...

2020-03-03 23:39:22 313

原创 一些常用封装函数的分享

对函数进行封装是一个良好的程序思想,是一个良性的编程方法。当我们需要某功能函数时,我们只需要调用即可,不需要自己写程序,这样大大的减少了我们的工作量。提高了程序运行的安全性和可移植性,同时还提高了代码的保密性。岂不美哉!下面我就分享一些常用的封装函数,方便大家使用。1.事件委托的封装function eveEnt(child,cb){ return function(eve){ ...

2020-03-02 22:45:43 435

原创 javascript内置对象之-Math

Math对象Math对象顾名思义是一种数学对象,它主要用于执行一些数学的任务来方便人们进行计算,它一般属于一种函数,不属于某种方法,所以一般直接使用即可。1.数据类型:console.log(typeof Math); //object...

2020-02-23 18:22:55 275

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除