- 博客(30)
- 收藏
- 关注
原创 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
185
原创 前端面试
手写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
164
原创 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
250
原创 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
125
原创 git常用操作
码云git大全1.远程仓库相关命令检出仓库:$ git clone git://github.com/jquery/jquery.git查看远程仓库:$ git remote -v添加远程仓库:$ git remote add [name] [url]删除远程仓库:$ git remote rm [name]修改远程仓库:$ git remote set-url --push[name...
2019-04-24 16:03:56
103
原创 vue 省市区三级联动组件
<template> <div class="area-linkage"> <template v-for="(option, key) in options" > <span v-if="showLabel">{{option.label}}:</span> <el-select class="select-ch...
2019-03-21 10:59:53
934
原创 vscode自用扩展
beautifyauto rename tagbracket pair colorizereslintlive serverveturvscode-iconsgitLens
2019-03-19 14:14:03
228
原创 前端解析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
627
原创 fastflex.scss
针对flex布局的快速写法,自己用起来感觉挺方便的。.fp { display: -webkit-box; display: -ms-flexbox; display: flex;}.fc { @extend .fp; flex-direction: column; &_c { @extend .fc; align-items: center...
2019-01-30 14:45:12
380
1
原创 手写一个发布订阅
var Event = { // 通过on接口监听事件eventName // 如果事件eventName被触发,则执行callback回调函数 on: function (eventName, callback) { //你的代码 if(!this.handles){ //this.handles={}; ...
2018-12-20 21:52:36
279
原创 react中遇到的问题
在react开发中,我们经常会遇到这种问题,原因是当我们切换组件的时候,组件已经销毁,而ajax请求还在继续,而该组件已经销毁了,react就是报错,认为内存存在泄漏。...
2018-11-28 16:00:43
472
原创 详解React生命周期及钩子函数
父组件import React , {Component} from 'react'import Son from './Son'class Father extends Component { constructor(props){ // 可以绑定this 设置props 根据属性设置状态 给方法绑定this super(props) ...
2018-11-18 14:58:23
692
原创 详解Vue生命周期及钩子函数
只需要将引入的vue.js改了就可以了&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;g
2018-11-04 22:25:58
174
原创 虚拟dom和diff算法
虚拟DOM ( virtual dom )用一个简单的对象去替代复杂的dom对象,存储了对应dom的一些重要参数,在改变dom之前,会先比较相应虚拟dom的数据,如果需要改变,才会将改变应用到真实dom上。Diff算法 ( 差异算法 )可以用新渲染的对象树去和旧的树进行对比,记录这两棵树差异,记录下来的不同就是我们需要对页面真正的DOM操作,然后把他们应用在真正的DOM树上,页面就变更...
2018-11-02 22:38:14
154
原创 仿淘宝放大镜
可以直接复制代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜</title> <link rel="stylesheet" href=&quo
2018-09-30 08:32:32
222
原创 排序演示
只需添加一个Jquery文件就可以使用了<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style typ
2018-09-09 21:34:23
150
原创 Javascript设计模式
设计模式它不是一个类库 它不是一个框架 它也不是一段代码 它是解决问题的一种思路和方法1.单例模式 定义:保证一个类仅有一个实例 本质:控制实例数目 单例模式思想在于保证一个特定类仅有一个实例,意味着当你第二次使用同一个类创建信对象时应得到和第一次创建对象完全相同。 //外面包一层自运行函数 var Popup = (fun...
2018-09-04 20:11:19
130
原创 简单模仿行星运动
<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title> </title> <style type="text/css"> * {
2018-08-27 21:10:05
1132
原创 元素拖拽及回放
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>完美拖拽</title> <style type="text/css"> html,body{overflow:h
2018-08-26 22:35:18
149
原创 图片切换(淡入淡出效果)
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>点击表格切换图片 </title> </head> <style> .td-c
2018-08-26 16:21:14
3497
1
原创 元素定时器移动(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
原创 透明过渡
<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title> </title> <script> window.onload=function(){ va
2018-08-25 10:25:08
115
原创 数组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
5602
原创 元素拖动(外部封装函数)
//调用该函数时传的参数是对象// 如 :dragable({// down:p, //点击的元素// target : div, //移动的目标元素// ranger: div, //其有定位的父元素// moving : function(x,y){ //移动时要执行的函数// // },...
2018-08-23 14:40:00
153
原创 表格的动态编辑——含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
188
原创 日期处理封装函数(更新中)
//判断某年份是否为闰年 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
429
原创 滑动条拖拽(用户评分练习)——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
原创 div元素的拖拽及回放效果
本例采用的是js事件捕获<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style>
2018-08-21 22:16:05
669
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人