- 博客(69)
- 收藏
- 关注
RSS订阅转载 实现一个new
function Dog(name) { this.name = name this.say = function () { console.log('name = ' + this.name) } } function Cat(name) { this.name = name thi...
2019-09-21 15:43:00
276
转载 滚动条样式修改
.center-frame{height:300px;width:100%;overflow-y:scroll;}.center-frame::-webkit-scrollbar{width: 8px;height: 16px;background-color: #F5F5F5;}.center-frame::-webki...
2019-09-16 19:52:00
248
转载 new操作符做了什么?
function Test(){this.name = 'lishishi'}var obj = new Test()var obj = {name:'lishishi'}function Test(param){console.log(this);console.log(param)}obj.__proto__ = T...
2019-08-27 23:24:00
158
转载 备忘录实现+具体需求应用备忘录
首先你要了解设计模式,了解备忘录模式,如果不了解那就先去了解吧.class Cache { // 中间对象constructor(json) {this.json = json}getJson() {return this.json}}class CacheList { // 缓存列表constructor() {this.list = []...
2019-08-24 20:05:00
573
转载 Math.random生成指定范围的随机数
function getRndInteger(min, max) {return Math.floor(Math.random() * (max - min)) + min;}getRndInteger(1,32)转载于:https://www.cnblogs.com/MDGE/p/11319945.html
2019-08-08 11:04:00
1320
转载 reduce详细用法
对象里的属性求和var result = [ { subject: 'math', score: 10 }, { subject: 'chinese', score: 20 }, { subject: 'english', scor...
2019-08-05 15:04:00
504
转载 一个搜索上下的功能,用的不多
<template><div><mainHeader title="日志" /><div class="grid-content log-box"><div class="header"><el-row :gutter="24"><el-col :span="8" style="pa...
2019-07-27 17:41:00
108
转载 svg拖拽rect,line,circle
window.onload = function(){var height = 400,width = 900;var rectWidth = 150,rectHeight = 150;var mySvg = d3.select('#main').append("svg").attr('height',height).attr('width',width).attr(...
2019-07-25 17:54:00
444
转载 element目录树的拖拽功能----->
如果你用到拖拽,那么我猜你用到了svg.那么你对d3一定有一定的了解了.总之我猜你一定是有基础的人.同时也为自己记录下,目录树的巨型Bug:allow-drop="allowDrop",这个配置他是可以使你的拖拽恢复原来.超级有用的东东:render-content="renderContent"大家看下面的代码是jsx语法,没错这个可以使你灵活的添加图标什么的....
2019-07-22 17:02:00
1157
转载 monaco代码编辑器
首先我简单介绍下这是个代码编辑器,不过远没有VScode那么强大,不过github上面给的东西实在实在实在本人看不太懂,并且邀了好多人也不是很懂.总结了我自己用到的几个小玩意,如果你没有用到这个,建议你不要继续往下看了,浪费时间monacoEditor = monaco.editor.create(document.getElementById('container'), {...
2019-07-17 14:20:00
681
转载 amd和cmd区别
AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。对于依赖的模块，AMD 是提前执行，CMD 是延迟执行。不过 RequireJS 从 2.0 开始，也改成可以延迟执行（根据写法不同，处理方式不同）。CMD 推崇 as lazy as possible.CMD 推崇依赖就近，AMD 推崇依赖...
2019-06-17 11:23:00
116
转载 一些正则的校验啥的
邮箱校验: function validEmail(email) { const reg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-...
2019-06-14 15:48:00
173
转载 插槽多种变化使用
目的：在每一个页面加上头相当于这个页面是干嘛的，也就是所谓的路由。首页看一个例子这里我们在main.js中引入了mainHeader这个组件,然后到了某个页面我们不想在每一个页面都去渲染头发，出现标题。我们将mainHeader组件写入加上一个v-slot,父传子再传title在mainHeader组件我们完全可以通过props传给字数据，再...
2019-06-03 22:09:00
106
转载 cookie读取与设置
function getCookie(c_name) { var that = this; if (document.cookie.length > 0) { //检查这个cookie是否存在，不存在就为 -1 c_start = document.cookie.indexOf(c_name + "=") if (c_s...
2019-06-01 14:36:00
183
转载 有关快捷键的使用
介绍一下阻止浏览器默认快捷键 e.preventDefault转载于:https://www.cnblogs.com/MDGE/p/10922101.html
2019-05-25 12:58:00
96
转载 axios拦截器
axios.interceptors.response.use(response => {if (response.data.code == 0) {return response.data} else if (response.data.code == 600) {Cookies.remove('Admin-Token')router.push({ name:...
2019-05-22 15:40:00
91
转载 上传文件格式,及headers设置
file[]:(binary)文件格式,传过去的参数自然是query string parameters 形式,当然也有纯的formData格式formData格式就是将所有的参数append到param参数里面转载于:https://www.cnblogs.com/MDGE/p/10778720.html...
2019-04-27 14:42:00
6186
转载 柯里化
var cost = (function(){ var args = []; return function(){ console.log(arguments); if(arguments.length === 0){ console.log(11111); var money = 0; for(var ...
2019-04-22 23:15:00
89
转载 ivew ui
render操作：render:(h, params) => {return h('div', [h('Button',{on:{click:()=>{this.edit(params)}}}, '编辑'),h('Span',{style:{width:'5px',display:'inline-block'...
2019-04-16 10:25:00
91
转载 git常见操作
关于add1、 add是将修改的文件提交到暂存区，比如 git add .将所有修改的文件加入暂存区，git add “路径”将指定文件加入暂存区2、 取消add请查看reset 3，4关于commit1、 commit是将暂存区的文件提交到本地分支2、 查看commit记录用git log，如果只想查看最近一次的可以git log -n1,以此类推也可以n2n3...
2019-04-14 13:30:00
69
转载 async ,await 有图有真相
１．async返回的一定是promise对象返回的是promise和1232.await确实可以同步；我解释下为什么要这么做，其实实际开发中我们经常遇到，第二次请求会用刀第一次请求的数据，那么我们用await给请求改成同步，也就是一定等到第一次请求结束后才会发送第二次请求．转载于:https://www.cnblogs.com/MDGE/p/107048...
2019-04-14 13:25:00
87
转载 有关promise的技巧
其实promise的作用是将异步的代码转化为同步，这里的异步指的是request1,request2.转载于:https://www.cnblogs.com/MDGE/p/10685792.html
2019-04-10 20:10:00
100
转载 d3.js做的柱状图
window.onload = function(){var dataArray = [23, 13, 21, 14, 37, 15, 18, 34, 30];var height = 400,width = 900;var padding = {left:30, right:30, top:20, bottom:20};var rectPadding = 4;var...
2019-04-09 17:59:00
234
转载 d3.js,初遇
接触ｄ3完全是由兴趣所致，废话不多说看代码：var dataArray = [23, 13, 21, 14, 37, 15, 18, 34, 30];这是这个图所需要的数据，其实这个柱状图最初不长这个样子，大家看到白色的＋蓝色的＝４００；最初在形成柱状图的时候其实是蓝色的补集也就是白色的．为什么呢，因为这些ｊｓ都是从左到下啊，我定义４００－白色的得到的就是蓝色的；如果不...
2019-04-08 19:27:00
95
转载 关于窗口高度于浏览器高度问题
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-...
2019-04-01 21:27:00
276
转载 观察者模式下的数组排序
<script>let obj = {};obj.arr = [];function sortNum(a,b){return a-b}obj.listen = function(fn){obj.arr.push(fn)};obj.trigger = function(){for(let i = 0;i<this.arr.len...
2019-03-11 17:41:00
139
转载 关于select的id以及value传给后台的问题
下面解释下后端为什么让传id的时候我们要怎末办？定义一个空对象将他的值给select的值，option遍历的时候：value="item",这里的item是一个对象，也就是如果你要提交的话，提交的当然是空对象，除非你手动改变select的值，如果改变select的value值，也就是改变了obj这个对象，此时我们就可以拿到他的obj的id,以及name,当然一般后...
2019-03-05 23:23:00
1029
转载 节流
HTML： <input id="search" type="text" name="search">JS： <script> function queryData(text){ console.log("搜索：" + text); } var input = ...
2019-02-15 18:30:00
137
转载 图片上传 new FormData() ,new FileReader()
多图片和单图片取决于 multiple属性，下面来介绍下 new FileReader() reader.readAsDataUrl(file[0])可以看到文件是Base64的，let fd = new FormData()fdfd.append('file', files[0]);二进制文件转载于:https://www.cnblo...
2019-02-14 11:56:00
925
转载 react路由
针对多个列表导航公用一个组建，然后 有两种路由方式1.import {HashRouter as Router,Route,Link} from 'react-router-dom'不过这个路由中会有#并且开发时会遇到错误，但是上线就没了。在最外面包裹的此时就是<HashRouter>2.import {BrowserRouter,Route,...
2019-02-13 18:35:00
70
转载 es6转换为es5
一、新建工程初始化项目在src文件夹下，建立es6 js文件，npm init ,出现package.json文件。全局安装babel工具，npm install -g babel-clinpm install --save-dev babel-preset-es2015 babel-cli新建babelrc文件，下面就可以...
2019-01-31 17:58:00
211
转载 双向数据绑定原生js
let data = {}const input = document.getElementsByClassName('input')[0];Object.defineProperty(data,'ss',{get:function(old){console.log(123)},set:function(value){console.log('set方法'...
2019-01-23 20:59:00
69
转载 react-redux简单的记事本应用
首先给大家普及一个方法：let data = [ {id:1,text:'手机',check:false}, {id:2,text:'电脑',check:false}, {id:3,text:'平板',check:true} ]data.map((val)=>{ i...
2019-01-18 17:01:00
169
转载 背景渐变，及蒙板字体效果中带有背景图使用
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-U...
2019-01-16 10:00:00
105
转载 vue全选与取消全选
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-U...
2019-01-12 22:21:00
235
转载 react-redux简单实用
首先了解一个过程，redux 肯定是通过在组件中出发一个方法(事件),我们可以实现一个简单的例子播放和停止播放(写到这今日心情不好，下次继续)redux需要安装 以下依赖：cnpm install redux --savecnpm install react-redux --savecnpm install redux-actions --save因为用到了es6/7...
2019-01-09 20:43:00
116
转载 react中改变echart图表的形状
首先说明一点constructor中的只会渲染一次。父组建是两个点击按钮，点击一个传过来bar,和一个line,子组件也就是当前组建通过this.props.type接收。渲染是通过；；；；；；this.state.option这里要用到一个监听props变化的方法componentWillReceiveProps(nextProps,prevProps){ c...
2019-01-05 20:02:00
231
转载 react纯手写全选与取消全选
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-U...
2018-12-19 00:24:00
400
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人