![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
早睡早起学全栈
这个作者很懒,什么都没留下…
展开
-
fetch 请求封装
let formatUrl = obj => { let params = Object.values(obj).reduce((a, b, i) => `${a}${Object.keys(obj)[i]}=${b}&`, '?'); return params.substring(0, params.length - 1);};** * ...原创 2020-04-15 14:04:51 · 173 阅读 · 0 评论 -
前端面试
手写callFunction.prototype.myCall = function( context = window ){ context.fn = this const args = [...arguments].slice(1) let result = context.fn(...args) delete context.fn return result}...原创 2019-12-21 19:34:53 · 153 阅读 · 0 评论 -
node获取本机IP地址
// 获取本机IP地址function getIPAdress() { var interfaces = os.networkInterfaces(); for (var devName in interfaces) { var iface = interfaces[devName]; for (var i = 0; i < iface.length; i++) {...原创 2019-12-19 18:51:36 · 235 阅读 · 0 评论 -
localStroage,cookie操作
export default { get: function (key) { var value = localStorage.getItem(key); if (value) { try { var value_json = JSON.parse(unescape(value)); ...原创 2019-10-30 18:30:04 · 123 阅读 · 0 评论 -
Javascript设计模式
设计模式它不是一个类库 它不是一个框架 它也不是一段代码 它是解决问题的一种思路和方法1.单例模式 定义:保证一个类仅有一个实例 本质:控制实例数目 单例模式思想在于保证一个特定类仅有一个实例,意味着当你第二次使用同一个类创建信对象时应得到和第一次创建对象完全相同。 //外面包一层自运行函数 var Popup = (fun...原创 2018-09-04 20:11:19 · 127 阅读 · 0 评论 -
排序演示
只需添加一个Jquery文件就可以使用了<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style typ原创 2018-09-09 21:34:23 · 148 阅读 · 0 评论 -
推荐一下大神的前端进阶基础合集
不多说,直接上链接点击这里转载 2018-09-23 15:32:07 · 182 阅读 · 0 评论 -
仿淘宝放大镜
可以直接复制代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜</title> <link rel="stylesheet" href=&quo原创 2018-09-30 08:32:32 · 220 阅读 · 0 评论 -
手写一个发布订阅
var Event = { // 通过on接口监听事件eventName // 如果事件eventName被触发,则执行callback回调函数 on: function (eventName, callback) { //你的代码 if(!this.handles){ //this.handles={}; ...原创 2018-12-20 21:52:36 · 266 阅读 · 0 评论 -
前端解析js题目
后端返回的题目数据为:#{“type”:“para_begin”,“style”:“math_text”}#计算49+499+4999=,下面哪一种计算方法最简便( )。#{“type”:“para_end”}#/** * 题目的题干字段解析 * @param stem * @returns {any[]} */function getParagraph(stem) { ...原创 2019-03-07 16:26:35 · 623 阅读 · 0 评论 -
透明过渡
<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title> </title> <script> window.onload=function(){ va原创 2018-08-25 10:25:08 · 109 阅读 · 0 评论 -
滑动条拖拽(用户评分练习)——js
<!DOCTYPE html><html charset="UTF-8"><head><title></title><!-- 新 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="http://cdn.bootcss原创 2018-08-21 22:31:35 · 915 阅读 · 0 评论 -
图片切换(淡入淡出效果)
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>点击表格切换图片 </title> </head> <style> .td-c原创 2018-08-26 16:21:14 · 3485 阅读 · 1 评论 -
元素拖拽及回放
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>完美拖拽</title> <style type="text/css"> html,body{overflow:h原创 2018-08-26 22:35:18 · 147 阅读 · 0 评论 -
日期处理封装函数(更新中)
//判断某年份是否为闰年 function isLeapYear(year){ return year%4==0 && year%100!=0 || year%400==0; } //将日期格式化输出 “2015-08-24” function date2string(date, sep){ var sep...原创 2018-08-22 19:03:09 · 417 阅读 · 0 评论 -
表格的动态编辑——含Cookie
HTML<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/原创 2018-08-23 14:20:21 · 184 阅读 · 0 评论 -
元素拖动(外部封装函数)
//调用该函数时传的参数是对象// 如 :dragable({// down:p, //点击的元素// target : div, //移动的目标元素// ranger: div, //其有定位的父元素// moving : function(x,y){ //移动时要执行的函数// // },...原创 2018-08-23 14:40:00 · 140 阅读 · 0 评论 -
简单模仿行星运动
<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title> </title> <style type="text/css"> * {原创 2018-08-27 21:10:05 · 1120 阅读 · 0 评论 -
数组replace的终极用法
var str="2018&amp;08&amp;08"; var num=0; var res=str.replace(/\D/g,function(mathed,index,str){ if(num==0){ num++ return "-"; } ...原创 2018-08-24 16:11:19 · 5583 阅读 · 0 评论 -
div元素的拖拽及回放效果
本例采用的是js事件捕获<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style>原创 2018-08-21 22:16:05 · 667 阅读 · 0 评论 -
元素定时器移动(move.js)
//ele——要移动的元素//cssprop——要改变的css样式//targetval——目标值//totaltime——耗时时间(单位是毫秒)//示例:move(box,"left",window.innerWidth,3000);function move(ele,cssprop,targetval,totaltime){ //获取元素当前的属性值 var cur...原创 2018-08-26 15:49:16 · 732 阅读 · 0 评论