原生javascript
关注
分享
扫一扫
巴啦啦小能量
前端开发
展开
-
WordPress制作会员中心必备：记录和显示会员最后登录的时间
建造一个简朴的WordPress而且不依赖任何插件式完全可行的，假如你需要更强盛的WordPress会员中央，请参考：WordPress前端会员/用户中央插件：wp-user-frontend-pr 建造一个简朴的WordPress而且不依赖任何插件式完全可行的，假如你需要更强盛的WordPress会员中央，请参考：WordPress前端会员/用户中央插件：wp-user-frontend...原创 2021-07-15 20:45:16 · 494 阅读 · 2 评论 -
原生javascript和jquweytop实现页面滚动到顶部
$("#top").click(function() {// let speed = 10;// let my = null;// clearInterval(my);// let top = 0;// my = setInterval(() => {// parseFloat// top = parseInt($(window).scrollTop()-...原创 2019-01-07 17:40:04 · 7456 阅读 · 0 评论 -
es6之Promise 对象
Promise 是异步编程的一种解决方案，解决——回调函数和事件ES6 规定，Promise对象是一个构造函数，用来生成Promise实例。下面代码创造了一个Promise实例。基本用法 ES6 规定，Promise对象是一个构造函数，用来生成Promise实例。const promise = new Promise(function(resolve, reject) { //reso...原创 2019-02-23 15:53:05 · 3570 阅读 · 0 评论 -
原生JavaScript之es6的Class
es6class写法class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; }}es5写法function Point(x, y) { this.x = x; th...原创 2019-02-23 16:50:04 · 3578 阅读 · 0 评论 -
cookies、sessionStorage和localStorage
（1）cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失。 Cookie是服务器发给客户端的特殊信息，cookie是以文本的方式保存在客户端，每次请求时都带上它（2）...原创 2019-02-23 16:58:41 · 3388 阅读 · 0 评论 -
cookies，sessionStorage和localStorage
sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。web storage和cookie的区别Web Storage的概念和...原创 2019-02-21 08:39:57 · 4182 阅读 · 0 评论 -
call方法apply方法
call方法: 语法：call(thisObj，Object1,Object2...)定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 apply方法： 语法...原创 2019-02-21 08:44:41 · 4272 阅读 · 0 评论 -
JavaScript是一门什么样的语言
javaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。JavaScript兼容于ECMA标准，因此也称为ECMAScript。...原创 2019-02-21 08:47:53 · 5720 阅读 · 0 评论 -
那些操作会造成内存泄漏？
内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即可回收。setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏。闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环）...原创 2019-02-21 09:00:22 · 4511 阅读 · 0 评论 -
原生javascript制作验证码
function sjyz() { let s = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"; let str = ""; for (let i = 0; i < 4; i++) { let num = parseInt(Math.random() * s.length); // cons...原创 2019-01-07 16:42:42 · 7153 阅读 · 0 评论 -
原生javascript运动函数的封装
原生javascript运动函数的封装的几种方式 //封装匀速运动//参数：// 1、dom对象// 2、样式属性（top，left，width，height，opacity等等）// 3、起始位置，结束位置// 4、速度：时间间隔，步长// 5、方向：//返回值function moveObj(domObj,attr,startValue,endValue,tim...原创 2018-12-24 20:26:02 · 9614 阅读 · 0 评论 -
原生javascript实现类似vue的数据绑定功能
// 观察者模式let observer = { /*订阅功能*/ addSubscriber: function (cb) { this.subscribers.push(cb); }, /*退订功能*/ removerSubscriber: function (cb) { ...原创 2018-12-27 17:57:45 · 9692 阅读 · 0 评论 -
原生javascript组合模式写菜单 (封装调用)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ padding:0; margin:0} ul{ list-style:none} a{ text-d原创 2018-12-27 18:01:13 · 9107 阅读 · 2 评论 -
javascript基本单关键字整理笔记
1> javascript2> string number boolean null underfieand symbole3> parseInt parseFloot Number 4> switch 5> continue6> firefox chrome7> debugger8> var arr = new Array()9&...原创 2018-12-27 18:02:50 · 9433 阅读 · 0 评论 -
原生javascript的ajax请求
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <table id=&原创 2019-01-03 16:06:16 · 7697 阅读 · 0 评论 -
原生javascript中this通常的几种用法
// this的应用 “是” 代名词// this必须出现在函数里面//------------------默认绑定function test (){ console.log(this.a);//1}var a = 1;test();// this取得是window的对象a；此处默认window//---------------------隐士绑定？func...原创 2018-12-24 19:59:49 · 8980 阅读 · 0 评论 -
原生javascript中的arguments对象的重要应用
在arguments中，存在函数中、第1个参数的属性名是’0’，第2个参数的属性名是’1’，以此类推，并且它还有length属性，存储的是当前传入函数参数的个数，很多时候我们把这种对象叫做类数组对象(伪数组)function test (a,b,c){ console.log(a,b,c)//4 5 6 console.log(arguments); /*{0: 4 打印出的...原创 2018-12-24 20:02:12 · 8965 阅读 · 0 评论 -
原生javascript制作拼图游戏
实现方法 //1、让所有的li（在ul里）可以拖拽//2、交换li的位置 计算背景图位置//1、让所有的li（在ul里）可以拖拽//根据鼠标的位置，计算目标li的序号//根据行号和列号计算下标//行号*3+列号//2、归位此处没有背景图 请自行添加 css样式<!DOCTYPE html><html> <head> ...原创 2018-12-24 20:15:18 · 9189 阅读 · 0 评论 -
原生javascript的单例模式的应用
总体原则：开闭原则（Open Close Principle） 开闭原则就是说对扩展开放，对修改关闭。在程序需要进行扩展的时候，不能去修改原有 的代码，实现一个热插拔的效果。所以一句话概括就是：为了使程序的扩展性好，易于维护和升 级。 1、单一职责原则 不要存在多于一个导致类变更的原因，也就是说每个类应该实现单一的职责，如若不然，就 应该把类拆分。 创建模式_单例模式 某个类只允...原创 2018-12-27 17:49:46 · 9219 阅读 · 0 评论